:root {
    --logo: url(../images/logo.png) !important;
    --logo-xs: url(../images/logo-xs.png) !important;
}
a{
    color:#cc0000;
    transition: text-decoration 1.35s ease;
    text-decoration: none;
}
a:hover{
    color: #f30213;
    text-decoration: underline;
}
.collapsing{height: initial;}
.landing-header{
    --landing-header-padding-y: .75rem;
    background-color: rgb(225,37,27);
    padding-top: var(--landing-header-padding-y);
    padding-bottom: var(--landing-header-padding-y);
    margin-bottom:10px;
}
.landing-header > .container{
    display:flex;
    align-items: center;
}
.navbar-main{
    background-color: rgb(225,37,27);
    margin-bottom:20px;
}
.navbar-brand{
    padding:0;
    max-width:142px;
    min-height:1.875rem;
    background: var(--logo-xs) center left;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right:auto;
    flex-grow:1;
}
.nav-link:hover, 
.nav-link:focus{
    text-decoration: none;
}
.dropdown-item:focus, 
.dropdown-item:hover {
    text-decoration: none;
}
.landing-header .navbar-toggler{
    padding: .25rem .5rem;
    margin-right:-.5rem;
}
.landing-header .navbar-toggler-icon{

    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.heade-contact {
    margin: 0;
    display: none;
    align-items: center;
}
.heade-contact > li{
    list-style: none;

    
}
.heade-contact > li:not(:last-child){
    padding-right:3rem;
    position: relative;
}
.heade-contact > li:not(:last-child)::before {
    content: '';
    position: absolute;
    right: 27px;
    top: 0;
    background: #032e42;
    height: 36px;
    width: 1px;
    display: block;
    opacity: .1;
}

.heade-contact > li > span,
.heade-contact > li > em{
    display: block;
    padding-left:2rem;
    line-height:1;        
}

.heade-contact > li > span{
    font-family: Fira Sans;
    font-weight: 700;
   
}
.heade-contact > li > em{
    color: #676767;
    vertical-align: baseline;
    padding-top:.25rem;
    font-size:.875rem ;
}
.heade-contact .wc-icon{
    display: block;
    position: absolute;
    width:1.5rem;
    height:1.5rem;
    background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='rgb(255,0,0)' class='bi bi-telephone-inbound' viewBox='0 0 16 16'%3e%3cpath d='M15.854.146a.5.5 0 0 1 0 .708L11.707 5H14.5a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 1 0v2.793L15.146.146a.5.5 0 0 1 .708 0zm-12.2 1.182a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z'/%3e%3c/svg%3e") no-repeat left center;
    background-size: contain;
}


.banner{
    margin-top:-10px;
    margin-bottom:20px;
}
.carousel-indicators li{
    border:0;
    margin-right: 4px;
    margin-left: 4px;
    height:4px;
    box-shadow: 0 0 3px 3px rgba(0,0,0,.2);
}
.breadcrumb{
    padding: .5rem 0;
    background-color: transparent;
    margin-bottom:10px;
}
.breadcrumb::before{
    content: 'L';
    color:transparent;
    padding-right: 1rem;  
    background:url(../images/pin-location.svg) no-repeat left center;
    background-size: 1.25rem 1.25rem;
}
.breadcrumb-item + .breadcrumb-item::before{
    color:transparent;
    padding-left: .5rem;    
    background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") no-repeat left center;
}
.page-footer{
    margin-top: 50px;
    padding-top:30px;
    padding-bottom:30px;
    text-align: center;
}
.card-categories{
    border-width:0;
}
.card-categories .card-header{
    background-color: #f3a712;
    color:#fff;
    border-width: 0;
    font-size: 20px;
    margin-bottom:1px;
    font-weight: bolder;
    background-image:url(../images/home2-bg1.png);
    padding-top:1.25rem;
    padding-bottom:1.25rem;
}
/*    page-categroy  */
.card-categories .list-group-item{    
    background-color:#F6F3EE;
    margin-bottom:2px;
    padding-top: .75rem;
    padding-bottom: .75rem;
}
.card-categories .list-group-item.active{
    margin-top: 0;
    border-top-width: 0;
    border-color:#e66;
}
.card-categories .list-group-item.active a{
    color: #D83030;
    font-weight: bolder;
}

.card-categories .list-group-item.active::before{
    content: "\f0da";font-family:FontAwesome; font-size:1.125rem;line-height:1.5rem;
    color: rgb(216,48,48) ; display: block;float:left;margin-left:-.75rem;

}

.page-article .card-articlecontent .caption,
.card-category-content .caption{
    padding-top: .5rem;
    font-weight: bolder;
}
.card-category-content > .card-header{
    background-color: transparent;
    border-color: #e94f08;
    border-bottom-width: 3px;
    -webkit-border-image: -webkit-linear-gradient(left,#39dfaa 30%,#D83030 100%);
    border-image: linear-gradient(left,#39dfaa 30%,#D83030 100%);
    border-image-slice: 1;
}
.pagination{
    --bs-pagination-active-bg: rgb(225,37,27);
    --bs-pagination-active-border-color: rgb(225,37,27);
    --bs-pagination-color: #cc0000;
}



@media screen and (min-width: 992px) {
    .landing-header{
        background-color: rgb(255,255,255);
        
        margin-bottom:0;
    }
    .heade-contact {
        display: flex;
    }
    .banner{
        margin-top:-20px;
    }
    .navbar-brand {
        max-width:initial;
        min-height:70px;
        background: var(--logo) no-repeat center left;
    }
    .navbar-main,
    .navbar-main.collapse{
        display: flex;
        padding:0;
    }
    .navbar-main .navbar-nav:not(.mr-auto) .nav-item:last-child .nav-link {
        border-right:1px solid rgba(255,255,255,.15);
    }
    .navbar-main .navbar-nav .nav-link{
        color: rgba(255,255,255,.8);padding:1rem .75rem;
        border-left:1px solid rgba(255,255,255,.15);
    }
    .navbar-main .navbar-nav .active>.nav-link,
    .navbar-main .navbar-nav .nav-link.active{
        color: rgb(255,255,240);
        background-color:rgba(204,24,16);
    }
    .navbar-main .nav-item .nav-link:hover,
    .navbar-main .nav-item .nav-link:focus {
        color: rgb(255,240,224);
        background-color:rgba(192,23,24,.5);
    }
    .breadcrumb{
        margin-bottom:15px;
    }
}

@media screen and (min-width: 1200px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding:1rem 1.25rem;
    }
    
}


@media screen and (max-width: 991.98px) {
    .navbar-main {
        transition: transform .35s ease;
        transform: translate3d(20%,0,0);
        position: fixed;
        width: 65vw;
        max-width: 100vw;
        top: 0;
        bottom: 0;
        left: 100%;
        z-index: 50;
        flex-direction: column;
        padding: 1rem;
        display: block;
        bottom: constant(safe-area-inset-bottom);
        bottom: env(safe-area-inset-bottom);
        background-color: rgba(224, 32, 24,.96);
        padding: 30px;
        box-shadow: 0 0 2rem rgba(0,0,0,.375);
    }
    .navbar-main.show {
        transform: translate3d(-100%,0,0);
    }

    .navbar-main .navbar-collapse .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 10 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h1M4 15h1M4 23h1'/%3E%3C/svg%3E");
        width: .625rem;
    }

    .navbar-main .navbar-collapse .navbar-toggler-icon {
        display: block;
        width: 24px;
        height: 24px;
        line-height: 24px;
        position: relative;
        transition: transform .5s;
        transition-delay: .25s;
    }

    .navbar-main.show .navbar-collapse .navbar-toggler-icon {
        transform: rotate(135deg);
    }

    .navbar-main .navbar-collapse .navbar-toggler {
        padding: .3125rem;
        border-width: 0;
    }

    .navbar-main .navbar-collapse .navbar-toggler-icon::before,
    .navbar-main .navbar-collapse .navbar-toggler-icon::after {
        content: "";
        display: block;
        width: 100%;
        height: 2px;
        background-color: rgb(255, 240, 224);
        border-radius: 0;
        position: absolute;
        top: 11px
    }

    .navbar-main .navbar-collapse .navbar-toggler-icon::after {
        transform: rotate(90deg);
        transition: transform .35s;
        transition-delay: .35s
    }
}