.nav-wrapper ul li a {
    display: block;
    padding: 25px 15px;
    color: #001042;
    font-family: "Urbanist",sans-serif;
    font-weight: 500;
    font-size: 18px;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    }

.logo {
max-width: 250px;
}
    
.hero-22{ 
    padding-top:300px;
    padding-bottom:50px;
    background-image:url("../img/home5/worksonline-promo-cover.jpg");
    background-repeat:no-repeat;
    width: 100%;
    background-color: #fff;
}
.hos-bg-color {
    background-color: #f87900;
    }
.hos-cta .hds-btn:hover {
    background-color: rgba(0,0,0,0);
   border: 1px solid;
}
.dchs-bg-1 {
    background-color: #f2f4f7;
    }
.rounded-12 {
    border-radius: 12px;
    }
.hos-bg-brand {
    background-color: #070f2c;
    }
.hds-btn {
    font-family: "Urbanist",sans-serif;
    font-size: 16px;
    font-weight: 700;
    padding: 13px 22px;
    }
    
.text-warning {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
     }
.popular-badge {
    color:#f87900
}

.hm2-title {
    color: #f87900;
}

.gm-outline-btn:hover a{
    background:rgba(0,0,0,0);color:#fff
}
.rs-primary-btn{
    background:#f87900;
}
.rs-primary-btn i{
    margin-left:4px
}
.rs-primary-btn:hover{
    color:#fff;
    background:#f87900;
}
.price-title span{
    font-size:18px
}

/* Hero */
.hero-5 {
    background: #0c193c;
    padding: 200px 0 250px 0;
    margin-top: -100px;
    }

.bg-primary-gradient {
    background: #0c193c;
    }
/* Footer */
.h5-footer {
    background: #0c193c;
    padding: 210px 0 0 0;
}
.h5-application {
background: #0c193c;
}
/** Portfolio **/
.card.overflow-hidden, .tiny-slider.overflow-hidden {
    will-change: transform;
  }
  .pricing-column .popular-badge {
    background: linear-gradient(287.85deg, #031a5e 0%, #054ddc 95.32%);
    width: 370px;
    font-size: 14px;
    color: #fff;
    padding: 8px 0;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    right: -90px;
    top: 55px;
    }
.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
    }
.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
    }
    img {
        max-width: 100%;
        height: auto;    
     }
.portfolio {
   width: 50%;
   text-align: center;
}
        
@media (max-width: 767.98px) {
.border-md-transparent .border, .border-md-transparent .border-start, .border-md-transparent .border-end, .border-md-transparent .border-top, .border-md-transparent .border-bottom {
    border: 1px solid transparent !important;
}
}
.swiper-button-next {
right: 0;
}
.swiper-button-next:after {
display: none !important;
}

.swiper-button-prev {
left: 0;
}
.swiper-button-prev:after {
display: none !important;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
pointer-events: visible;
}

.swiper-pagination-bullet-active {
background: var(--bs-primary);
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--bs-primary);
}

.swiper-pagination.swiper-pagination-primary .swiper-pagination-bullet {
background-color: var(--bs-gray-600);
-webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, background-color 0.3s ease-in-out;
transition: width 0.3s ease-in-out, height 0.3s ease-in-out, background-color 0.3s ease-in-out;
border-radius: 10px;
}
.swiper-pagination.swiper-pagination-primary .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: var(--bs-primary);
width: 30px;
border-radius: 5px;
}

.swiper-pagination.swiper-pagination-line .swiper-pagination-bullet {
width: 30px;
height: 3px;
border-radius: 0;
background-color: #fff;
}

.swiper-pagination.swiper-pagination-progress-primary {
background-color: var(--bs-border-color);
}
.swiper-pagination.swiper-pagination-progress-primary .swiper-pagination-progressbar-fill {
background-color: var(--bs-primary);
}

.swiper-outside-n5 {
margin-right: -5vw;
margin-left: -5vw;
}

@media (max-width: 767.98px) {
.swiper-outside-n20 {
    margin-right: 0;
    margin-left: 0;
}
}
.swiper-outside-end-n20 {
margin-right: -20vw;
}

@media (max-width: 767.98px) {
.swiper-outside-end-n20 {
    margin-right: 0;
}
}
.swiper-step {
padding-left: 0.3125rem;
}

.swiper-step .swiper-step-divider {
position: relative;
width: calc(100% + 2rem);
height: 0.125rem;
background-color: var(--bs-border-color);
margin-top: 2rem;
margin-bottom: 3rem;
}

.swiper-step .swiper-step-divider::before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 1.5rem;
height: 1.5rem;
background-color: var(--bs-gray-900);
border-radius: 50%;
-webkit-transform: translateY(-50%);
        transform: translateY(-50%);
}

.swiper-step .swiper-step-divider::after {
content: "";
position: absolute;
top: 50%;
left: 0.5rem;
width: 0.5rem;
height: 0.5rem;
background-color: var(--bs-gray-100);
border-radius: 50%;
-webkit-transform: translateY(-50%);
        transform: translateY(-50%);
}