@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

body {
    /* min-height: 75rem; */
    padding-top: 122px;
    font-family: 'Roboto', sans-serif;
    color: #7d999c;
/*    font-size: 0.8rem;*/
}

a {
    color: rgb(2018, 58, 58, 1);
    text-decoration: none;
}

a:hover {
    color: rgb(2018, 58, 58, 0.7);
    text-decoration: none;
}


.bg-nav {
  --bs-bg-opacity: 1;
  background-color: #ffffff !important;
  min-height: 121px;
  border-bottom: 1px solid #da3a3a;
}

/* header {
    min-height:  419px;
    background-image: url('../images/header-background.png');
} */

.header-container {
    position:relative;
      top:0;
      left:0;
      width:100%;
      height:100%;
}

.navigation-bar-container {
    position: absolute;
    top: 30%;
    min-height: 238px;
    width: 100%;
    z-index: 2;
}
/*
.red-bar {
    position: absolute;
    top: 35%;
    height: 69px;
    width: 100%;
    background-color: #f3342f;
    z-index: 3;
}*/

.navigation-bar {
    position: relative;
    z-index: 9999;
}

.logo {
    height: 75px;
    padding: 25px 0 0 25px;
}

.logo svg {
    /* margin: 30px 70px; */
    width: 100%;
}

.steenbergen-rood {
    fill: #d70926;
}

.steenbergen-red {
    color: #d70926;
}

.steenbergen-grijs {
    fill: #b1b2b4;
}

.steenbergen-lichtgrijs {
    color: #bebebe;
}

.steenbergen-wit {
    fill: #ffffff;
}

.steenbergen-white {
    color: #ffffff;
}

.steenbergen-antraciet {
    /* fill: #808285; */
    fill: #545557;
}

.bk-steenbergen-lichtgrijs {
    background-color: #ededed;
}

.pay-off-strap .steenbergen-rood, .pay-off-strap .steenbergen-grijs {
    opacity: 0.85;
}

#PayOff {
    height: 100%;
}

.navbar-container {
    position: absolute;
    top: 38%;
    right: 50px;
    margin-top: 5px;
}

.hero {
    position: relative;
}

.pay-off-strap .vigorous {
    font-size: 3rem;
    letter-spacing: 1rem;
}

.pay-off-strap .payoff-line-middle {
    font-size: 1.5rem;
    letter-spacing: 0.12rem;
}

.pay-off-strap .payoff-line-closure {
    font-size: 1.2rem;
    letter-spacing: 0.12rem;
}

.pay-off-strap {
    position: absolute;
    height: 240px;
    background-color: rgba(255, 255, 255, 0.35);
    width: 100%;
    top: 25%;
    padding: 30px 0 30px 150px;
    color: #ffffff;
    text-shadow: 1px 1px 1px rgba(153, 153, 153, 0.5);
/*    transform: translate(-50%, -50%);*/
}

.additional-nav {
    background-color: #d70926;
    min-height: 255px;
    width: 100%;
    margin-top: 5px;
}

.additional-nav a {
    text-decoration: none;
    color: #ffffff;
}

