/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

#fullpage-overlay { display: table; position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; background-color: black; background-color: rgba(0, 0, 0, 0.8); color: #fff; }
#fullpage-overlay .outer-wrapper { position: relative; height: 100%; }
#fullpage-overlay .inner-wrapper { position: absolute; top: 50%; left: 50%; height: 30%; width: 50%; margin: -3% 0 0 -25%; text-align: center; }
#fullpage-overlay .msg { display: inline-block; padding: 20px; max-width: 400px; }
.hidden { display: none !important; }

@media (min-width: 576px){
    .container, .container-sm { width: 540px; }
}
@media (min-width: 768px){
    .container, .container-md, .container-sm { width: 720px; }
}
@media (min-width: 992px){
    .container, .container-lg, .container-md, .container-sm { width: 960px; }
}
@media (min-width: 1200px){
    .container, .container-lg, .container-md, .container-sm, .container-xl { width: 1140px; }
}
@media (min-width: 1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { width: 1320px ; }
}
.btn-return-to-admin { position: fixed!important; top: 425px; right: 0; padding: 5px 15px!important; background-color: #d7d7d7!important; color: #777!important; font-size: .9rem!important; border-radius: 0 0 3px 3px!important; text-decoration: none; transform: rotate(90deg); transform-origin: top right; z-index: 500; }
.btn-return-to-admin i { margin-right: 4px;}

#main-body .row { display: block; }

.submit-ticket { display: flex; align-items: center; justify-content: flex-start; }
.submit-ticket a { display: flex; align-items: flex-start; justify-content: flex-start; background: #fff; padding: 20px; border-radius: 6px; color: #131a26; box-shadow: 20px 15px 81px 0 rgb(0 0 0 / 10%); }
.submit-ticket a b { display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; font-size: 20px; margin-bottom: 5px; margin-right: 4px; }
.submit-ticket a i { font-size: 42px; margin-right: 10px; }
.submit-ticket a small { font-size: 12px; font-weight: normal; opacity: .7; }
.submit-ticket a:hover { text-decoration: none; color: var(--bs-primary); }
.section-products {overflow-x:hidden !important;}
@media only screen and (max-width: 767px){

    .client-menu-list { overflow: hidden; }
    .client-menu-list .container { padding: 0; }
    .client-menu-list ul li { width: 25%; }
    .client-menu-list ul li a span { font-size: 12px; }
    .client-menu-list ul li a i { font-size: 20px; }
}

.loading { border: 6px solid #f3f3f3; border-radius: 50%; border-top: 6px solid #3498db; width: 24px; height: 24px; -webkit-animation: spin 1s linear infinite; /* Safari */ animation: spin 1s linear infinite; }

/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}