.mjp-spacer {padding-top:105px;width:100%;display:block; }
.page-wrap {padding-top:165px;padding-bottom:50px;}
#about-why-us .col-lg-4 {margin-bottom:1.5rem;}
#about-top {
  background: rgba(1, 15, 16,1);
  padding: 1rem 0 1.5rem 0;
  text-align: center;
  width: 100%;
  border-bottom: 3px solid #3d4243;
  border-top: 3px solid #3d4243;
}
#about-top h1 {color:#fff;margin-bottom:2rem; }
#about-top p {color:#fff; }

#hm-mess h2 {text-align: center;  margin: 0 auto 1.5rem; color: #fff;}
#abt-top {
  padding: 60px 0 80px 0;
  text-align: center;
  position:relative ;
  left: 0;
  bottom: 0;
  width: 100%;
  right: 0;
  margin-bottom:2rem;
  color: #333;
  font-family: DM Sams;
}

#abt-top h1 {margin-bottom:2rem;font-family: 'Migra', serif;font-size: 3.5rem;}
#about-vision { padding: 2rem 0;text-align: center;background: rgba(1, 15, 16,1);}
#about-vision h2 { color: #fff;}
#about-vision p { color: #fff;}

#about-why-us { padding-bottom: 4rem;text-align: center;}
#about-why-us h2 { color: #fff;}
#about-why-us p { color: #fff;margin-bottom: 2rem;}

#about-why-us .hld { background: rgba(1, 15, 16,0.60);text-align: center;border: 2px solid #50818a;padding: 1rem;height: 100%;}
#about-why-us .hld i { color: #50818a;font-size: 35px;margin-bottom: 2rem;}
#about-why-us .hld h3 { color: #fff;font-size: 1.5rem;margin-bottom: 1rem;}
#about-why-us .hld p { margin-bottom: 0;}

#contact-1 {padding:40px 0 5rem 0; }
#contact-1 .holder { }
#contact-1 h1 {text-align:center; margin-bottom: 2rem;color:#333;font-family: 'Migra', serif;font-size: 3.5rem;font-weight: 200;}
#contact-1 p {color:#000; line-height: 1.6;font-family: 'DM Sans', sans-serif;margin-bottom: 2rem;}
#contact-1 input {
  width: 100%;
  margin: 0 auto 1.2rem;
  padding: 1.5rem 2rem;
  display: inline-block; /* Ensure it stays inline */
  vertical-align: middle; /* Align vertically with the button */
  border-radius: 100px;
  border: 2px solid #c29382;
  background: transparent;
  color: #000;
}
#contact-1 select {
  width: 100%;
  border-radius: 100px;
  padding: .750rem;
  margin-bottom: 1.2rem;
  background: transparent;
  border: 2px solid #c29382;
  color: #b78e8c;
}
#contact-1 select option {background:#b78e8c;color:#000;border:1px solid white!important;padding:.5rem; }
#contact-1 ::placeholder {color: #b78e8c;opacity: 1;}
#contact-1 textarea { width: 100%; border: 2px solid #c29382; border-radius: 30px;padding: 1.3rem 1rem;margin-bottom: 1.2rem;background: transparent;color: #000;}
#contact-1 .btn {
    background: transparent;
    border: 2px solid #333;
    color: #333;
    padding: 15px 40px;
    border-radius: 50px;
    font-family: 'DM Sans', sans-serif;
    font-size: 0.9rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration:none;
}

#contact-1 .btn:hover {
    background: #333;
    color: white;
    transform: translateY(-2px);
    text-decoration:none;
}