.sector {
    position: relative;
    display: block;
    width: 185px;
    height: 185px;
    margin: -55px 10px 0 10px;
    -webkit-box-shadow: 5px 5px 23px 0px rgba(0,0,0,0.2); 
    box-shadow: 5px 5px 23px 0px rgba(0,0,0,0.1);
    padding: 30px 10px 20px 10px;
    text-align: center;
    color: #ffffff;
    font-size: 1rem;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.sector-content {
    display: block;
}

.sector-content.second-line {
    font-size: 0.9rem;
    letter-spacing: 0.2rem;
}

.sector.sector-selected {
    background-color: rgba(177, 178, 180, 1);
}

.sector.sector-even {
    background-color: rgba(204, 51, 51, 1);
}

.sector.sector-odd {
    background-color: rgba(204, 51, 51, 1);
}

/* .sector.sector-odd {
    background-color: rgba(218, 58, 58, 1);
} */

.additional-info-block h3 {
    font-size: 1.3rem;
}

.footnote {
    font-size: 0.75rem;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.toga {
    position: relative;
    min-height: 502px;
    background: rgb(160,185,188);
    background: linear-gradient(180deg, rgba(160,185,188,1) 0%, rgba(144,168,171,1) 100%);
    color: #ffffff;
}

.horizontal-ruler {
    padding-left: 250px;
}

.separator {
    border-top-color: rgba(228, 23, 23, 1);
    border-top-width: 2px;
    border-top-style: solid;
}

.approach hr:not([size]).separator,
.form-intro hr:not([size]).separator {
  width: 20%;
}

.approach, .form-intro {
    color: #000000;
}

.form-control::placeholder {
  color: #637e82;
  opacity: 0.8;
  font-size: 0.8rem;
}

/* .form-control {
  border-radius: 0;
} */

.caps {
    text-transform: uppercase;
}

.txt-align-left {
    text-align: left;
}

.txt-align-right {
    text-align: right;
}

.txt-align-center {
    text-align: center;
}

.navbar-nav li {
    margin-left: 15px;
}

.navbar-nav li a {
    color: #637e82;
    font-size: 0.9em;
    text-decoration: none;
/*    text-shadow: 1px 1px 1px rgba(38, 173, 207, 0.5);*/
}

.navbar-nav li a:hover {
    color: #f99997;
}

.steenbergen-incasso-column, .steenbergen-incasso-element, .steenbergen-incasso-row, .steenbergen-incasso-section {
    transition: box-shadow .3s ease-in-out,transform .3s ease-in-out;
  }

.steenbergen-incasso-blockquote blockquote {
    font-size: 1.8rem;
    font-weight: italic;
    letter-spacing: 0.5px;
    line-height: 1.5;
    font-style: italic;
    color: #dc4d4d;
}

blockquote {
    border-color: #cf2b39;
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid rgb(238, 238, 238);
}

div.intro p {
    font-weight: bold;
}

/*.endorsement {
    padding: 0 25px;
}

.endorsement span {
    display: flex;
    flex-direction: row;
}

.endorsement span:before, .endorsement span:after{
    content: "";
    flex: 1 1;
    border-bottom: 1px solid;
    margin: auto;
  }

  .endorsement span:before {
    margin-right: 10px;
  }

  .endorsement span:after {
    margin-left: 10px;
  }*/

  .hr-sect {
	display: flex;
	flex-basis: 100%;
	align-items: center;
	color: rgba(0, 0, 0, 0.35);
	margin: 8px 0px;
}
.hr-sect::before,
.hr-sect::after {
	content: "";
	flex-grow: 1;
	background: rgba(0, 0, 0, 0.35);
	height: 1px;
	font-size: 0px;
	line-height: 0px;
	margin: 0px 8px;
}

.approach-icon {
    font-size: 2rem;
}

main {
    margin: 0px 0 50px 0;
    padding: 0px;
}

h1 {
    color: #637e82;
    font-size: 1.7em;
}

h2 {
    font-size: 1.5rem;
}

h3 {
    font-size: 1.3rem;
}

h4 {
    font-size: 1.2btn btn-incasso-indienen capsrem;
}

.card {
    border: none;
}

.card-body {
    text-align: left;
    min-height: 140px;
    padding-top: 3%;
}

.card-body a {
    
/*    text-shadow: 1px 1px 1px rgba(153, 153, 153, 0.5);*/
    text-decoration: none;
}

.card .h5, .card h5 {
    font-size: 1.20rem;
}

.card-text {
/*    font-size: 0.8rem;*/
    line-height: 23px;
    padding-right: 15px;
}

.card-body a:hover {
    color: #f99997;
}

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

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

.text-right-align {
    text-align: right;
}
/*
.quote-container {
    min-height: 80px;
    background-color: #f15854;
}*/

.btn-incasso-indienen {
    color: rgba(255, 255, 255, 1);
    background: rgba(0, 183, 135, 1);
    border-style: solid;
    border-radius: 1px;
    height: 35px;
    font-size: 1.1rem;
    padding: 8px 25px;
    line-height: 12px;
    width: 300px;
}

.btn-download {
    color: rgba(255, 255, 255, 1);
    background: rgb(169, 169, 169);
    border-style: solid;
    border-radius: 1px;
    height: 35px;
    font-size: 1.1rem;
    padding: 8px 25px;
    line-height: 12px;
    width: 300px;
}

.btn-incasso-indienen:hover {
    background: rgba(118, 206, 181, 1);
    color: rgba(255, 255, 255, 1);
}

/* span[itemprop="telephone"] {
   color:#d70926;
} */

span.call-to-action[itemprop="telephone"] {
    color:#d70926;
 }

div[itemprop="address"] ul {
   list-style: none;
}

div[itemprop="address"] ul li {
   font-size: 0.8rem;
   color: #637e82;
   margin: 5px 0;
}

div[itemprop="address"] ul li.list-header {
    color: #d70926;
}

div[itemprop="address"] ul li a {
    color: #637e82;
    text-decoration: none;
}

.row.usp-red-block {
    min-height: 300px;
    background-color: #d70926;
    color: #ffffff;
}

.call-to-action-form {
    background-color: rgba(233, 233, 233, 1);
}

.footer {
    background-color: #d70926;
    min-height: 150px;
    color: #ffffff;
    padding: 40px 40px 20px 40px;
    font-size: 0.9rem;
}

.footer ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.footer span {
    display: block;
}

.footer span a {
    color: #ffffff;
    text-decoration: none;
}

.footer span a:hover {
    color: #cccccc;
}

.footer.social-media span {
    display: inline-flex;
}

.footer.social-media span a {
    font-size: 2rem;
    margin: 10px;
}

/* Form */

/* 
    Created on : 12-october-2020,
    Author     : webspresso
*/

.form-intro {
    margin-bottom: 40px;
}

.form-wrapper {
    background-color: rgba(233, 233, 233, 1);
    padding: 10px 25px 25px 25px;
    margin-top: 30px;
}

.chat-icon {
    float: left;
    width: 35px;
}

.form-wrapper h1 {
    float: left;
    margin-top: 0px;
    font-size: 2em;
    color: #191919;
}

.form-wrapper h2 {
    font-size: 1.4rem;
    line-height: 2.1;
    color: inherit;
    margin-top: 20px;
}

.clear {
    clear: both;
}

.form-wrapper label {
    font-family: 'PT Sans', sans-serif;
    color: #454545;
    text-transform: uppercase;
    font-size: .85rem;
    /* color: #888888;
    font-size: 16px;
    font-weight: 700; */
    line-height: 2.3;
    
    margin-bottom: 6px;
    display: block;
}

.form-check-inline .form-wrapper label {
    text-transform: unset;
}

.form-wrapper label.error {
    color: #e12330;
    font-size: 10px;
    font-weight: 500;
    margin-top: 5px;
}

.form-check-inline {
    padding-left: 0em;
}
    
.form-check-inline label {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.3;
    float: left;
    clear: none;
    display: block;
    padding: 0px 1em 0px 8px;
}

.form-check-inline label.akkoord-voorwaarden{
    line-height: 0.8;
    text-transform: unset;
}
    
.form-check-inline input[type=radio], input.radio {
      float: left;
      clear: none;
      margin: 2px 0 0 2px;
}

.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    color: #fff;
    background-color: #454545 !important;
}

.btn-primary, .sppb-btn-primary {
    border: none;
    background-color: #637e82;
    width: 100%;
    border-radius: 0;
}

.download-container a {
    color:#637e82;
    text-decoration: none;
}
/* 
.btn-primary:hover {
    background-color: #e85b64;
} */

#system-message-container {
    margin-top: 20px;
}

