/* HEADING */





.heading-inner {

    width: 100%;

    height: auto;

    margin-bottom: 30px;

}



.heading-inner h1 {

    color: #2E3646;

    font-size: 30px;

    font-weight: 600;

    margin: 0;

}



.heading-inner h1 span {

    color: #005911;

}



.heading-inner p {

    color: #2E3646;

    font-size: 15px;

    font-weight: 500;

    margin: 0;

    margin-top: 12px;

    line-height: 28px;

}





/* HEADING */





/* PAGE-BANNER */



.page-banner-wrap {

    width: 100%;

    height: auto;

}



.page-banner-wrap img {

    width: 100%;

    height: 344px;

}



.page-banner-wrap .container .row .col-lg-12 {

    position: relative;

}



.page-banner-in {

    width: 100%;

    height: 344px;

    position: absolute;

    left: 0;

    right: 0;

    margin: auto;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

}



.page-banner-in h1 {

    color: #004695;

    font-size: 45px;

    font-weight: 600;

    margin: 0;

}



/* PAGE-BANNER */





/* PAGE-BREADCRUMBS */



.page-breadcrumbs {

    width: 100%;

    height: auto;

    padding: 20px 0;

    background: #E2F0FF;

}



.page-breadcrumbs ul {

    padding: 0;

    margin: 0;

    display: flex;

    align-items: flex-end;

    gap: 35px;

    flex-wrap: wrap;

}



.page-breadcrumbs ul li {

    list-style: none;

    font-weight: 500;

    font-size: 15px;

    color: #005910;

    position: relative;

    display: flex;

    align-items: center;

}



.page-breadcrumbs ul li a {

    font-weight: 500;

    color: #000;

}



.page-breadcrumbs ul li a:hover {

    color: #005910;

}



.page-breadcrumbs ul li:before {

    position: absolute;

    content: '\f105';

    font-family: "Font Awesome 5 Pro";

    font-weight: 500;

    font-size: 15px;

    color: #757575;

    right: -20px;

    line-height: 0;

}



.page-bg .page-breadcrumbs ul li:before {

    color: #fff;

}



.page-breadcrumbs ul li:last-child:before {

    display: none;

}





/* PAGE-BREADCRUMBS */



/* ALL-MODAL */



.modal-open .modal {

    padding-right: 0 !important;

}



.modal-backdrop {

    opacity: 0.85 !important;

}



.modal-box .show-modal {

    color: #fff;

    background-color: #fb3640;

    font-size: 18px;

    font-weight: 600;

    text-transform: capitalize;

    letter-spacing: 1px;

    text-shadow: 3px 3px 15px rgba(0, 0, 0, 0.4);

    padding: 10px 15px;

    margin: 80px auto 0;

    border: none;

    display: block;

    transition: all 0.3s ease 0s;

}



.modal-box .show-modal:hover,

.modal-box .show-modal:focus {

    color: #fff;

}



.modal-backdrop.in {

    opacity: 0;

}



.modal-box .modal-dialog {

    width: 100%;

    margin: 50px auto 50px;

    max-width: 80%;

}



.modal-box .modal-dialog .modal-content {

    background: #fff;

    border-radius: 10px;

    border: none;

    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);

    overflow: hidden;

}



.modal-dialog .modal-content .close {

    color: #333;

    background: none;

    font-size: 35px;

    font-weight: 400;

    line-height: 40px;

    height: 40px;

    width: 40px;

    padding: 0;

    border: 0;

    border-radius: 50%;

    opacity: 1;

    overflow: hidden;

    position: absolute;

    left: auto;

    right: 15px;

    top: 15px;

    z-index: 2;

    transition: all 0.3s ease 0s;

}



.modal-box .modal-dialog .modal-content .close span {

    margin: 0;

    display: block;

}



.modal-box .modal-dialog .modal-content .modal-body {

    padding: 0 !important;

}



.modal-box .modal-dialog .modal-content .modal-body .modal-image {

    padding: 0 !important;

    height: 500px;

}



.modal-box .modal-dialog .modal-content .modal-body .modal-image img {

    height: 100%;

    width: 100%;

    object-fit: cover;

}



.modal-box .modal-dialog .modal-content .modal-body .content {

    padding: 0px 60px 0px 30px;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: center;

}