#abt-top.help-top {padding:60px 0 0 0;}
#help-list-feed { padding: 1rem 0;}
#help-list-feed .inner {
  padding: 1.5rem;
  background: #fff;
  border-radius: 8px;
  margin-bottom: 2rem;
  text-align: center;
  border: 1px solid #c29382;
}
#help-list-feed .inner i { text-align: center;display: block;margin: 0 auto 2rem;color: #333;font-size: 1.5rem;}
#help-list-feed .inner h3 { font-size: 1.2rem;color: #c29382;text-align: center;font-family: 'Migra', serif;}
#help-list-feed .inner p { text-align: center;color: #333;margin-bottom: 2rem;font-family: 'DM Sans', sans-serif;line-height: 1.6;}
#help-list-feed .inner a {
    background: transparent;
    border: 2px solid #333;
    color: #333;
    padding: 15px 40px;
    border-radius: 50px;
    font-family: 'DM Sans', sans-serif;
    font-size: 0.9rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration:none;
    display: inline-block;
}

#help-list-feed .inner a:hover {
    background: #333;
    color: white;
    transform: translateY(-2px);
    text-decoration:none;
}

#help-faqs { padding: 1rem 0 3rem 0;}
#help-faqs h2 { color: #b78e8c;font-family: 'Migra', serif;font-size: 2.5rem;margin-bottom: 1rem;}
#help-faqs p { color: #333;margin-bottom: 3rem;font-size: 1rem;font-family: 'DM Sans', sans-serif;line-height: 1.6;}
#help-faqs .accordion-item { border: 2px solid #c29382;margin-bottom: 1rem;}
#help-faqs .accordion-item h2 { color: #fff;margin: 0;font-weight: bold;font-size: 2rem;}
#help-faqs .accordion-item .accordion-button { background: #b78e8c;color: #fff;width: 100%;text-align: left;padding: 1rem;border: 0;}
#help-faqs .accordion-item .accordion-body { padding: 1rem;color: #000;font-family: 'DM Sans', sans-serif;line-height: 1.6;}

#help-article { padding: 160px 0 2rem 0;color: #000;}
#help-article .side-bar {
  background: #b78e8c;
  padding: 1.5rem;
  border-radius:8px
}
#help-article .side-bar h2 { text-align: center;margin-bottom: 1.5rem;font-size: 1.5rem;color: #fff;font-family: 'Migra', serif;}
#help-article .side-bar ul { display: inline-block;list-style: disclosure-closed;color: #333;}
#help-article .side-bar ul li { margin-bottom: .3rem;padding: .2rem;}
#help-article .side-bar ul li a { color: #fff;}
#help-article .side-bar ul li a:hover {text-decoration:none;color:#333; }
#help-article .facts { padding: 1rem;}
#help-article .facts h1 { margin-bottom: 2.5rem;color: #333;font-family: 'Migra', serif;}
#help-article .facts .facts-body { font-family: 'DM Sans', sans-serif;line-height: 1.6;}

#login-box .reset-confirm legend,
#login-box .reset-complete legend {
    font-size: 1rem;
    margin-bottom: 2rem;
}

#login-box .reset-confirm .control-label,
#login-box .reset-complete .control-label {
    display: block;
    width: 100%;
    margin: 0 auto;
    font-weight: bold;
}

#login-box  {
  color: #333;
  border-radius: 8px;
  padding: 1.5rem; 
  text-align: center;
  border: 2px solid #c29382;
}
#login-box h1 {text-align:center; margin-bottom: 2rem;color: #333;font-family: 'Migra', serif;font-size: 3.5rem;font-weight: 200;}
#login-box .input-group {width:70%; text-align: center;margin: 0 auto;}
#login-box input { width: 100%; border-radius: 100px;padding: 1.3rem 1rem;border: 2px solid #c29382;}
#login-box .form-check-input {width:auto; display: inline-block;padding: .5rem;}
#login-box .btn {
    background: transparent;
    border: 2px solid #333;
    color: #333;
    padding: 15px 40px;
    border-radius: 50px;
    font-family: 'DM Sans', sans-serif;
    font-size: 0.9rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration:none;
}

#login-box .btn:hover {
    background: #333;
    color: white;
    transform: translateY(-2px);
    text-decoration:none;
}
#login-box .invert {background: #333;color:#fff; }
#login-box .invert:hover {background:#fff;color:#333; }

