:root {
  --start-color: rgb(52, 52, 152);
  --stop-color: rgb(11, 11, 77);
}

@media screen and (max-width: 740px) {
    .small-small {
        font-size: 12px;
    }
    .small-smaller {
        font-size: 10px;
    }
}

h1, h2, h3, h4, h5, h6 {
    color: var(--start-color);
}
.sec-title h2, b {
    color: var(--start-color);
}

#content_block_three .content-box .inner-box .single-item h5 a {
    color: var(--start-color);
}
#content_block_three .content-box .inner-box .single-item h5 a:hover {
    color: var(--stop-color);
}

.btn-primary {
    color: var(--start-color);
}

.btn-primary:hover {
    color: var(--stop-color);
}
.info-section .title-inner .title h2 {
    color: var(--start-color);
}

.service-block-two .inner-box .icon-box::before {
    background-color: black;
}

.testimonial-style-two .testimonial-content .inner-box .text p {
    color: var(--stop-color);
}
.testimonial-style-two .testimonial-content .inner-box .text {
    border-top: 2px solid var(--start-color);
    border-left: 2px solid var(--start-color);
    border-right: 2px solid var(--start-color);
}
.text-primary {
    color: var(--start-color) !important;
}

summary {
    background-color: var(--start-color) !important;
}

.pricing-block-one .pricing-table .table-header .price-box {
    background-color: var(--start-color);
}
.pricing-section, .pricing-section::before {
    background-color: white;
}