#hero-3 {
    background-image:  url('../images/steptodown.com397311.jpg') !important;
}

.footer2 a,
.footer2 a:hover,
.footer2 h6,
.footer2 {
    background-color: #102144;
    color: white !important;
}

.footer3 a,
.footer3 a:hover,
.footer3 h6,
.footer3 {
    /* background-color: #001339; */
    color: white !important;
}
.footer-text {
    background-color: #102144;
}

.s-30,
.s-22,
.s-26,
.s-18 ,
.s-50,
.s-24{
    color: white !important;
}

.mb-20 {
    color: white !important; 
}

.p-1,
.s-21,
.s-17{
    color: rgb(211, 208, 208) !important;
}

.show-less {
    color: rgb(211, 208, 208) !important;
}

.review-txt {
    color: white !important;
}
.review-ico {
    color: white !important;
}

.fbox-txt {
    color: white !important;
}

.p-md {
    color: white !important;
}

.strong-text {
    color: white !important;
}

#hero-3:after {
    position: absolute;
    content: '';
    z-index: -1;
    width: 100%;
    height: 0%;
    bottom: 0;
    left: 0;
    background-color: #001339 !important;
  }

  .bg--03 {
    background-image: url("https://img.freepik.com/free-photo/artistic-blurry-colorful-wallpaper-background_58702-8553.jpg") !important;
}

.about-info, .service-box {
    background-color: #102144;
    color: white !important;
}

#rw-2-1, #rw-2-2 {
    background-color: #102144;
    color: white !important;
}

.details {
    color: rgb(211, 208, 208) !important;
}

.gr--whitesmoke1 {
    background-image: linear-gradient(180deg, rgba(14, 14, 102, 0.8) 50%, rgba(8, 8, 73, 0.05) 100%);
    background-color:  #001339 !important;
}
#features-11,
#features-12,
#reviews-2 {
    background-color:  #001339 !important;
}

.shape-ico.color--theme path, .shape-ico.color--theme path, .shape-ico.color--theme path {
    fill: #d22b2b;
}
.btn--theme1 {
    color: #fff !important;
    border-color: #070007 !important;
    background-color: #be6cbe !important;
}
.count-element {
    color: white !important;
}
.card {
    background-color: #153c8c;
    height: 300px;
}
.container1 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    max-width: 1200px;
    margin: auto;
}
.card {
    background-color: #11244e;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}
.card h2 {
    font-size: 1.5em;
}
.icon {
    font-size: 30px;
    margin-bottom: 10px;
}
.price-des {
    font-size: 14px !important;
}
.footer-link {
    margin-top: 10px !important;
}

.text-desc {
    font-size: 16px !important;
}
.text-desc-1 {
    font-size: 20px !important;
}