#login-box .com-users-options a {color:#333;font-size:.9rem; display: block;margin-bottom: .3rem;}
#login-box .com-users-options a:hover { }
#login-box .control-group {
    display: block;
    justify-content: center;
    margin-bottom: 1rem;
}

#login-box .input-group {
    position: relative;
    width: 100%;
    max-width: 400px;
}

#login-box .form-control {
    width: 100%;
    padding-right: 45px; /* Space for the eye icon button */
}

#login-box .input-password-toggle {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    font-size: 1.2em;
    color: #666;
}

#login-box .com-users-login__submit .controls {
    text-align: center;
}

#login-box .fas.fa-eye, .fas.fa-eye-slash {
    font-size: 1.2em;
}

#login-box .com-users-login__remember {margin-bottom:1rem; }
#login-box .password-requirements.full-width,
#login-box .password-strength-indicator.full-width {
        width: 100%;
        display: block;
        margin-top: 5px;
    }
#login-box .password-strength-indicator {margin-top: 5px; color: #6c757d;}
#login-box #strength-output {font-weight: bold;}
#login-box #strength-output.weak {color: red;}
#login-box #strength-output.moderate {color: orange;}
#login-box #strength-output.strong {color: green;}



#regi-box {
  background: rgba(255,255,255,0.10);
  color: #fff;
  border-radius: 8px;
  padding: 1.5rem; 
  text-align: center;
}
#regi-box h1 {text-align:center; margin-bottom: 2rem;}
#regi-box  input { width: 100%; border-radius: 100px;padding: .7rem 1rem;height: auto;margin-bottom: 1rem;}
#regi-box  .btn { border: 3px solid #3d4243;border-radius: 100px;display: block;width: auto !important;margin: 0 auto;background: transparent;text-transform: uppercase;letter-spacing: 1px;font-size: 1rem;padding: .5rem 3rem !important;color:#fff;}

#gen-page {
  background: #fff;
  padding: 160px 0 1.5rem 0;
  width: 100%;
  border-bottom: 3px solid #3d4243;
  border-top: 3px solid #3d4243;
  color:#000;
}
#gen-page h1 {color:#b78e8c;margin-bottom:2rem; }
#gen-page h2 { margin-bottom: 1rem;font-size: 1.5rem;}
#gen-page p {color:#000; margin-bottom: 2rem;}
#gen-page ul { margin-bottom: 2rem;}
#gen-page a {color:#b78e8c;}
#gen-page a:hover {opacity:0.70;}