.modal-box .modal-dialog .modal-content .modal-body .title {

    color: #fb3640;

    font-size: 35px;

    font-weight: 500;

    text-transform: capitalize;

    margin: 0 0 30px;

}



.modal-box .modal-dialog .modal-content .modal-body .sub-title {

    font-weight: 500;

    font-size: 35px;

    color: #000000;

    margin: 0 0 20px;

    display: block;

}



.modal-box .modal-dialog .modal-content .modal-body .description {

    font-weight: 400;

    font-size: 14px;

    margin: 0 0 30px;

    line-height: 26px;

    text-align: justify;

}



.modal-box .modal-dialog .modal-content .modal-body .btn {

    color: #fff;

    background-color: #BFA99E;

    font-size: 18px;

    font-weight: 500;

    letter-spacing: normal;

    text-shadow: none;

    padding: 10px 30px;

    margin-left: 0;

    border-radius: 5px;

    margin-top: 0;

    text-transform: none;

    border: none;

    outline: none;

    transition: all 0.4s ease 0s;

    box-shadow: none;

}



.modal-box .modal-dialog .modal-content .modal-body .btn:hover {

    color: #fff;

}



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

    .modal-box .modal-dialog {

        width: 100% !important;

        max-width: 95%;

    }



    .modal-box .modal-dialog .modal-content .modal-body .modal-image {

        height: 250px;

        overflow: hidden;

    }



    .modal-box .modal-dialog .modal-content .modal-body .modal-image img {

        height: auto;

    }



    .modal-box .modal-dialog .modal-content .modal-body .content {

        padding: 30px;

    }



    .modal-box .modal-dialog .modal-content .modal-body .content .sub-title {

        font-size: 25px;

    }



}







/* MODAL-INNER */



.step-right form h1 {

    font-weight: 500;

    font-size: 20px;

    margin: 20px 0;

    color: #333333CC;

}



.step-right form h1:first-child {

    margin-top: 0;

}



.step-right form input[type="text"] {

    width: 100%;

    height: auto;

    font-weight: 400;

    font-size: 16px;

    color: #33333380;

    padding: 10px 0px 10px 10px;

    margin-bottom: 10px;

    border: 1.43885px solid rgba(188, 188, 188, 0.5);

    border-radius: 5px;

}



.step-contact form input[type="text"] {

    padding: 10px;

    color: #333;

    font-size: 14px;

}



.step-contact form input[type="number"] {

    padding: 10px;

    color: #333;

    width: 100%;

    height: auto;

    font-weight: 400;

    font-size: 14px;

    color: #333;

    margin-bottom: 10px;

    border: 1.43885px solid rgba(188, 188, 188, 0.5);

    border-radius: 5px;

}



.step-right form label textarea {

    width: 100%;

    height: 140px;

    font-weight: 400;

    font-size: 16px;

    color: #33333380;

    padding: 10px 0px 10px 10px;

    margin-bottom: 10px;

    border: 1.43885px solid rgba(188, 188, 188, 0.5);

    border-radius: 5px;

}



/* Chrome, Safari, Edge, Opera */

.step-contact form input[type="number"]::-webkit-outer-spin-button,

.step-contact form input[type="number"]::-webkit-inner-spin-button {

    -webkit-appearance: none;

    margin: 0;

}



/* Firefox */

.step-contact form input[type="number"][type=number] {

    -moz-appearance: textfield;

}



.step-right form input[type="button"] {

    width: 100%;

    height: auto;

    font-weight: 400;

    font-size: 16px;

    margin-top: 10px;

    padding: 10px 0px 10px 0px;

    margin-bottom: 0px;

    border: 1.43885px solid rgba(188, 188, 188, 0.5);

    border-radius: 5px;

    color: #fff;

    background: #000000;

}



.step-btns {

    width: 100%;

    height: auto;

    padding: 50px 0 0px 0;

    display: flex;

    align-items: center;

}



.step-btns a {

    background: #BFA99E;

    padding: 8px 50px;

    border-radius: 5px;

    font-weight: 500;

    font-size: 15px;

    color: #fff;

    border: 1px solid #BFA99E;

    margin-left: auto;

}



