/* Global styles */
body{background:#F8FBFF}
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,700');
h4{font-size:18px;font-weight:700}
.grayscale{filter:grayscale(100%);webkit-filter:grayscale(100%);opacity:0.5}

/* Navigation */
.navbar-nav .nav-link{font-size:14px;color:#333!important}
.navbar-expand-lg .navbar-nav .nav-link{padding:0 15px}
.navbar-nav .nav-link.active{color:#1471b7!important;font-weight:700}
.dropdown-menu{min-width:180px}
.dropdown-item{font-size:15px}
.btn-full {background:#1471b7;border:1px solid #1471b7;padding:15px;transition:.3s}
.btn-full:hover{background:#1471b7b0;border:1px solid #1471b7;transition:.3s}
.btn-outline {background:#ffffff;border:1px solid #1471b7;color:#1471b7;padding:15px}
.btn-outline:hover{background:#1471b7b0;border:1px solid #1471b7}
@media (max-width:991px){.nav-search{width:100%;margin-top:10px}.nav-buttons{margin-top:12px;display:flex;gap:10px}}
@media (min-width:992px){.navbar .dropdown:hover .dropdown-menu{display:block;margin-top:0}}
@media (max-width:991.98px){.mobile-nav-panel{position:fixed;top:0;right:0;width:80%;max-width:320px;height:100vh;background:#fff;padding:1.5rem;box-shadow:-2px 0 10px rgba(0,0,0,.2);z-index:1050;overflow-y:auto;padding-top:103px}.navbar-toggler{z-index:2000}#mobileDrawer.collapse:not(.show){display:none}}

/* Home Page Styles */
.banner{background:url(https://cdn.motjuice.co.uk/mtpa/img/assets/home-banner.png);background-size:cover;background-repeat:no-repeat;height:600px}
.bannerh1 {font-weight:900;font-size:50px}
.bannerh2 {font-weight:700;font-size:18px;margin:50px 0;line-height:1.5}
.bannercta {display:block;background:#32c671;padding:20px 40px;color:#ffffff;font-size:14px;border-radius:5px;width:fit-content;font-weight:900;transition:.3s;border:1px solid #32c671}
.bannercta:hover{background:#25b563;transition:.3s;cursor:pointer}
.learnMore {margin-left:25px;color:#ffffff;}
.learnMore:hover {text-decoration:underline}
h3{font-weight:900;font-size:20px}
a:hover {text-decoration:none}
.founderimg{width:100%;box-shadow:0 0 10px #00000030}
.blur-card{position:relative;overflow:hidden;margin-top:20px}
.blur-card img{width:100%;height:auto;transition:filter .4s ease,transform .4s ease}
.blur-card:hover img{filter:blur(3px) brightness(.4);transform:scale(1.05)}
.overlay-links{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:15px;opacity:0;transition:opacity .4s ease;pointer-events:none}
.blur-card:hover .overlay-links{opacity:1;pointer-events:auto}
.icon-circle{width:55px;height:55px;border:2px solid #fff;border-radius:50%;display:flex;justify-content:center;align-items:center;text-decoration:none;color:#fff;font-size:22px;transition:background .3s ease,color .3s ease}
.icon-circle:hover{background:#fff;color:#000}

/* Footer Styles */
.footer{background: url(https://cdn.motjuice.co.uk/media/img/bg-texture.png) #2e2e2e;overflow: hidden;color:#ffffff;margin-top:100px;padding:100px 0}
.bottom-footer{padding:20px 0; font-size:14px;font-weight:700}
.footLink{display:block;font-size:14px;margin-top:5px}
.footDivider{background:#1471b7;height:2px;width:100%;margin-bottom:20px}
.footer a {color:#f7be39;transition:.3s}
footer a:hover{color:#1471b7;transition:.3s}
@media screen and (max-width:767px){.footer .row > div:nth-child(n+2) h4{margin-top:25px;}}

/* Membership Page Styles */
.pricingcard {border-radius:5px;box-shadow:0 0 10px #00000030;padding:25px;min-height:500px;background:#ffffff}
.pricingcard > span {display:block}
.pricingcard > img {margin-bottom:20px;margin-left:-15px}
.pricingcard > .title {font-size:20px;font-weight:700;margin-bottom:5px}
.pricingcard > .desc {font-size:14px;font-weight:400;color:#888888;margin-bottom:25px}
.pricingcard > .price {font-size:28px;font-weight:900;margin-bottom:25px}
.pricingcard > .eligibility {min-height:225px}
.pricingcard > .eligibility > span {font-size:15px}
.eligibility > ul {padding-left:25px}
.eligibility > ul > li {font-size:13px;margin-top:15px;line-height:1.5;color:#888888}
.eligibility > a{font-size:14px;font-weight:700;display:block;margin-left:25px}
.pricingcard > .included {min-height:250px}
.pricingcard > .included > span {font-size:15px}
.included > ul {padding-left:25px; list-style:none}
.included > ul > li {font-size:13px;margin-top:15px;line-height:1.5;color:#888888}
.included > ul > li:before {font-family: 'FontAwesome';content:'\f00c';color:#32c671;margin:0 5px 0 -15px;}
.pricingcard .apply {width:100%;padding:20px;background:#1471b7;text-align:center;color:#ffffff;border-radius:5px;font-weight:700;transition:.3s;font-size:14px}
.apply:hover{background:#1471b7b0;cursor:pointer;transition:.3s}
.profileMinutae > .section > .h{font-weight:700;font-size:14px;display:block}
.profileMinutae > .section > .p{font-size:14px;color:#555555;display:block;}
.profileMinutae > .section {border-left:3px solid #1471b7;padding:10px 0px 10px 10px;margin-bottom:10px}
@media screen and (max-width:767px){.profileMinutae > .section:last-child{margin-bottom:50px}}
.status {margin:20px 0;font-size:14px;padding:10px;;border-radius:5px;display:flex;align-items:center}
.statusactive {background:#32c67120;color:#32c671;font-weight:700;border:1px solid #32c671}
.expired {background:#da445320;color:#da4453;font-weight:700;border:1px solid #da4453}
.pending {background:#ababab20;color:#ababab;font-weight:700;border:1px solid #ababab}
.status > .live {background:#32c671;height:10px;width:10px;border-radius:10px;margin-right:10px}
.status > .lapsed {background:#da4453;height:10px;width:10px;border-radius:10px;margin-right:10px}
.status > .pending {background:#ababab;height:10px;width:10px;border-radius:10px;margin-right:10px}
.profileimg{border-radius:5px}
.social img{margin-right:3px;transition:.3s}
.social img:last-child{margin-right:0px}
.social img:hover{transition:.3s;opacity:0.6}
@media screen and (max-width:1199px){.pricingcard > .included{min-height:300px}.pricingcard > .eligibility{min-height:225px}}
.member-tier{background:#ffffff;border-radius:5px;padding:20px;box-shadow:0 0 10px #00000030;margin-top:20px;display: flex;align-items:center}
.member-tier > .icon{margin-right:20px}

/* Member Directory Styles */
.directory{display:flex;height:600px;}
.directory-list{width:35%;overflow-y:auto;padding:15px;border-right:1px solid #ddd;}
#map{width:100%;height:671px;border-radius:5px;overflow:hidden;box-shadow:0 0 10px #00000030}
.member-list{max-height:600px;overflow-y:auto;}
.member-list li{cursor:pointer;}
.leaflet-control-attribution{display:none!important;}
.member-item{padding:15px;}
.member-card{display:flex;align-items:flex-start;gap:15px;}
.member-logo{width:60px;height:60px;object-fit:contain;border-radius:5px;}
.member-info{flex-grow:1;}
.member-name{margin:0;font-size:16px;font-weight:700;color:#555555}
.member-address{margin-bottom:10px 0;font-size:14px;color:#888888;line-height:1.5;}
.member-item:hover{background:#f3f8ff;cursor:pointer;}
.member-item.active{border-left:1px solid #1471b7;background:#e9f3ff;color:#555;}
.member-tier-badge{display:inline-block;padding:3px 8px;font-size:10px;border-radius:25px;color:#fff;font-weight:600;margin-bottom:6px;}
.list-group-item:first-child{border-radius:5px 5px 0 0}
.list-group-item:last-child{border-radius:0 0 5px 5px}
.leaflet-popup-content-wrapper{border-radius:5px!important}
@media screen and (max-width:767px){#map{height:500px}}
.member-list{scrollbar-width:thin;scrollbar-color:#888888 #f8fbff;}
.member-list::-webkit-scrollbar{width:8px;}
.member-list::-webkit-scrollbar-track{background:#f1f5fa;border-radius:8px;}
.member-list::-webkit-scrollbar-thumb{background:#b7c4d4;border-radius:8px;}
.member-list::-webkit-scrollbar-thumb:hover{background:#8fa1b4;}
.tier-founder-member{background:#8e44ad30;color:#8344ad;font-weight:700;border:1px solid #8e44ad;}
.tier-full-member{background:#1471b730;color:#1471b7;font-weight:700;border:1px solid #1471b7;}
.tier-associate-member{background:#27ae6030;color:#27ae60;font-weight:700;border:1px solid #27ae60;}
.tier-affiliate-member{background:#f39c1230;color:#f39c12;font-weight:700;border:1px solid #f39c12;}
.tier-application-pending{background:#ababab30;color:#ababab;font-weight:700;border:1px solid #ababab;}
.tier-membership-expired{background:#da445330;color:#da4453;font-weight:700;border:1px solid #da4453;}
.no-results{text-align:center;color:#777;font-style:italic;padding:20px;cursor:default!important;border-radius:5px!important}
.no-results-img{max-width:100px;opacity:0.8;margin-top:20px;}

/* Application Form Styles */
.form-container {max-width:650px;margin:auto;background:#fff;padding:35px 40px;border-radius:10px;box-shadow:0 0 10px #00000030;}
.form-container h2 {font-size:26px;margin-bottom:20px;font-weight:700;}
input, select, textarea {width:100%;padding:12px;margin:8px 0 20px;border:1px solid #ccc;border-radius:6px;font-size:15px;}
.form-container input[type="checkbox"]{width:auto;padding:0;margin:0 8px 0 0;border:none;border-radius:0;}

button {background:#0d6efd;border:none;padding:14px 20px;color:#fff;font-size:16px;border-radius:6px;cursor:pointer;}
button:hover {background:#0b5cd5;}
.success-box {background:#d1f5d3;padding:15px;border-left:5px solid #31a544;margin-bottom:20px;}
.error-box {background:#ffe1e1;padding:15px;border-left:5px solid #d9534f;margin-bottom:20px;color:#d9534f;font-size:13px;border-radius:0;font-weight:700;}
.hp {display:none;}
.successModal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:none;justify-content:center;align-items:center;z-index:9999;animation:.3s fadeIn;backdrop-filter:blur(3px)}
.modalContent{background:#fff;padding:35px 30px;border-radius:10px;max-width:480px;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.25);animation:.35s popIn}
.modalP{font-size:15px;line-height:1.5;color:#333;margin-top:25px}
.form-step{display:none}
.form-step.active{display:block}
.evidence-section {
    border: 1px solid #dcdcdc;
    background: #fafafa;
    padding: 20px;
    margin-bottom: 25px;
    border-radius: 8px;
}

.evidence-section h4 {
    margin-top: 0;
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 10px;
    border-bottom: 1px solid #e1e1e1;
}

.evidence-section .sub-note {
    font-size: 13px;
    color: #666;
    margin-bottom: 15px;
}

.evidence-section textarea,
.evidence-section input[type="text"] {
    margin-bottom: 10px;
}

.add-row-btn {
    margin-top: 10px;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 14px;
}

.sme-block {
    padding: 15px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-bottom: 15px;
}
.form-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 25px;
}

.form-nav .left {
    text-align: left;
}

.form-nav .right {
    text-align: right;
}

.form-nav button {
    min-width: 140px;
}
.compliance-item{margin-bottom:18px;display:flex;align-items:baseline}

/* lay them out next to each other */
.compliance-item input[type="checkbox"],
.compliance-item label {
    display: inline-block;
    vertical-align: top;
}

.compliance-item label {
    max-width: calc(100% - 30px);
    line-height: 1.5;
    font-size: 15px;
    cursor: pointer;
}
.formSubHeading{display:block;color:#555;font-size:14px;margin-bottom:50px}
#decl_date::-webkit-inner-spin-button,
#decl_date::-webkit-calendar-picker-indicator {
    display: none;
}
/* Remove arrows in Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Remove arrows in Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
/* Progress Bar Container */
.form-progress {
    width: 100%;
    height: 8px;
    background: #e5e5e5;
    border-radius: 4px;
    margin-bottom: 25px;
    overflow: hidden;
}

/* Actual Progress Bar */
.form-progress-bar {
    height: 100%;
    width: 0%;
    background: #1471b7;
    transition: width 0.35s ease;
    border-radius: 4px;
}
.required{color:#da4453}






/* List Styles */
li {font-size:15px;color:#555555;text-align:left;line-height:2}
.services > li {font-size:14px;color:#555555;text-align:left;line-height:2}

/* About Page Styles */
.aboutBox {background:#ffffff;padding:20px;box-shadow:0 0 10px #00000030;border-radius:5px;}
.aboutBox > h4 {color:#555555}
.aboutBox > span {display:block;margin-top:20px;font-size:14px;color:#555555}

/* Locked Content */
.locked{height:600px;text-align:center}
.lockedContent{height:100%;text-align:center}
.lockedContent > h1 {display:block;font-weight:900;font-size:22p}
.lockedContent > span {display:block}

/* Press Release Styles */
.pressCard{box-shadow:0 0 10px #00000030;border-radius:10px}
.pressCard > img {width:100%;border-radius:10px 10px 0 0}
.pressArticle{padding:20px}
.pressArticle > h4{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.pressArticle > p{font-size:14px;color:#888;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.pressArticle > a{font-size:14px;font-weight:700}
.pressArticle > a::after{font-family:FontAwesome;content:"\f101";margin-left:5px}
.pressArticle > .divide{height:1px;background:#dedede;margin:20px -20px}