intro-home .left {color:#fff; }
.intro-home .left .inner {padding:1.5rem; }
.intro-home .left .inner h2 {font-size:3.5rem;margin-bottom:2rem; font-family: 'Migra', serif;font-weight: 200;color: #333;}
.intro-home .left .inner p {
font-family: 'DM Sans', sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  color: #333;
} 
.intro-home .left .inner h3 {margin-bottom:1.5rem; }
.intro-home .left .inner ul {margin-bottom:2rem; }
.intro-home .left .inner ul li {margin-bottom:.5rem; }
.intro-home .white {color:#000; }
.intro-home .image-container {
    width: 100%;
    height: 100%;
    overflow: hidden; 
}
.intro-home .image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover; 
    object-position: center center; 
}
.hm-fill-1 {background: #fff;border-radius:8px; background: ; align-items:stretch !important;}

.features-section {
background: url('../images/hme-feat.jpg') no-repeat top center;
background-size: cover;background-attachment: fixed;
position: relative;
 }
.features-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  z-index: 0;
}
.features-section::after {
content: "";
  position: absolute;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%) rotate(180deg);
  width: 60px; /* Adjust width for size */
  height: 40px; /* Adjust height for size */
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgNTAiIHdpZHRoPSIxMDAiIGhlaWdodD0iNTAiPjxwYXRoIGQ9Ik0xMDAgMGwtNTAgNTAtNTAtNTAiIGZpbGw9IiNmZmZmZmYiLz48L3N2Zz4=");
  background-size: contain;
  background-repeat: no-repeat;
}

.features-section h2,.benefits-section p {z-index:1;color:#000;}
.features-section .hld {background:#b78e8c;
color:#fff;z-index:1;border-radius:8px;
}
.features-section .hld i { font-size: 2rem;margin-bottom: 1rem;color: #000;}
.features-section .hld h3 {font-size:1.2rem; margin-bottom: .3rem;}
.features-section .hld p {margin:0; }

.hiw-home {
background: #fff;
position: relative;
color:#fff;
 }
.hiw-home h2 {color:#333; font-family: 'Migra', serif;font-weight: 200;font-size: 3rem;}
.hiw-home .lead {color:#000; font-family: 'DM Sans', sans-serif;}
.hiw-home .feature-box {
  background: #deb6b4;
  border-radius: 8px;
  padding: 20px;
  transition: 0.3s ease-in-out;
  color: #fff;
}

.hiw-home .feature-box:hover {
  transform: translateY(-5px);
}
.hiw-home .feature-box p {margin-bottom:0;}

.cta { }
.cta .cta-box { position: relative;padding: 1rem 3rem;}
.cta .cta-box::before {content:"";  position:absolute; width:100%; height:100%; left:0; top:0; opacity: 0.850;border: 3px solid #deb6b4;border-radius: 10px;}
.cta .cta-box .wrap {position:relative;z-index:99999; }
.cta .cta-box h2 {
    font-size: 3rem;
    margin-bottom: 15px;
    color: #333;
    font-weight: 200;
    font-family: 'Migra', serif;
}
.cta .cta-box p {
    font-size: 1.2rem;
    margin-bottom: 1.5rem;
    color: #333;
    font-family: DM Sans;
}
.cta-block {
    padding: 1rem 3rem;
    max-width: 800px;
    margin: 0 auto;
    color: #333;
}
.cta .cta-box .cta-features {
    list-style: none;
    padding: 0;
    margin-bottom: 25px;
}

.cta .cta-box .cta-features li {
    font-size: 1.2rem;
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #c5a394;
    font-weight: 200;
}

.cta .cta-box .cta-features i {
    color: #000; 
    font-size: 1.5rem;
}

.cta .cta-box .typ1 {
    background: transparent;
    border: 2px solid #333;
    color: #333;
    padding: 15px 40px;
    border-radius: 50px;
    font-family: 'DM Sans', sans-serif;
    font-size: 0.9rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration:none;
}

.cta .cta-box .typ1:hover {
    background: #333;
    color: white;
    transform: translateY(-2px);
    text-decoration:none;
}
.adv-search {margin-bottom:2rem;}
.adv-search h1 { font-family: 'Migra', serif;text-align: center;font-size: 3.5rem;padding-top: 50px;margin-bottom: 2rem;}
.adv-search .main { text-align: center;margin-bottom: 2rem;}
.adv-search .main input {margin-right:1rem;width:auto;}
.adv-search input {
  padding: 0.5rem 1.1rem 0.5rem 2rem;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  text-decoration: none;
  border: 1px solid #c29382;
  border-radius: 999px;
  width: 100%;
  height: auto;
  margin-bottom:1rem;
}
.adv-search select {
  padding: 0.5rem 1.1rem 0.5rem 2rem;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  text-decoration: none;
  border: 1px solid #c29382;
  border-radius: 999px;
  width: 100%;
}
.adv-search .button {
    background: #333;
    border: 2px solid #333;
    color: #fff;
    padding: 0.5rem 1.1rem 0.5rem 1.1rem;
    border-radius: 50px;
    font-family: 'DM Sans', sans-serif;
    font-size: 0.9rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration:none;
}

.adv-search .button:hover {
    background: #fff;
    color: #333;
    transform: translateY(-2px);
    text-decoration:none;
    border-color: #333;
}
.field-calendar .input-group button .icon-calendar::before {
  content: "\f073";
  font-family: "Font Awesome 5 Free"; 
  font-weight: 900;
}

.field-calendar .input-group button.btn-primary {
  background: #333;
  color: #fff;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-color: #333;
}
.adv-search .service-fields { }