/* TAG */
b { color: #9b1006!important }
body { background: #fff!important }
img { color:#212529!important }
ul { padding-left: 20px }

/* ID */
#copyrights { background: #B3B3B3!important; padding: 10px !important }
#divRecaptcha div { margin:auto; margin-bottom: 20px }
#footer { border-top: 5px solid #e32525 !important; background: #fff!important }
#footer .section { color: #fff!important}
#footer h3 { color: #fff!important }
#footer .footer-widgets-wrap { padding: 40px 0!important }
#footer .table tr td { color: #212529!important }
#header-wrap { border: 0px!important }
#header-wrap.scrolled { box-shadow: 0px 4px 8px #dbdbdb!important }
#portfolio .portfolio-item .grid-inner { border: 1px solid #dee2e6!important; border-radius: 10px!important; padding-bottom: 20px!important }
#preloaderContainer { padding-top: 100px; padding-bottom: 100px; border: 2px solid rgba(var(--bs-emphasis-color-rgb), 0.05) }
#radius_top { border-radius: 10px 10px 0px 0px!important }

/* CLASSES */
.alert { z-index: 999!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-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 }
/* .cnvs-hamburger .cnvs-hamburger-inner, .cnvs-hamburger .cnvs-hamburger-inner::before, .cnvs-hamburger .cnvs-hamburger-inner::after { background-color: white!important } */
.heading-block::after { border-color: #e32525!important }
.fs-1 { text-shadow: 2px 2px 4px #333!important }
.jf_font { margin-bottom: 10px!important }
.modal-content, .modal-header{ border-radius: 0px }
.modal-content { border: none }
.modal-header { border-bottom: 1px solid #e32525; background: #e32525 }
.modal-header .modal-title { color: white; margin: auto }
.modal-body { padding: 20px }
.modal-footer { border-top: 1px solid #e32525; display: flow-root; text-align: center }
.navbar-nav > .nav-link { padding: 0px!important }
.owl-item, .owl-item > .active { background-color: #FFFFFF44!important; backdrop-filter: blur(20px)!important; border-radius: 10px!important }
.our_divider { background-image:url('../../images/graphics_2024_02_27/divider.jpg')!important; background-size: cover!important }
.our_divider h2 { text-shadow: 2px 2px 4px #ddd!important }
.portfolio-desc { padding: 20px!important }
.portfolio-desc span { color:#212529!important }
.portfolio-image img { border-radius: 20px!important }
.social-icon { border-color: #fff!important }
.title-block h2 + span { font-size: 18px!important }
.transparent-row > td { background-color: transparent !important }

/* MEDIA QUERY */
@media (min-width: 768px) {
    .feature-box-border-horizontal .feature-box { position: relative }
    .feature-box-border-horizontal .feature-box:not(.noborder) .fbox-black::before { content: "";  position: absolute;  top: 31px;  left: calc(50% + 32px);  width: calc(100% - 64px);  height: 2px;  border: 1px solid #000000!important;  z-index: 0 }
    .feature-box-border-horizontal .feature-box:not(.noborder) .fbox-icon::before, .feature-box-border-horizontal.border-hover-animate .feature-box:not(.noborder) .fbox-icon::after { content: "";  position: absolute;  top: 31px;  left: calc(50% + 32px);  width: calc(100% - 64px);  height: 2px;  border: 1px solid #EEE;  z-index: 0 }
    .feature-box-border-horizontal.border-dashed .feature-box:not(.noborder) .fbox-icon::before, .feature-box-border-horizontal.border-dashed.border-hover-animate .feature-box:not(.noborder) .fbox-icon::after { border-style: dashed  }
    .feature-box-border-horizontal.border-hover-animate .feature-box:not(.noborder) .fbox-icon::after { display: block; border-color: #222; width: 0; transform-origin: top left; transition: width .3s ease-in-out }
    .feature-box-border-horizontal.border-hover-animate .feature-box:not(.noborder):hover .fbox-icon::after {  width: calc(100% - 64px); }
    .feature-box-border-horizontal .fbox-icon i,
    .feature-box-border-horizontal .fbox-border.fbox-light .fbox-icon i { line-height: 60px; font-size: 24px; z-index: 1; text-align: center; box-shadow: 0 0 0px 10px #FFF } .feature-box-border-horizontal .feature-box.flex-column:not(.noborder) .fbox-icon::before, .feature-box-border-horizontal.border-hover-animate .feature-box.flex-column:not(.noborder) .fbox-icon::after { left: calc(0% + 100px) }
}

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

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