.sidebar {
     background-color: #009554;
     color: #fff;
 }

.sidebar .logo-wrap{padding-right: 10px!important;}
.sidebar h3{font-size: 1.31rem;}
.sidebar .container-table{margin-top: 20px; width: 100%;}
.sidebar .container-table .sw-bln-mb li{margin-left: 15px;}
.mh_100 {
    max-width: 100%;
}

/* Reset min-height for mobile */
@media (max-width: 991.98px) {
    .mh_100 {
        min-height: unset !important;
    }
}

/* Desktop: */
@media (min-width: 992px) {
    .mh_100 {
        min-height: 100vh;
    }
}

.sidebar .vertical-center-row .d-flex.align-items-center{margin-top: 10px;}

 .bgr {
     background: url(../images/background.jpg);
     background-size: cover;
 }

 .box {
     overflow: hidden;
     position: relative;
     -webkit-transition: all 0.35s ease 0s;
     transition: all 0.35s ease 0s;
     /*width: 300px;
   height: 300px;*/
     margin: 20px 0px 0px 0px;
     height: 100%;
     text-transform: none;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .demo {
     height: 60%;
     padding: 8% 0% 10% 0%;
 }

 .heading-title {
     margin-bottom: 100px;
     color: #fff;
 }

 .box img {
     width: 100%;
     height: auto;
     -webkit-transition: all 0.35s ease 0.2s;
     transition: all 0.35s ease 0.2s;
     transform: scale(1);
     margin: 20% 0% 20% 0%;
 }

 .box:hover img {
     /* -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation: loading-1 0.45s linear forwards;
    animation: loading-1 0.45s linear forwards;*/
     transition: transform ease 0.3s;
     /*ease | ease-in | ease-out | linear */
     transform: scale(0);
 }

 .box:hover {
     -webkit-transform: scale(1.30);
     -moz-transform: scale(1.30);
     -ms-transform: scale(1.30);
     -o-transform: scale(1.30);
     transform: scale(1.30);
     background: #EA4F3B;
     /*
  box-shadow: 0px 0px 0px 10px rgba(255,255,255,1), 1px 11px 15px 10px rgba(0,0,0,0.4);*/
     z-index: 100;
     opacity: 1;
 }

 .box-bgr1 {
     background: #EA4F3B;
 }

 .box-bgr1:hover {
     background: #EA4F3B;
 }

 .box-bgr2 {
     background: #009554;
 }

 .box-bgr2:hover {
     background: #009554;
 }

 .box-bgr3 {
     background: #fff;
 }

 .box-bgr3:hover {
     background: #316BA5;
 }

 .box .box-content {
     width: 100%;
     padding: 0 20px;
     color: #fff;
     position: absolute;
     top: 50%;
     left: 0;
     -webkit-transform: scale(0.5) translate(0%, -50%);
     transform: scale(0.5) translate(0%, -50%);
     -webkit-transform-origin: 50% 0%;
     -ms-transform-origin: 50% 0%;
     transform-origin: 50% 0%;
     opacity: 0;
     z-index: 1;
     -webkit-transition: all 0.35s ease 0s;
     transition: all 0.35s ease 0s;
     text-transform: normal;
 }

 .box:hover .box-content {
     opacity: 1;
     -webkit-transform: scale(1) translate(0, -50%);
     transform: scale(1) translate(0, -50%);
     -webkit-transition-delay: 0.35s;
     transition-delay: 0.35s;
 }

 .box .title {
     font-size: 24px;
     font-weight: 800;
     text-transform: uppercase;
     margin: 0 0 10px 0;
 }

 .box .description {
     font-size: 1.2rem;
     font-weight: 500;
     margin: 0px;
 }

 .box .read-more {
     display: inline-block;
     border: 2px solid #fff;
     padding: 8px 16px;
     font-size: 16px;
     color: #fff;
     -webkit-transition: all 0.35s ease 0s;
     transition: all 0.35s ease 0s;
 }

 .box .read-more:hover {
     background: #fff;
     color: #053a5c;
 }

 @-webkit-keyframes loading-1 {
     50% {
         -webkit-transform: scale(0.8) translateX(0%);
         transform: scale(0.8) translateX(0%);
         opacity: 0.5;
     }
     100% {
         -webkit-transform: scale(0.8) translateX(-150%);
         transform: scale(0.8) translateX(-150%);
         opacity: 0.5;
     }
 }

 @keyframes loading-1 {
     50% {
         -webkit-transform: scale(0.8) translateX(0%);
         transform: scale(0.8) translateX(0%);
         opacity: 0.5;
     }
     100% {
         -webkit-transform: scale(0.8) translateX(-150%);
         transform: scale(0.8) translateX(-150%);
         opacity: 0.5;
     }
 }

 @media only screen and (max-width: 990px) {
     .box {
         margin-bottom: 30px;
     }
 }

 @media only screen and (max-width: 360px) {
     .box .title {
         font-size: 18px;
     }
     .box .read-more {
         padding: 3px 16px;
     }
 }

 .footer {
     width: 100%;
     position: absolute;
     bottom: 0;
     padding: 0px 10px 0px 10px;
     color: #fff;
 }
 /*Login*/

 .form-signin {
     width: 100%;
     max-width: 330px;
     padding: 15px;
     margin: auto;
 }

 .form-signin .checkbox {
     font-weight: 400;
 }

 .form-signin .form-floating:focus-within {
     z-index: 2;
 }

 .form-signin input[type="email"] {
     margin-bottom: -1px;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
     color: #000;
 }

 .form-signin input[type="password"] {
     margin-bottom: 10px;
     border-top-left-radius: 0;
     border-top-right-radius: 0;
 }

 .btn-primary {
     color: #000;
     background-color: #FED51A;
     border-color: #FED51A;
     text-transform: uppercase;
     font-weight: bold;
     margin-bottom: 20px;
 }

 .btn-primary:hover {
     color: #000;
     background-color: #FED51A;
     border-color: #FED51A;
 }

 .padd-30 {
     padding: 0px 0px 30px 0px;
 }

 .form-floating {
     position: relative;
     margin-bottom: 20px;
 }

 label {
     color: #000;
 }

 .f-24 {
     font-size: 24px;
     font-weight: bold;
     padding: 50px 30px;
     text-align: center
 }

 .c-number {
     margin: 0 auto;
     margin-bottom: 30px;
     width: 50px;
     height: 50px;
     /* background: #009554; */
     border-radius: 50%;
     font-size: 38px;
     color: #fff;
 }

 .c-number span {
     border-radius: 100%;
     padding: 5px 18px;
     background: #FED51A;
     color: #000;
 }

 .row {
     display: flex;
 }
 /* Create two equal columns that sits next to each other */

 .column {
     flex: 50%;
     padding: 0px;
     text-align: center;
     /* Should be removed. Only for demonstration */
 }

 .sw-bln-mb {
     display: block
 }

 .sw-nbl-mb {
     display: none
 }

 .agrid {
     background: #fff;
     color: #fff;
     /* font-size: calc(1rem + .6vw);*/
     font-weight: bold;
     width: 100%;
     margin-bottom: 30px;
     border-radius: 0px 0px 119px 0px;
     text-align: center;
     padding: 10px 0px;
 }

 .col-xs-9 {
     position: relative;
     min-height: 1px;
     padding-right: 15px;
     padding-left: 15px;
 }

 .col-md-push-6 {
     width: 50%;
     float: left;
 }

 .col-md-pull-6 {
     width: 50%;
     float: right;
     background: blue;
     color: #fff;
 }
 /*Scroll*/

 .scroll-down3 {
     bottom: 10px;
     position: fixed;
     width: 35px;
     height: 35px;
     border-radius: 100%;
     border: 1px solid #fff;
     font-size: 20px;
     overflow: hidden;
     cursor: pointer;
     display: flex;
     flex-flow: column;
     align-items: center;
     justify-content: center;
     margin: 0 auto;
     padding: 4px 3px !important;
     text-align: center;
 }

 .scroll-down3 i {
     color: #fff;
     animation: scrollDown3 2s ease infinite;
 }

 @keyframes scrollDown3 {
     0% {
         transform: translateY(-15px);
         opacity: 0;
     }
     45% {
         transform: translateY(0px);
         opacity: 1;
     }
     65% {
         transform: translateY(-5px);
         opacity: 1;
     }
     100% {
         transform: translateY(15px);
         opacity: 0;
     }
 }
 /*End Scroll*/

 .div1 {
     width: 70%;
     color: #fff;
     margin: 0 auto !important;
 }

 .div2 {
     width: 100%;
     color: #fff;
 }

 .div3 {
     width: 85%;
     margin: 0 auto !important;
     color: #fff;
     margin-top: 0px !important;
 }

 .div3 {
     bottom: 0px;
     padding: 0px 0px 0px 0px;
 }

 .mr-bott {
     margin: 3% 0% 10% 0%;
 }

 .div2 {
     text-transform: uppercase;
     text-align: center;
 }

 .div2 h2 {
     font-size: calc(2rem + 0.3vw);
     font-weight: bold;
     margin-bottom: 0px;
     padding: 50px 0px;
 }

 .div21 h3 {
     color: #FED51A;
     background: #009554;
     padding: 30px 10px;
     text-transform: uppercase;
     margin-bottom: -1px;
     font-size: calc(1.1rem + .6vw);
     text-align: center
 }

 .icon-dload {
     border-radius: 30px 0px 0px 0px;
     border: 1px solid #fff;
     width: 120px;
     height: 50px;
     color: #fff;
     padding: 15px 20px 0px 20px;
     margin-bottom: 25px !important;
     font-size: 20px;
     position: relative;
     margin: 0 auto;
 }

 .icon-img {
     position: absolute;
     top: -22px;
     right: -34px
 }

 .icon-img1 {
     position: absolute;
     top: -42px;
     right: -34px;
 }

 .bgr-drgreen {
     background: #086B40
 }

 a {
     color: #FED51A;
     text-decoration: none;
 }

 a:hover {
     color: #FED51A;
     text-decoration: underline;
 }

 .bi-download {
     color: #fff;
     float: left;
 }

 .btn-secondary {
     color: #fff;
     background-color: transparent;
     border: 1px solid #fff;
     border-radius: 0px;
     /*width: 60%;*/
 }

 .btn-secondary:hover {
     background: transparent;
     border: 1px solid #fff;
     color: #fff;
 }

 .btn-success {
     color: #000;
     background-color: transparent;
     border: 1px solid #000;
     border-radius: 0px;
     /* width: 60%;*/
 }

 .h1,
 h1 {
     /* font-size: calc(1.2rem + 1.5vw);*/
     text-transform: uppercase;
     font-weight: bold;
     padding: 30px 0px;
     margin-bottom: 0px;
 }

 .h2,
 h2 {
     margin: 0px 0px 20px 0px;
     font-weight: bold;
     text-transform: uppercase;
     padding: 0px !important;
 }

 .btn-check:active+.btn-primary,
 .btn-check:checked+.btn-primary,
 .btn-primary.active,
 .btn-primary:active,
 .show>.btn-primary.dropdown-toggle {
     color: #fff;
     background-color: #086B40;
     border-color: #086B40;
 }

 .form-control {
     border-radius: 0rem !important;
     color: #878787 !important;
     padding: 15px 0px 15px 0px;
 }

 .btn-light {
     background-color: transparent;
     border: 0px;
     color: #FED51A;
     padding: 0px;
     margin: 0px;
 }

 .btn-light:hover {
     background: transparent;
     color: #FED51A;
     text-decoration: none;
     border: none;
 }

 .btn-group-lg>.btn,
 .btn-lg {
     padding: 0px;
     height: calc(2.5rem + 2px);
     border-radius: 0rem;
     margin-bottom: 15px;
     width: 100%;
 }

 .dleft {
     background: #086B40;
     position: absolute;
     left: 0px;
     padding: 10px;
     height: 10vh;
     display: none;
 }

 .dimg img {
     width: 80%
 }

 @media (max-width: 1152px) {
    .sidebar .vertical-center-row .d-flex.align-items-center{display: block!important;}
    .sidebar .vertical-center-row .d-flex.align-items-center .w-social,
    .sidebar .vertical-center-row .d-flex.align-items-center .text-right.t-cent{text-align: center!important;}
 }
 @media (max-width: 991px) {
    .sidebar {
        background-image: url(../images/background.jpg);
        background-size: cover;
        background-color: transparent;
    }
    
    /* Fix for horizontal scrolling */
    html, body {
        overflow-x: hidden;
        width: 100%;
        max-width: 100%;
    }
    
    .row {
        margin-left: 0;
        margin-right: 0;
    }
     .btn-light,
     .btn-light:hover {
         border: 1px solid #FED51A !important;
     }
     html,
     body,
     /*.container-table*/ {
         height: 100%;
     }
     .agrid {
         margin-bottom: 0px !important;
         width: 100% !important;
     }
     .div2 .h3,
     .div2 h3 {
         font-size: 2.5rem !important;
         padding: 40px 0px !important;
     }
     .div2 h2 {
         padding: 100px 0px;
     }
     .dimg img {
         width: 80%;
         margin: 10px 0px 30px 0px;
     }
     .div3 {
         width: 100% !important;
         overflow-x: hidden;
     }
     .div3 .container-fluid{
         padding: 0;
         max-width: 100%;
         overflow-x: hidden;
     }
     .dleft {
         padding: 60px 0px;
         display: block;
         width: 50px;
     }
     .txt1 {
         text-align: center;
         margin: 10px 0px 50px 0px !important;
         font-size: 1.5rem;
     }
     .btn-light {
         margin-top: 20px;
         text-transform: uppercase;
         font-size: 1.25rem;
         font-weight: bold;
         width: 100%;
         float: left;
         border: 1px solid #FED51A;
         border-radius: 0px;
         padding: 0.5rem .75rem;
         height: calc(3rem + 2px)!important;
         margin-bottom: 30px;
     }
     .pd-30 {
         padding: 30px 0px 40px 0px;
     }
     .circle {
         margin: 0px 0px 30px 0px;
     }
     .circle-crm {
         width: 200px;
         height: 200px;
         border-radius: 50%;
         background: #3A71AA;
         margin: 0 auto;
         color: #fff;
         margin-bottom: 20px;
         font-size: calc(2.2rem + 0.3vw);
         font-weight: bold;
         padding: 67px 0px;
     }
     .circle-crm a {
         color: #fff;
     }
     .circle-crm a:active,
     .circle-crm a:focus,
     .circle-crm a:link {
         text-decoration: none!important
     }
     .icon-dload {
         border-radius: 0px;
         border: 0;
         height: 160px;
         width: auto;
         padding: 0px 0px 0px 0px !important;
     }
     .btn-group-lg>.btn,
     .btn-lg {
         margin-bottom: 15px;
     }
     .bi-download {
         display: none;
     }
     .icon-padd {
         /* height: 120px !important;*/
         margin: 0px;
         padding: 40px 0px 0px 0px!important;
     }
     .icon-img {
         position: relative;
         top: -40px;
         padding-bottom: 10px;
         left: 0px;
         max-width: 100%;
     }
     .icon-img1 {
         position: relative;
         top: -70px;
         padding-bottom: 10px;
         left: 0px;
         max-width: 100%;
     }
     .icon-img img {
         width: 215px !important;
         margin: 0 auto;
     }
     .icon-img1 img {
         width: 260px !important;
         margin: 0 auto;
     }
     .br-bgr-green {
         background: #009554;
         border-top-right-radius: 119px 119px;
         color: #fff;
     }
     .bgr-green {
         background: #009554;
         margin-bottom: -2px;
         margin-top: -2px;
         color: #fff;
     }
     .div2 {
         background: #086B40;
     }
     .main,
     .left-bar {
         width: 100%;
     }
     .sw-block {
         display: block !important;
     }
     .scroll-mb {
         display: block !important
     }
     .left-bar {
         width: 100%;
         float: left;
         background: blue
     }
     .main {
         width: 100%;
         float: right;
     }
     .order-2 {
         order: 1 !important;
     }
     .order-1 {
         order: 2 !important;
     }
     .col-sm-4 {
         width: 33.33333333%;
     }
     .col-sm-push-8 {
         left: 66.66666667%;
     }
     .h-25 {
         height: 0% !important;
     }


     .bgr {
         background: #fff;
         padding-right: 0;
         padding-left: 0;
         width: 100%;
         max-width: 100%;
         overflow-x: hidden;
     }
     .footer {
         position: relative !important;
         margin: 0 auto;
         padding: 0px;
     }
     .sw-nbl-mb {
         display: block
     }
     .sw-bln-mb {
         display: none
     }
     .bgr-gr-mb {
         background: #009554;
         border-top-right-radius: 119px 119px;
     }
     .bgr-white {
         background: #fff;
         border-radius: 119px 0px 0px 0px;
         text-align: center;
         color: #000;
         margin-top: -1px;
         padding-left: 0px;
     }
 }

 @media (min-width: 1200px) {
     .t-cent {
         font-size: 14px!important;
     }
     .h4,
     h4 {
         margin: 4% 0% 5% 0%;
         font-size: 1.2rem;
     }
     .btn-light:hover {
         background: transparent;
         color: #FED51A;
         text-decoration: underline;
         border: none;
     }
     .d_90 {
         width: 80%;
         margin: 0 auto;
     }
     .d_90 img {
         width: 80%;
         /* margin: 20% 0% 30% 0%;*/
     }
     .h3,
     h3 {
         text-align: center;
     }
 }

 @media (max-width:767.98px) {
    .sidebar {padding-right: 0;}
    .sidebar .logo-wrap {padding: 0 15px!important;}
    
    /* Fix for mobile horizontal scrolling */
    .container, .container-fluid {
        padding-left: 10px;
        padding-right: 10px;
        max-width: 100%;
        overflow-x: hidden;
    }
    
    .row {
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
    }
    
    .col-12, .col-md-3, .col-sm-12, .col-md-9, .col-lg-9 {
        padding-left: 5px;
        padding-right: 5px;
    }
     /*
    }
.btn-secondary {

    width: 100%!important;
}*/
     .bgr-white {
         padding-left: 0px;
     }
     .mr-top {
         padding: 35px 0px 0px 0px!important;
     }
     .agrid {
         margin-bottom: 0px !important;
     }
     .sw-bln-mb {
         display: none;
     }
     .left-bar {
         width: 100% !important
     }
     .main {
         width: 100% !important;
     }
     .form-floating>.form-control,
     .form-floating>.form-select {
         font-size: 1.3rem !important;
         height: calc(3rem + 2px)!important;
         padding-top: 0.625rem;
     }
     .form-floating>label {
         padding: 0.5rem 0.75rem !important;
     }
     .form-floating>.form-control:focus~label,
     .form-floating>.form-control:not(:placeholder-shown)~label,
     .form-floating>.form-select~label {
         font-size: 0.9rem !important;
     }
     svg {
         width: 22px;
     }
     html,
     body {
         font-size: 1.25rem;
     }
     .txt1 {
         font-size: 1rem; font-weight: 400;
     }
     .agrid {
         width: 100% !important;
     }
     .column p {
         margin: 0 auto;
         padding: 0px 20px;
     }
     /*.agrid {
      margin-bottom: 20%;
   }*/

     .padd-30 {
         padding: 0px 0px 30px 0px !important;
     }
     .div2 h2 {
         line-height: 1.4;
         padding: 20px 30px;
     }
     .icon-dload {
         /*height: 90px !important;*/
         padding: 15px 0px 0px 0px !important;
     }
     .icon-img img {
         margin-bottom: 0px;
         top: -40px !important;
         width: 160px !important;
     }
     .icon-img1 img {
         width: 200px !important;
         position: relative;
         top: -14px!important;
         padding-bottom: 10px;
         left: 0px;
     }
     .icon-img1 {
         position: relative;
         top: 0px;
     }
     .dimg img {
         width: 100%;
         margin: 10px 0px 30px 0px;
     }
     /*.btn-success {
     width: 100%;
   }*/
     .circle-crm {
         width: 120px;
         height: 120px;
         padding: 30px 0px;
     }
 }

 .form-floating>.form-control,
 .form-floating>.form-select {
     /*height: calc(3rem + 2px);*/
     /*height: 40px;*/
     height: calc(2.5rem + 2px);
     padding-top: 0.625rem;
 }

 .form-floating>label {
     /*padding: 0.7rem 0.75rem;*/
     padding: 0.4rem 0.75rem;
 }

 .txt1 {
     margin: 5px 0px 10px 0px;
 }

 ol,
 ul {
     padding-left: 1rem !important;
 }

 .text-right {
     text-align: right !important;
 }

 .div2 .h3,
 .div2 h3 {
     font-size: 2rem;
     padding: 20px 30px;
     margin-bottom: 0px;
 }

 .pd-e30 {
     padding: 8% 0%;
 }

 .m0p {
     margin: 0px;
     padding: 0px;
 }

 .btn-success:hover {
     color: #000;
     background-color: transparent;
     border-color: #000;
 }

 .vertical-center-row {
     display: table-cell;
     vertical-align: middle;
 }

 .container-table {
     display: table;
 }

 .btn-light:focus,
 .btn-light:active {
     box-shadow: none !important;
     background: none !important;
     color: #FED51A !important;
 }

 .btn-primary:hover,
 .btn-primary:active,
 .btn-primary:focus-within {
     background: #FED51A !important;
     color: #000 !important;
 }

 @media (min-width:1024px) {
     .icon-img img {
         width: 90px !important;
         margin-right: 5px;
         margin-top: 8px;
     }
     .icon-img1 img {
         width: 110px !important;
     }
     .left-bar {
         width: 35%;
         float: left;
     }
     .main {
         width: 65%;
         float: right;
     }
 }

 @media (min-width:1200px) {
     .left-bar {
         width: 25%;
         float: left;
     }
     .main {
         width: 75%;
         float: right;
     }
 }
 /*Large devices (desktops, less than 1200px)*/

 @media (max-width: 1199.98px) {
     .box img {
         width: 90%;
     }
     .div1 {
         width: 90%;
         margin-top: 5% !important;
     }
     .padd-30 {
         padding: 0px 0px 30px 0px;
     }
     .div3 {
         width: 95%;
     }
     .icon-dload {
         padding: 15px 20px 0px 20px;
     }
 }

 .h3,
 h3 {
     text-align: center;
 }

 .icon-img1 img {
     width: 120px;
     position: relative;
     top: 14px;
     padding-bottom: 10px;
 }

 .icon-img img {
     width: 100px;
 }

 .agrid {
     margin-bottom: 15px !important;
 }
 /* Extra small devices (portrait phones, less than 576px)*/

 @media (max-width: 575.98px) {
     .pd-30 {
         padding: 0px 0px 40px 0px!important;
     }
     .column {
         flex: 100%!important;
     }
     .icon-img1 {
         top: -5 !important;
     }
     .icon-dload {
         /*height: 150px !important;*/
         padding: 15px 0px 0px 0px !important;
     }
     .icon-img {
         top: 11px!important;
     }
     .btn-group-lg>.btn,
     .btn-lg {
         padding: 0.6rem 0rem!important;
         height: calc(3rem + 2px)!important;
     }
 }

 @media (min-width: 576px) and (max-width: 991.98px) {

 }

 @media all and (max-width:1024px),
 (min-height: 600px) {
     .h-100 {
         height: 100%!important;
     }
     .demo {
         height: 50%!important;
     }
 }

/*10052023 */
@media all and (max-width:1097),
(min-height: 467px) {
  .h-127 {
    height: 125%!important;
  }
}
@media all and (max-width:1280px),
(min-height: 314px) {
  .h-127 {
    height: 225%!important;
  }
}

@media all and (max-width:1920px),
(min-height: 472px) {
  .h-127 {
    height: 190%!important;
  }
}

@media all and (max-width:1920px),
(min-height: 592px) {
  .h-127 {
    height: 130!important;
  }
}




 /* iphone 3 */

 @media only screen and (min-device-width: 320px) and (max-device-height: 926px) and (-webkit-device-pixel-ratio: 1) {
     .h-100 {
         height: auto!important;
     }
 }
 /*02172023*/

 .der {
     position: relative
 }

 .der-in {
     position: absolute;
     top: -100px
 }
 /*update*/

 .btn-check:active+.btn-primary,
 .btn-check:checked+.btn-primary,
 .btn-primary.active,
 .btn-primary:active,
 .show>.btn-primary.dropdown-toggle {
     color: #fff;
     background-color: none!important;
 }

 .btn-check:active+.b-pink,
 .btn-check:checked+.b-pink,
 .b-pink,
 .b-pink:hover,
 .b-pink:active {
     background: #FFBABA;
     border: none!important;
     font-size: 14px!important;
     /* margin-left: -20px!important; */
     padding: 10px 10px;
     width: 100%;
     min-width: fit-content;
 }

 .mrp-b {
     padding: 5px 5px !important;
     text-transform: none;
     margin-top: 5px!important;
     margin-bottom: 5px!important;
 }

 @media (min-width: 992px) {
  .mh_100 {
    min-height: 100vh;
  }
 }