/*header .mod-menu > li {
  position: relative;
}

header .mod-menu li:hover > ul {
  background-color: #fff;
  border: 1px solid #dfe3e7;  
  border-radius: 5px;
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 250px;
  padding: 16px;
}

header .mod-menu li:hover > ul li {
  display: block;
}*/

/* Dark transparent overlay */
    .modal-backdrop.show {
      opacity: .8 !important;
    }

    /* Center modal content and adjust size */
    .custom-modal .modal-dialog {
      max-width: 900px;
    }

    .custom-modal .modal-content {
      border-radius: 0;
      border: 1px solid #333;
      padding: 2rem;
      text-align: center;
    }

    .card-custom {
      background: rgba(215, 9, 38, 1);
      color: white;
      padding: 2rem 1rem;
      text-align: center;
      border-radius: 0;
    }

    .card-custom p {
        font-size: 0.8em;
        min-height: 195px;
    }

    .btn-custom {
      background: white;
      color: rgba(215, 9, 38,1);
      border: none;
      padding: 0.5rem 1rem;
      margin-top: 1rem;
    }

    .btn-custom:hover {
        color: rgba(215, 9, 38, 0.5);
    }

    .btn-close-custom {
      position: absolute;
      top: 1rem;
      right: 1rem;
      font-size: 1.2rem;
      cursor: pointer;
      border: none;
      background: none;
    }


