:root {
                --au-primary:    #fd6314;
                --au-secondary:  #c62828;
                --au-accent:     #ff7043;
                --au-dark:       #111111;
                --au-text:       #444444;
                --au-muted:      #6b7280;
                --au-light-bg:   #f8f8f8;
                --au-white:      #ffffff;
                --au-border:     #dcdcdc;
              --au-gradient: linear-gradient(135deg, #fd6314 0%, #fd6314 100%);
                --au-shadow-sm:  0 2px 12px rgba(229, 57, 53, 0.10);
                --au-shadow-md:  0 8px 32px rgba(229, 57, 53, 0.18);
                --au-shadow-lg:  0 20px 60px rgba(229, 57, 53, 0.18);
                --au-radius-sm:  10px;
                --au-radius-md:  18px;
                --au-radius-lg:  28px;
                --au-transition: all 0.38s cubic-bezier(0.4, 0, 0.2, 1);
            }
            
            .banner-content-style1 {
    position: absolute;
    bottom: unset;
    left: 0;
    right: 0;
    z-index: 7;
    top: 50%;
    transform: translateY(-50%);
}
div#myCarousel img{
    max-height:600px;
    object-fit: cover;
    width:100%;
}

 a.width38-lg.width40-md{
    max-width: 140px;
}
img.h-100.object-cover{
    object-fit: cover;
}
#banner-slider .container-fluid{
    padding:0 7px;
}


                 

                    .au-card {
                background: var(--au-white);
                border-radius: var(--au-radius-md);
                padding: 20px;
                /*box-shadow: var(--au-shadow-sm);*/
                border: 1px solid rgba(229, 57, 53, 0.08);
                transition: var(--au-transition);
                cursor: default;
                position: relative;
                overflow: hidden;
                margin-bottom: 10px;
            }
            .au-card::after {
                content: '';
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                height: 3px;
                background: var(--au-gradient);
                transform: scaleX(0);
                transform-origin: left;
                transition: var(--au-transition);
            }
            .au-card:hover {
                transform: translateY(-10px);
               
                
            }
            .au-card:hover::after { transform: scaleX(1); }

            .au-card-icon {
                width: 64px;
                height: 64px;
                border-radius: 16px;
                background: var(--au-gradient);
                display: flex;
                align-items: center;
                justify-content: center;
                margin-bottom: 24px;
                transition: var(--au-transition);
            }
            .au-card:hover .au-card-icon {
                border-radius: 50%;
                transform: scale(1.1) rotate(6deg);
            }
            .au-card-icon i {
                font-size: 26px;
                color: var(--au-white);
            }
            .au-card-title {
                font-family: Roboto, sans-serif;
                font-size: 24px;
                font-weight: 700;
                color: var(--au-dark);
                margin: 0 0 10px;
            }
            .au-card-text {
                font-size: 14px;
                color: var(--au-muted);
                line-height: 1.7;
                margin: 0;
            }
            .au-card-text {
    font-size: 14px;
    color: var(--au-muted);
    line-height: 1.7;
    margin: 0;
    height: 120px;
}



          
                
                 
                @media only screen and (max-width: 600px) {
  .mobile-mb-30 {
   margin-bottom:30px;
}
.mobile-mt-30 {
   margin-top:30px;
}
.au-card-img img {
        width: 175px;
    }
    
    .au-card-text {
   
    height: auto;
}
    
    
}
.banner-slider {
    position: relative;
}



.banner-slider .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
}

.banner-slider .owl-nav button {
    background: rgba(0,0,0,0.6) !important;
    color: #fff !important;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    border: none;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.banner-slider .owl-nav .owl-prev {
    margin-left: 10px;
}

.banner-slider .owl-nav .owl-next {
    margin-right: 10px;
}