/* TAG */
body { background: #fff!important; overflow-x: hidden }
pre { font-family: "Inter", sans-serif; font-size: 14px }
img { color:#212529!important }
input.switch-toggle-flat + label::after { background-color: #bfbfbf!important }
input.switch-toggle-flat + label { background-color: #bfbfbf!important }
input.switch-toggle-flat:checked + label { background-color: #cf6c02!important }
input.switch-toggle-flat:checked + label::after { background-color: #cf6c02!important }
input.form-control[readonly] { background-color: #eee !important }
ul.navbar-nav li.nav-item a.nav-link { height: 28px; line-height: 28px; padding: 0 14px; color: #FFF; font-size: 14px; border-radius: 14px }
ul.navbar-nav li.nav-item a.nav-link:hover { background-color: rgba(0, 0, 0, 0.15) }

/* ID */
#copyrights { padding: 10px 0!important; background-color: #193769 }
#divRecaptcha div { margin:auto; margin-bottom: 20px }
#footer { border: 0px!important; background: #b2d0e5!important }
#footer .section { background: #5d6083!important; color: #fff!important }
#footer h3 { color: #fff!important }
#footer .footer-widgets-wrap { padding: 20px 0px 0px 0px!important }
#footer .table tr td { color: #212529!important }
#header-wrap { border: 0px!important }
#logo img { padding-bottom: 5px!important; padding-top: 5px!important; height: 60px!important }
#portfolio .portfolio-item .grid-inner { border: 1px solid #dee2e6!important; border-radius: 10px!important; padding-bottom: 20px!important }
#radius_top { border-radius: 10px 10px 0px 0px!important }

/* CLASSES */
.alert { z-index: 99999!important }
.box { border: 2px solid #21a042!important; width: 210px!important; height: 210px!important; padding: 10px!important; border-radius: 5px!important; box-shadow: 10px 10px 5px #dedede!important }
.box:hover { box-shadow: none!important; background-color: #eeeeee!important }
.btn-outline-primary { color:#21a042!important; border-color: #21a042!important }
.btn-outline-primary:hover { color:#fff!important; background-color: #21a042!important }
.button-home { color: #193769!important; border-color: #193769!important; background-color: white }
.button-home:hover {  background: #193769!important; color: white!important }
.button-light { color: #fff!important; border-color: #21a042!important; background: rgba(33, 160, 66, 0.4)!important }
.button-light:hover { background: #21a042!important; color: #fff!important }
.card-body { background-image: url('../../images/graphics_2025_11_27/print-background.png') !important; background-repeat: no-repeat !important; background-size: 100% 100% !important; padding-top: 1rem!important; padding-left: 4rem!important; padding-right: 4rem!important; padding-bottom: 1rem!important }
.cnvs-hamburger .cnvs-hamburger-inner, .cnvs-hamburger .cnvs-hamburger-inner::before, .cnvs-hamburger .cnvs-hamburger-inner::after { background-color: #fff!important }
.heading-block::after { border-color: #193769!important }
.fs-1 { text-shadow: 2px 2px 4px #333!important }
.jf_font { margin-bottom: 10px!important }
.loading-spinner i::before { color: #193769!important }
.menu-link { font-size: 12px!important }
.modal-content, .modal-header{ border-radius: 0px }
.modal-content { border: none }
.modal-header { border-bottom: 1px solid #193769; background: #193769; text-transform: uppercase!important }
.modal-header .modal-title { color: white; margin: auto }
.modal-body { padding: 20px }
.modal-footer { border-top: 1px solid #193769; display: flow-root; text-align: center }
.page-title-center .breadcrumb { margin-top: 0rem!important }
.portfolio-desc { padding: 20px!important }
.portfolio-desc a { color:#193769!important }
.portfolio-desc span { color:#212529!important }
.portfolio-image img { border-radius: 10px 10px 0px 0px!important }
.primary-menu-trigger, #page-menu-trigger { background: #193769!important }
.social-icon { border-color: #fff!important }
.table-borderless { font-size: 14px!important }
.title-block h2 + span { font-size: 18px!important }

/* MEDIA QUERY */
@media (min-width: 992px){
    .fs-1 { font-size: 50px!important }
}

@media (max-width: 991px){
    #header_image { width: 50px!important }
}