.metismenu.mod-menu .metismenu-item {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: 1.1rem;
    line-height: 1.5;
    padding: .5em 1em;
}

@media (min-width:992px) {
 .metismenu.menu-horizontal {
  display:flex;
  flex:1 1 0%;
  flex-direction:row
 }
}
.metismenu.menu-horizontal>li {
 position:relative
}
.metismenu.menu-horizontal .level-1>ul {
 min-width:12rem
}
.metismenu.mod-menu {
 margin:0
}
.metismenu.mod-menu .metismenu-item {
 align-items:center;
 display:flex;
 flex-wrap:wrap;
 font-size:1.1rem;
 line-height:1.5;
/* padding:.5em 1em*/
}
.metismenu.mod-menu .metismenu-item.parent {
 position:relative
}
.metismenu.mod-menu .metismenu-item>ul {
 box-shadow:0 0 .5em rgba(0,0,0,.1);
 display:block;
 list-style:none;
 padding:0;
 position:absolute;
 top:100%;
 z-index:1001
}
.metismenu.mod-menu .metismenu-item>a,
.metismenu.mod-menu .metismenu-item>button,
.metismenu.mod-menu .metismenu-item>span {
 overflow:hidden;
 text-decoration:none;
 text-overflow:ellipsis;
 white-space:nowrap
}
.metismenu.mod-menu .metismenu-item>a:focus,
.metismenu.mod-menu .metismenu-item>button:focus {
 outline:1px dotted #ced4da;
 outline-offset:2px
}
.metismenu.mod-menu .metismenu-item.active>a,
.metismenu.mod-menu .metismenu-item.active>button,
.metismenu.mod-menu .metismenu-item>a:hover,
.metismenu.mod-menu .metismenu-item>button:hover {
 text-decoration:underline
}
.metismenu.mod-menu .metismenu-item:after {
 content:none
}
.metismenu.mod-menu .metismenu-item:not(.level-1)>ul,
.metismenu.mod-menu .metismenu-item:not(.level-2)>ul {
 margin-right:-1em
}
[dir=rtl] .metismenu.mod-menu .metismenu-item:not(.level-1)>ul,
[dir=rtl] .metismenu.mod-menu .metismenu-item:not(.level-2)>ul {
 margin-left:-1em;
 margin-right:0
}
.metismenu.mod-menu .metismenu-item.divider:not(.parent) {
 border-right:1px solid #ced4da;
 margin:.25em;
 overflow:hidden;
 padding:0;
 width:1px
}
@media (max-width:991.98px) {
 .metismenu.mod-menu .metismenu-item.divider:not(.parent) {
  border-bottom:1px solid #ced4da;
  height:1px;
  width:auto
 }
}
.metismenu.mod-menu .mm-collapsing {
 height:0;
 overflow:hidden;
 transition-duration:.35s;
 transition-property:color,background-color,height,visibility;
 transition-timing-function:ease
}
.metismenu.mod-menu .mm-collapse {
 background-color:#fff;
 box-shadow:1px 1px 4px rgba(0,0,0,.1);
 position:absolute
}
.metismenu.mod-menu .mm-collapse:not(.mm-show) {
 display:none
}
.metismenu.mod-menu .mm-collapse>li>a {
 display:inline-flex
}
.metismenu.mod-menu .mm-collapse>li.divider:not(.parent) {
 border-bottom:1px solid #ced4da;
 height:1px;
 width:auto
}
.metismenu.mod-menu .mm-collapse>li.parent .mm-toggler {
 display:inline-flex
}
.metismenu.mod-menu .mm-collapse>li.parent>ul {
 background-color:rgba(0,0,0,.03);
 box-shadow:none;
 flex-basis:calc(100% + 1em);
 margin-bottom:-.5em;
 margin-top:.5em;
 position:relative;
 top:0
}
.metismenu.mod-menu .mm-toggler {
 align-items:center;
 background:none;
 border:none;
 box-shadow:none;
 color:currentColor;
 display:flex;
 height:100%;
 padding:0;
 position:relative;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.metismenu.mod-menu .mm-toggler:after {
 -webkit-margin-start:.5em;
 border-left:.5em solid transparent;
 border-right:.5em solid transparent;
 border-top:.5em solid;
 content:"";
 height:0;
 margin-inline-start:.5em;
 transition:all .3s ease-out;
 width:0
}
.metismenu.mod-menu .mm-toggler[aria-expanded=true]:after,
.mm-active>.metismenu.mod-menu .mm-toggler:after {
 -webkit-transform:rotateX(-180deg);
 transform:rotateX(-180deg)
}
.metismenu.mod-menu .parent>ul {
 color:#22262a
}
.sidebar-left .metismenu .mm-collapse,
.sidebar-right .metismenu .mm-collapse {
 background-color:rgba(0,0,0,.03);
 position:relative
}
.sidebar-left .metismenu li.parent>ul,
.sidebar-right .metismenu li.parent>ul {
 box-shadow:none;
 position:relative;
 top:0
}

.bg-light {
    background-color: transparent !important;
}

.btn:focus {
    outline: none;
    box-shadow: none;
}

.form-wrapper label.error {
    color: #e12330;
    font-size: 10px;
    font-weight: 500;
    margin-top: 5px;
}
.form-wrapper label {
    font-family: 'PT Sans', sans-serif;
    color: #454545;
    text-transform: uppercase;
    font-size: .85rem;
    color: #888888;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 6px;
    display: block;
}

input.error, select.error {
    border: 1px dotted red;
}

input.valid, select.valid {
    /* border: 1px solid rgb(129, 141, 50);
    background-color: rgba(192, 210, 77, 0.5);
    color: rgb(129, 141, 50, 1); */
    border: 1px solid rgb(10, 54, 34);
    background-color: rgb(209, 231, 221);
    color: rgb(10, 54, 34);
}

#system-message-container joomla-alert .joomla-alert--close, #system-message-container joomla-alert .joomla-alert-button--close {
    top: 10px !important;
    right: 10px !important;
}