.step-pre-btn {

    background: #fff !important;

    font-size: 15px !important;

    color: #333333 !important;

    margin-left: 0 !important;

}



.all-top-popup .modal-dialog {

    width: 50%;

}



.other-top-popup .modal-dialog {

    width: 42%;

}



.last-top-popup .modal-dialog {

    width: 28%;

}



.last-top-popup .modal-dialog .modal-content .close {

    right: 5px;

    top: 5px;

}



.share-detail-wrap {

    width: 100%;

    height: auto;

    padding: 35px;

}



.share-detail-heading {

    width: 100%;

    height: auto;

    text-align: center;

}



.share-detail-heading span {

    color: #333333B2;

    font-weight: 600;

    font-size: 15px;

}



.share-detail-heading img {

    width: 80px;

    height: auto;

    object-fit: contain;

}



.share-detail-heading h1 {

    font-weight: 600;

    font-size: 30px;

    color: #000000;

    margin: 10px 0 15px 0;



}



.share-detail-heading p {

    font-weight: 500;

    font-size: 14px;

    line-height: 25px;

    text-align: center;

    color: #000;

}



.share-detail-form {

    width: 100%;

    height: auto;

    display: flex;

    flex-direction: column;

    align-items: stretch;

    gap: 15px;

}



.form-group-text {

    width: 100%;

    height: auto;

    font-weight: 400;

    font-size: 16px;

    color: #333;

    padding: 10px 0px 10px 10px;

    border: 1.43885px solid rgba(188, 188, 188, 0.5);

    border-radius: 5px !important;

}



.form-group-text::before {

    margin-bottom: 1rem;

    content: url('../images/social/business-icon.png');

    margin: 1px 0 0 1px;

    position: absolute;

    left: 0;

}



.share-detail-text::placeholder {

    color: #333333;

}



.share-detail-lbl {

    width: 100%;

    height: auto;

    font-weight: 400;

    font-size: 16px;

    color: #333;

    padding: 10px 0px 10px 10px;

    border: 1.43885px solid rgba(188, 188, 188, 0.5);

    border-radius: 5px !important;

    display: flex;

    align-items: center;

    margin-bottom: 0;

}



.share-detail-lbl input[type="text"] {

    width: 100%;

    height: auto;

    border: none;

    outline: none;

    color: #333;

}



.share-detail-lbl input[type="text"]::placeholder {

    color: #33333380;

}



.share-detail-lbl img {

    width: 18px;

    height: auto;

    object-fit: contain;

    margin-right: 10px;

}



.share-detail-btn {

    width: 100%;

    height: auto;

    font-weight: 500;

    font-size: 16px;

    padding: 10px 0px 10px 0px;

    margin-bottom: 0px;

    border: 1.43885px solid rgba(188, 188, 188, 0.5);

    border-radius: 5px;

    color: #fff;

    text-transform: uppercase;

    margin-top: 66px;

    background: #E50916;

}



.modal-box #sharedetails-submitted-popup .share-detail-pop .modal-dialog {

    width: 40%;

}



/* MODAL-INNER */





/* ALL-MODAL */



/* SIGNUP-POPUP */



.signup-btn {

    font-weight: 500;

    font-size: 16px;

    line-height: 24px;

    background: #E50916;

    border-radius: 6px;

    display: inline-block;

    text-align: center;

    padding: 12px 28px;

    color: #FFFFFF;

}



.signup-btn:hover {

    color: #fff;

}



.share-detail-form label {

    border: none;

    outline: none;

    width: 100%;

    height: 45px;

    margin: 0;

    background: #fff;

    border-radius: 0px 30px 30px 0px;

    position: relative;

    display: flex;

    align-items: center;

}



.share-detail-form label input[type="text"] {

    width: 100%;

    height: 100%;

    border: none;

    outline: none;

    border-radius: 6px 6px 6px 6px;

    padding-left: 60px;

    padding-right: 40px;

    font-size: 14px;

    border: 1px solid #B6B6B6;

    color: #333333;

}



.share-detail-form label input[type="text"]::placeholder {

    color: #333;

}



.share-detail-form label input[type="email"] {

    width: 100%;

    height: 100%;

    border: none;

    outline: none;

    border-radius: 6px 6px 6px 6px;

    padding-left: 60px;

    padding-right: 40px;

    font-size: 14px;

    border: 1px solid #B6B6B6;

    color: #333333;

}



