body {
    margin: 0;
    font-family: lato, Roboto, Semssme UI !important;
}
:root {
    --mssm-primary-c: #ae292b;
    --mssm-secondary-c: #fef5df;
}
.txt-slk {
    font-size: 14px;
    font-weight: bold;
    color: #f7f7f7;
}
.mssm-hdr {
    background-color: var(--mssm-primary-c);
}
    .mssm-hdr .navbar-brand .lomssm {
        width:auto;
        height:90px;
    }
.mssm-nav-bg {
    background-color: #f9d25c;
}
.navtgl{
    display:block;
}
.bnr-h-m {
    height: 200px;
}
.mssm-nav-bg.navbar {
    padding: 8px 0 !important;
    box-shadow: 0px 2px 0 0 rgba(180,116,60,0.75);
}
    .mssm-nav-bg .navbar-nav .nav-link {
        color: #211010;
        font-size: 18px;
        padding: 6px 30px;
        font-weight:bold;
        font-family: Noto Sans, serif;
        text-transform: uppercase
    }
  .img-brdr{
      border:8px solid #fff;
     
  }

.cont-form {
    border: 1px solid #e8d9da;
    padding:20px;
}
.mssm-hdr .hdr-topsec {
    display: flex;
    justify-content: space-between
}
    .mssm-hdr .hdr-topsec .txt-ph {
        font-size: 14px;
        color: #deb381;
    }

.h-i-m{
    display:none;
}
.mssm-hdr .hdr-scl-icons a {
    width: 26px;
    height: 26px;
    border: 1px solid #deb381;
    display: inline-block;
    border-radius: 50px;
    line-height: 26px;
    color: #deb381;
}
    .mssm-hdr .hdr-scl-icons a i {
        font-size: 16px;
    }

.mssm-hro-bnr {
    background-color: #f8cd9f;
    padding: 60px 0;
    background: url('/images/mssm-bnr.jpg') no-repeat 30% center;
    background-size: cover;
    position:relative;
}
.bnr-ovrl {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    background-color: #1515329f;
    z-index: 9;
    visibility: visible;
}
        .bnr-cont {
            position:relative;
            text-align: center;
            display: flex;
            flex-direction: column;
            min-height: auto;
            justify-content: center;
            z-index: 99;           
        }
    .bnr-cont h2 {
        font-family: 'Noto Sans', serif;
        font-size: 36px;
        color: #fff;
        font-weight:bold;
        text-shadow: 2px 2px rgb(19 32 54 / 0.7);
    }
            .bnr-cont h3 {
                font-size: 30px;
                color: #fcd766;
                font-weight: bold;
                text-shadow: 2px 2px rgb(19 32 54 / 0.7);
            }
            .bnr-cont h4 {
                font-size: 24px;
                color: #fff;
                font-weight: bold;
                text-shadow: 2px 2px rgb(19 32 54 / 0.7);
                padding: 12px 0;
            }
    .bnr-cont .desrtxt {
        font-family: Lato, serif;
        font-size: 20px;
        color: #fff;
        line-height: 30px;
    }
            .bnr-cont .mssm-btn1 {
                background-color: #f9d25c;
                font-size: 22px;
                color: #10182e;
                font-family: Noto Sans, serif;
                border: 0;
                border-radius: 8px;
                padding: 8px 24px;
            }
                .bnr-cont .mssm-btn1:hover {
                    background-color: #f9c955;
                }
.dnt-sctn{
    border:2px solid #fff;
    padding:0.9rem;
    max-width:auto;
    text-align:center;
}
.dnt-sctn h1{
    font-size:64px;
    font-weight:bold;
    color:#fff !important;
}
    .dnt-sctn .dtls {
       position:relative
    }
    .dnt-sctn .dtls label {
        font-size: 18px;
        color: #fff;
    }
    .dnt-sctn .dtls .txt3{
        font-size: 22px;
        color: #fff;
        font-weight: bold;
    }
.dnt-txt3 {
    font-size: 18px;
    color: #fff;
    font-weight:bold;
  
}
.btn-dnt-now {
    background-color: #face49;
    font-size: 14px;
    color: #93080a;
    font-weight:bold;
    font-family: Noto Sans, serif;
    border: 0;
    border-radius: 8px;
    padding: 6px 10px;
}