#system-message-container joomla-alert div .alert-message {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
    padding: 2rem !important;
}

.usp h1 {
    font-size: 1.5rem;
}

@media (max-width:1199.98px) {
    .sidebar-left .metismenu li.parent>ul,
    .sidebar-right .metismenu li.parent>ul {
        width:100%
    }
}

/* On screens that are 992px or less, set the background color to blue */
@media screen and (min-width:1200px) and (max-width:1400px) {
    .pay-off-strap {
        top: 20%; 
    }
    
    .btn-incasso-indienen {
        font-size: 1.0rem;
        padding: 8px 10px;
    }
}

/* On screens that are 992px or less, set the background color to blue */
@media screen and (min-width:992px) and (max-width:1200px) {
    .pay-off-strap {
        top: 15%; 
    }
    
    .sector {
        margin: -20px 10px 0 10px;
    }
    
    .btn-incasso-indienen {
        font-size: 0.8rem;
        padding: 8px 10px;
    }
}

/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 992px) {
/*    header {
        min-height: 330px;
    }*/

    .navbar-nav li {
        margin-left: 15px;
    }
    
    .navbar-nav li a {
        font-size: 0.7em;
    }
    
    .pay-off-strap {
        height: 200px;
        top: 10%;
        padding: 15px 0 15px 100px;
    }
    
    .sector {
        position: relative;
        display: block;
        width: unset;
        height: 150px;
        margin: 0 auto;
        -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2); 
        box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1);
        padding: 20px 10px;
        text-align: center;
    }
    
    .sector.sector-selected {
        background-color: rgba(177, 178, 180, 1);
    }
    
    .sector.sector-even.even-3 {
        background-color: rgba(218, 58, 58, 1);
    }

    .sector.sector-odd.odd-2 {
        background-color: rgba(204, 51, 51, 1);
    }
    
    .usp .btn-incasso-indienen {
        font-size: 0.8rem;
        padding: 8px 10px;
    }
}