.share-detail-form label input[type="email"]::placeholder {

    color: #333;

}



.share-detail-form label input[type="password"] {

    width: 100%;

    height: 100%;

    border: none;

    outline: none;

    border-radius: 6px 6px 6px 6px;

    padding-left: 60px;

    padding-right: 40px;

    font-size: 14px;

    border: 1px solid #B6B6B6;

    color: #333333;

}



.share-detail-form label input[type="password"]::placeholder {

    color: #333;

}



.signin-forgotpass-wrap {

    text-align: center;

    margin-bottom: 10px;

}



.signin-forgotpass-wrap a {

    font-weight: 500;

    font-size: 16px;

    text-align: center;

    color: #000;

    cursor: pointer;

}



.signin-forgotpass-wrap a span {

    color: #00771d;

}



.share-detail-form .textarea-form {

    margin-top: 64px;

    border-radius: 6px;

    border: 1px solid rgb(182, 182, 182);

    color: rgb(51, 51, 51);

    padding: 9px 0px 4px 15px;

    width: 100%;

    height: auto;

}



.okk-btn {

    width: auto;

    height: auto;

    font-weight: 500;

    font-size: 16px;

    padding: 10px 50px;

    border: none;

    border-radius: 5px;

    margin: auto;

    color: #fff;

    background: #00771D;

}



.common-popup-btn {

    width: 100%;

    height: auto;

    font-weight: 500;

    font-size: 16px;

    padding: 10px 0px 10px 0px;

    margin-bottom: 0px;

    border: none;

    border-radius: 5px;

    color: #fff;

    text-transform: uppercase;

    margin-top: 5px;

    background: #00771d;

}





.share-detail-form label img {

    position: absolute;

    padding: 0px;

    border-radius: 6px 6px 6px 6px;

    left: 0px;

    top: auto;

}



.social-container {

    display: flex;

    width: 100%;

    justify-content: center;

}



.social-item {

    color: #000;

    font-weight: 700;

    font-size: 14px;

    margin: 4px;

}



.or-sec-wrap h3 {

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 14px;

    margin-bottom: 0;

}



.or-sec-wrap h3::before {

    content: '';

    border: 1px solid #B8B8B8;

    width: 50%;

    margin-right: 4px;

}



.or-sec-wrap h3::after {

    content: '';

    border: 1px solid #B8B8B8;

    width: 50%;

    margin-left: 4px;

}



.or-sec-wrap h4 {

    color: #000;

    font-size: 14px;

    font-weight: 500;

    text-align: center;

    margin: 10px 0 0px 0;

}



.privacy-terms-wrap {

    text-align: center;

    margin: 10px 0 0px 0;

}



.privacy-terms-wrap span {

    font-weight: 500;

    font-size: 14px;

    color: #000;

}



.privacy-terms-wrap span a {

    color: #00771d;

    text-decoration: underline;

}



.certificate-file {

    width: auto;

    position: absolute;

    right: 10px;

    border-radius: 10px;

    background: #00771D;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 8px 10px;

    color: #FFF;

    font-size: 12px;

    font-weight: 500;

    z-index: 999;

}



.certificate-file input {

    width: 100%;

    height: 100%;

    opacity: 0;

    position: absolute;

    left: 0;

}



.certificate-file img {

    position: initial !important;

    border-radius: 0 !important;

    margin-left: 10px;

}









/* SIGNUP-POPUP */



/* VERIFICATION-POPUP */



.inputotp-wrap {

    display: flex;

    justify-content: center;

    gap: 15px;

}



.form-control-otp {

    display: block;

    height: 40px;

    padding: 5px;

    font-size: 1.2rem;

    font-weight: 600;

    margin: 0;

    text-align: center;

    width: 40px;

    color: #00771D;

    background-color: #fff;

    column-gap: normal;

    background-clip: padding-box;

    border: 1px solid #ced4da;

    border-radius: 5px !important;

    gap: 4px;

    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

}



.form-control-otp::-webkit-outer-spin-button,

.form-control-otp::-webkit-inner-spin-button {

    -webkit-appearance: none;

    margin: 0;

}



