:root {
    --main-orange-color: #26a9e0;
}

body {
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
    font-family: proxima-n-w01-reg, proxima-n-w05-reg, sans-serif !important;

}

.jms-main-bg {
    background-image: url(pexels-john-lee-7242284.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    /* background-attachment: fixed; */
    /* filter: brightness(30%); */

}



.jms-header {
    background: #fff;
    color: aliceblue;
    box-shadow: 0px 10px 53px 0px rgba(0, 0, 0, 0.1);
}

.jms-header-color {
    color: #000 !important;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    text-align: center;
}

.jms-header-color:hover {
    color: var(--main-orange-color) !important;
    transition: 0.5s;
}

.active a {
    color: var(--main-orange-color) !important;
}

.navbar-btn {
    border: 2px solid var(--main-orange-color);
    color: white;
    font-size: 14px;
    padding: 7px 25px 8px 25px;
    text-align: center;

}

.navbar-btn:hover {
    background-color: var(--main-orange-color);
    color: black !important;

    transition: 0.5s;

}

.navbar-toggler {
    cursor: pointer;
    background: var(--main-orange-color) !important;
}

.jms-spacer-inner {
    width: 100%;
    margin: auto;
}

.jms-spacer {
    padding-top: 100px;
    padding-bottom: 100px;

}

.jms-header-btn {

    background-color: #26a9e0 !important;
    color: #fff !important;
    transition: 0.3s !important;
    padding: 3px 25px !important;
    border-radius: 20px !important;
}

.jms-header-btn:hover {
    color: #fff !important;
    background-color: #006063 !important;
}







/* slider */
.jms-slider-border {
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
}




/* what we do */
.jms-wwd {

    background: #f0f0f0;
    color: var(--main-orange-color);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 5px 0px;
    font-size: 32px;
    font-weight: 600;
    margin-top: 15px;
}

.jms-wwd-box {
    background-color: #fff;
    padding: 20px 30px;
    border-radius: 20px;
    border: 1px solid var(--main-orange-color);
    text-align: center;
    transition: 0.5s;


}

.jms-wwd-box:hover {
    box-shadow: 0px 10px 53px 0px rgba(0, 0, 0, 0.1);
}



.jms-wwd-icon {
    text-align: center;
    color: var(--main-orange-color);
    font-size: 35px;
}




/* how does it work */
.jms-hdiw-bg-img {
    background-image: url(../img/second.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    border-radius: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.jms-second-bg-overlay{
    background: rgba(0, 0, 0, 0.7) !important;
    border-radius: 20px;
}

.jms-hdiw-title {
    font-size: 32px;
    font-weight: 600;
    color: var(--main-orange-color);
}

.jms-hdiw-desc {
    color: #ffffffc2;
    padding: 0px 60px;
}

.jms-hdiw-desc-footer {
    color: #ffffffce;
    padding: 0px 60px;
}

@media (max-width:767px) {
    .jms-hdiw-desc {

        padding: 0px 0px;
    }
}



/* faq  */
.jms-faq-img {
    border-radius: 10px;
    transition: 0.5s;
}

.jms-faq-img:hover {
    box-shadow: 0px 10px 53px 0px rgba(0, 0, 0, 0.226) !important;
    transform: scale(1.1) !important;
}

.accordion-button:focus {
    z-index: 3;
    border-color: var(--main-orange-color) !important;
    outline: none !important;
    box-shadow: none !important;
}

.accordion-button:not(.collapsed) {
    color: #ffffff !important;
    font-size: 20px !important;
    background-color: var(--main-orange-color) !important;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125) !important;
}




/* footer start */

.jms-footer-bg {
    background-color: #0b3e6e;
}

.jms-footer-icon {
    color: #ffffffce;
    font-size: 22px;
}




/* login page */

.jms-body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #000;
    /* background-image: url(../img/how\ does\ it\ work.jpg    );
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; */
}


.jms-row {
    display: flex !important;
    align-items: center !important;
    justify-content: center;
    min-height: 100vh;
    margin: auto;

}


.jms-login-box {

    background: transparent;
    border: 1px solid gray;
    border-radius: 30px;
    /*display: grid;
    align-items: center;*/

    background: transparent;
    color: white;
    backdrop-filter: blur(5px);
    padding: 35px;
}

.input-all {
    background: transparent;
    color: #fffff0;
    border-bottom: 1px solid white !important;
    border: none;
    width: 100%;
    font-family: "Raleway", sans-serif;
}

.jms-button {
    border: 1px solid white;
    border-radius: 40px;
    padding: 7px 20px;
    background: transparent;
    color: white;
    font-weight: 600;
    transition-duration: 0.2s;
}

.jms-button:hover {
    background: white;
    color: var(--main-orange-color);

}



/* dashboard page */
.jms-db-border {
    border: 1px solid #000;
    /* background-color: #8e8e8e; */
}

.jms-db-target-icon {
    color: #000;
    font-size: 24px;
    text-align: center;
}

.jms-db-target-title {
    color: #444444;
    font-size: 18px;
    font-weight: 600;
}

.jms-1st-table-heading-bg {
    font-size: 11px;
    background-color: #26a9e0 !important;
    color: #fff !important;
}

.jms-inner-font {
    font-size: 10px;
}

.jms-progress-red .progress-bar {
    background-color: #ff0000;
}

.jms-progress-yellow .progress-bar {
    background-color: #ffff00;
}

.jms-progress-green .progress-bar {
    background-color: #008000;
}


.jms-colspan {
    color: #26a9e2;
    font-weight: 600;
    font-size: 12px;
    background-color: #fff;
}

.jms-inner-font-2 {
    font-size: 10px;
    text-align: center;
    background-color: #0000000d;
}

.jms-scoreboadr-title {
    font-size: 11px;
    background-color: #26a9e2;
    color: #fff;
    padding: 10px 5px;
    text-align: center;
    font-weight: 600;
}

.jms-scoreboadr-number {
    /* background: #ea9999; */
    padding: 6px 0px;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
}

.jms-scoreboadr-number-nobg {
    color: #26a9e2;
    padding: 6px 0px;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
}

.jms-left-border {
    border-right: 2px solid #000;
    font-size: 10px;
    font-weight: 600;
}

.jms-without-border {
    font-size: 10px;
    font-weight: 600;
}

.jms-db-border-1 {
    background-color: #f3f3f3;
}

@media only screen and (max-width:767px) {
    .jms-db-part-1 {
        order: 2;
    }
}

@media only screen and (max-width:767px) {
    .jms-db-part-2 {
        order: 1;
    }
}

@media only screen and (max-width:767px) {
    .jms-db-part-3 {
        order: 3;
    }
}



/* support page */
.jms-support-bg {
    background-image: url(../img/second.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.jms-support-title {
    color: #fff;
    align-items: center;
    font-size: 40px;
    font-weight: 600;

}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

.jms-support-small-div {
    padding: 20px 15px;
    background-color: #f0f0f08f;
    text-align: center;
    border-radius: 10px;
}

.jms-support-icon {
    font-size: 56px;
    transition: 0.3s;
    color: #000 !important;
}

.jms-support-icon:hover {
    color: #0000008b !important;

}

.jms-support-s-box-title {
    color: #fff !important;
    font-size: 32px;
    padding-top: 12px;
    font-weight: 600;
}

.jms-fix-margin{
    margin-top: 70px !important;
}

.jms-hero-bg-overlay {
    background: rgba(0, 0, 0, 0.7) !important;
}