@media screen and (max-width: 768px) {
    body {
        padding-top: 215px;
    }
    
    /* .logo {
        margin-left: 4%;
    } */

    .navbar-container {
        left: 250px;
        margin-top: 0;
    }

    .card .h3, .card h3 {
        font-size: 1.35rem;
    }
    
    .sector.sector-even.even-3 {
        background-color: rgba(204, 51, 51, 1);
    }

    .sector.sector-odd.odd-2 {
        background-color: rgba(218, 58, 58, 1);
    }
    
    .pay-off-strap {
        padding: 15px 0 15px 75px;
    }
    
    .pay-off-strap .vigorous {
        font-size: 2rem;
        letter-spacing: 1rem;
    }

    .pay-off-strap .payoff-line-middle {
        font-size: 0.9rem;
        letter-spacing: 0.12rem;
    }
    
    .pay-off-strap .payoff-line-closure {
        font-size: 1.0rem;
        letter-spacing: 0.12rem;
    }
    
    .call-to-action {
        font-size: 1.4rem;
    }
    
    .usp .btn-incasso-indienen {
        font-size: 1.1rem;
        padding: 8px 10px;
    }
}
  
@media (min-width:992px) {
 
    .metismenu.menu-horizontal {
        display:flex;
        flex:1 1 0%;
        flex-direction:row
    }
   }
   .metismenu.menu-horizontal>li {
        position:relative
   }
   .metismenu.menu-horizontal .level-1>ul {
        min-width:12rem
   }
   .metismenu.mod-menu {
        margin:0
   }
   .metismenu.mod-menu .metismenu-item {
        align-items:center;
        display:flex;
        flex-wrap:wrap;
        font-size:1.1rem;
        line-height:1.5;
        padding:.5em 1em
   }
   .metismenu.mod-menu .metismenu-item.parent {
        position:relative
   }
   .metismenu.mod-menu .metismenu-item>ul {
    box-shadow:0 0 .5em rgba(0,0,0,.1);
    display:block;
    list-style:none;
    padding:0;
    position:absolute;
    top:100%;
    z-index:1001
   }
   .metismenu.mod-menu .metismenu-item>a,
   .metismenu.mod-menu .metismenu-item>button,
   .metismenu.mod-menu .metismenu-item>span {
    overflow:hidden;
    text-decoration:none;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:rgba(125, 153, 156, 1);
    font-size: 1rem;
   }
   .metismenu.mod-menu .metismenu-item>a:focus,
   .metismenu.mod-menu .metismenu-item>button:focus {
    outline:1px dotted #ced4da;
    outline-offset:2px
   }
   .metismenu.mod-menu .metismenu-item.active>a,
   .metismenu.mod-menu .metismenu-item.active>button,
   .metismenu.mod-menu .metismenu-item>a:hover,
   .metismenu.mod-menu .metismenu-item>button:hover {
    text-decoration:underline
   }
   .metismenu.mod-menu .metismenu-item:after {
    content:none
   }
   .metismenu.mod-menu .metismenu-item:not(.level-1)>ul,
   .metismenu.mod-menu .metismenu-item:not(.level-2)>ul {
    margin-right:-1em
   }
   [dir=rtl] .metismenu.mod-menu .metismenu-item:not(.level-1)>ul,
   [dir=rtl] .metismenu.mod-menu .metismenu-item:not(.level-2)>ul {
    margin-left:-1em;
    margin-right:0
   }
   .metismenu.mod-menu .metismenu-item.divider:not(.parent) {
    border-right:1px solid #ced4da;
    margin:.25em;
    overflow:hidden;
    padding:0;
    width:1px
   }
   @media (max-width:991.98px) {
    .metismenu.mod-menu .metismenu-item.divider:not(.parent) {
     border-bottom:1px solid #ced4da;
     height:1px;
     width:auto
    }
   }
   .metismenu.mod-menu .mm-collapsing {
    height:0;
    overflow:hidden;
    transition-duration:.35s;
    transition-property:color,background-color,height,visibility;
    transition-timing-function:ease
   }
   .metismenu.mod-menu .mm-collapse {
    background-color:#fff;
    box-shadow:1px 1px 4px rgba(0,0,0,.1);
    position:absolute
   }
   .metismenu.mod-menu .mm-collapse:not(.mm-show) {
    display:none
   }
   .metismenu.mod-menu .mm-collapse>li>a {
    display:inline-flex
   }
   .metismenu.mod-menu .mm-collapse>li.divider:not(.parent) {
    border-bottom:1px solid #ced4da;
    height:1px;
    width:auto
   }
   .metismenu.mod-menu .mm-collapse>li.parent .mm-toggler {
    display:inline-flex
   }
   .metismenu.mod-menu .mm-collapse>li.parent>ul {
    background-color:rgba(0,0,0,.03);
    box-shadow:none;
    flex-basis:calc(100% + 1em);
    margin-bottom:-.5em;
    margin-top:.5em;
    position:relative;
    top:0
   }
   .metismenu.mod-menu .mm-toggler {
    align-items:center;
    background:none;
    border:none;
    box-shadow:none;
    color:currentColor;
    display:flex;
    height:100%;
    padding:0;
    position:relative;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
   }
   .metismenu.mod-menu .mm-toggler:after {
    -webkit-margin-start:.5em;
    border-left:.5em solid transparent;
    border-right:.5em solid transparent;
    border-top:.5em solid;
    content:"";
    height:0;
    margin-inline-start:.5em;
    transition:all .3s ease-out;
    width:0
   }
   .metismenu.mod-menu .mm-toggler[aria-expanded=true]:after,
   .mm-active>.metismenu.mod-menu .mm-toggler:after {
    -webkit-transform:rotateX(-180deg);
    transform:rotateX(-180deg)
   }
   .metismenu.mod-menu .parent>ul {
    color:#22262a
   }
   .sidebar-left .metismenu .mm-collapse,
   .sidebar-right .metismenu .mm-collapse {
    background-color:rgba(0,0,0,.03);
    position:relative
   }
   .sidebar-left .metismenu li.parent>ul,
   .sidebar-right .metismenu li.parent>ul {
    box-shadow:none;
    position:relative;
    top:0
   }
   @media (max-width:1199.98px) {
    .sidebar-left .metismenu li.parent>ul,
    .sidebar-right .metismenu li.parent>ul {
     width:100%
    }
   }

   @media screen and (max-width: 360px) {
        .logo {
            padding-left: 0px;
        }

        .btn-download {
            width: 100%;
            font-size: 0.9rem;
            padding: 8px 10px;
          }
   }