/* VERIFICATION-POPUP */





.password-eye {

    position: absolute;

    width: 20px;

    height: 20px;

    display: flex;

    top: auto;

    right: 15px;

    border: none;

    align-items: center;

    background: none;

    justify-content: center;

    cursor: pointer;

    transition: .5s;

}



.password-eye .eye-close {

    background-image: url(../images/modal-icons/eye-close.svg);

    width: 30px;

    height: 30px;

    background-repeat: no-repeat;

    background-position: center;

    background-size: 20px;

}



.password-eye .eye-open {

    background-image: url(../images/modal-icons/eye-open.svg);

    width: 30px;

    height: 30px;

    background-repeat: no-repeat;

    background-position: center;

    background-size: 20px;

}



/* ALL-MODAL */







/*FAQ-PAGE*/



.faq-wrap {

    width: 100%;

    height: auto;

    padding: 50px 0;

}



.faq-wrap .accordion-item {

    margin-bottom: 10px;

    border-radius: 8px;

    overflow: hidden;

    border-color: #B3B3B3 !important;

}



.accordion-item:not(:first-of-type) {

    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);

}





.faq-wrap .accordion-button {

    color: #000;

    font-size: 16px;

    font-weight: 600;

    outline: none;

    box-shadow: none;

    padding: 10px 15px;

}



.faq-wrap .accordion-body {

    color: #303A42;

    font-size: 14px;

    font-weight: 400;

    line-height: 25px;

    padding: 10px 15px;

}



.faq-wrap .accordion-button:not(.collapsed) {

    background-color: transparent;

    color: #004695;

    border-bottom: var(--bs-accordion-border-width) solid #B3B3B3;

    padding: 10px 15px;

}



.faq-wrap .accordion-button::after {

    background-image: url(../images/faq/plus-icon.svg);

    background-size: 25px;

    width: 25px;

    height: 25px;

}



.faq-wrap .accordion-button:not(.collapsed)::after {

    background-image: url(../images/faq/minus-icon.svg);

    transform: rotate(0deg);

    background-size: 25px;

    width: 25px;

    height: 25px;

}



.faq-wrap form {

    width: 45%;

    height: auto;

    margin: auto;

    margin-bottom: 80px;

}



.faq-wrap form label {

    width: 100%;

    display: flex;

    align-items: stretch;

    margin-bottom: 0;

}



.faq-wrap form label input[type="text"] {

    height: 40px;

    width: 100%;

    border: 1px solid #ADADAD;

    border-right: 0;

    outline: none;

    border-radius: 20px 0px 0px 20px;

    padding-left: 15px;

    font-size: 14px;

    color: #000;

}



.faq-wrap form label input[type="text"]::placeholder {

    color: #000;

}



.faq-wrap form label button {

    background: #005911;

    width: 50px;

    height: 40px;

    border: none;

    outline: none;

    border-radius: 0px 20px 20px 0px;

    color: #fff;

}



/*FAQ-PAGE*/





/* PAGINATION */



.pagination {

    width: 100%;

    height: auto;

    text-align: center;

    padding: 35px 0;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

}



.pagination ul {

    padding: 0px;

    margin: 0;

}



.pagination ul li {

    list-style: none;

    display: inline-block;

    margin: 5px;

}



.pagination ul li a {

    font-size: 15px;

    font-weight: 500;

    transition: .5s;

    color: #00751D;

    border: 1px solid rgba(0, 0, 0, 0.80);

    width: 35px;

    height: 36px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 5px;

}



.pagination ul li.active a {

    color: #fff;

    background: #00751D;

    border-color: #00751D;

    transition: .5s;

}



.pagination ul li:hover a {

    color: #fff;

    background: #00751D;

    border-color: #00751D;

    transition: .5s;

}



.pagination ul li:first-child a {

    width: auto;

    border: none;

}



.pagination ul li:last-child a {

    width: auto;

    border: none;

}



.pagination ul li:first-child a:hover {

    font-size: 15px;

    color: #00751D;

    font-weight: 500;

    background: none;

}



.pagination ul li:last-child a:hover {

    font-size: 15px;

    color: #00751D;

    font-weight: 500;

    background: none;

}





/* PAGINATION */