.btn-dnt-now2 {
    background-color: #face49;
    font-size: 20px;
    color: #93080a;
    font-weight: bold;
    font-family: Noto Sans, serif;
    border: 0;
    border-radius: 8px;
    padding: 10px 24px;
}
footer {
    background-color: #352626;
    padding: 1rem;
    border-top:1px solid #201b23;
}
    footer .small {
        color: #ece5e5;
        font-size:13px;
    }

       
.scrollToTopBtn {
    background-color: #92090b;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    font-size: 32px;
    line-height: 34px;
    width: 36px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 100;
    opacity: 0;
    transform: translateX(50px) translateY(50px);
    transition: all 0.5s ease;
    font-weight: bold;
}

.showBtn {
    opacity: 1;
    transform: translateY(0);
    color: #f2c495;
}


.mssmsctn{
    padding:30px 0
}
    .mssmsctn h2 {
        font-family: 'Noto Sans', sans-serif;
        color: #3f2f4a;
        font-size: 28px;
        text-transform: uppercase;
        font-weight:bold;
    }
    .mssmsctn .txt2 {
        font-family: lato, Roboto, Semssme UI;
        color: #322a37;
        font-size: 15px;
        line-height:24px;
    }
    .mssmsctn .txt1 {
        font-family: lato, Roboto, Semssme UI;
        color: #322a37;
        font-size: 14px;
        line-height: 24px;
    }


    .sctn-sc h4 {
        font-family: 'Noto Sans', sans-serif;
        font-size: 24px;
       font-weight:bold;
        color: #3f2f4a;
        line-height: 32px;
    }
    .sctn-sc p {
        font-family: lato, Roboto, Semssme UI;
        font-size: 18px;    
        color: #333;
        font-weight:500;
    }
.stfsctn {
    position: relative;
    background-color: #ecceae;
    padding:24px 24px;
    left:0;
    top:-40px;
    width:100%;
    min-height:auto
}
    .stfsctn p, .stfsctn ul {
        font-family: lato, Roboto, Semssme UI;
        font-size: 18px;
        color: #3f2f4a;
        line-height:30px;
    }
.tstmcard {
    background-color: #614676;
    padding:40px 20px;
    border-radius:10px;
}
    .tstmcard .usrtxt {      
        font-size: 16px;
        color:#fff;
    }
    .tstmcard .usrnm {
        font-family:Forum, serif;
        font-size: 20px;
        color: #f4ce9e;
        line-height:24px;
    }
@media (min-width:768px) {
    .h-i-m {
        display: block;
    }
    .mssm-hdr .hdr-topsec {
        display: flex;
        justify-content: space-between
    }
    .bnr-cont h2 {    
        font-size: 48px;     
    }
    .mssm-hdr .navbar-brand .lomssm {
        width: auto;
        height: 100px;
    }
    .bnr-cont .desrtxt {
        font-size: 24px;
        line-height: 32px;
    }
    .bnr-cont {      
        min-height: 63vh;
    }
    .mssmsctn {
        padding: 60px 0
    }
        .mssmsctn h2 {           
            font-size: 42px;
            text-transform: uppercase
        }
        .mssmsctn .txt2 {         
            color: #322a37;
            font-size: 18px;
            line-height: 30px;
        }

        .mssmsctn .txt1 {        
            color: #322a37;
            font-size: 16px;
            line-height: 28px;
        }
     .df-vc {
         flex-direction:column;
         justify-content:center;
     }
    .sctn-sc h3 {    
        font-size: 32px;
        text-transform: uppercase;
        color: #3f2f4a;
        line-height: 60px;
    }

    .sctn-sc ul {
     padding-left:1.3rem;
    }
    .sctn-sc p, .sctn-sc ul li {
        font-family: lato, Roboto, Semssme UI;
        font-size: 18px;
        color: #3f2f4a;
        line-height:32px;
        font-weight: 500;
    }
   
    .stfsctn {
        position: absolute;
        background-color: #ecceae;
        padding: 40px 24px;
        left: -50px;
        top: 80px;
        width: 100%;
        min-height: 50vh
    }
    .bnr-h-m {
        height: 20px;
    }
    .bnr-ovrl {
       visibility: hidden;
    }
    .dnt-sctn {
        border: 3px solid #fff;
        padding: 2rem;
    }
    .navtgl {
        display: none;
    }
    .btn-dnt-now {
        background-color: #face49;
        font-size: 16px;
        color: #93080a;
        font-weight: bold;
        font-family: Noto Sans, serif;
        border: 0;
        border-radius: 8px;
        padding: 8px 20px;
    }
}