/* these are override styles */

a { color: #fd0d0d; }

.font-weight-bold { font-weight: bold; }

::selection {
  background: rgb(170 1 25);
}

.header-area {
  position: absolute;
  background: rgb(244 64 95);
  background: linear-gradient(90deg, rgb(244 64 95) 0%, rgb(170 1 25) 100%);
}

.preloader-inner .dot {
    background: rgb(170 1 25);
}
.preloader-inner .dots span {
    background: rgb(244 64 95);
}

/* color 1 - #5b03e4 COLOR */
.section-heading h2 em, 
.main-banner h6,
.main-banner h4 em,
.infos .main-content .skill-slide h6,
.infos .main-content .skill-slide span
{ color: rgb(170 1 25) !important; }

/* color 1 - #5b03e4 BACKGROUND-COLOR */
.main-button a,
.infos .main-content .skill-slide .fill,
#contact-form button
{ background-color: rgb(170 1 25); }

/* color 2 - #c03afe COLOR */
.section-heading h2 span,
.main-banner h4 span,
.services .service-item:hover h4
{ color: rgb(244 64 95); }

/* color 2 - #c03afe BACKGROUND-COLOR*/
.second-button a { background-color: rgb(244 64 95); }

/* color 3 - #decdfa */
.main-banner .line-dec,
.infos .main-content .skill-slide
{ background-color: #facdcd; }

#contact-form input,
#contact-form textarea
{ background-color: #fff2f2; }


/* color 3 #decdfa - border */
.services .service-item
{ border-color: #facdcd; }

/* gradient color */
.section-heading .line-dec,
.contact-us-content .more-info {
  background: rgb(244 64 95);
  background: linear-gradient(90deg, rgb(244 64 95) 0%, rgb(170 1 25) 100%);
}

/* carousel colors */
.projects .owl-nav .owl-prev span, .projects .owl-nav .owl-next span {
    background-color: #e40303;
}
.projects .item .down-content a {
    color: #e40303;
}

@media (max-width: 767px) {
    .header-area.header-sticky .nav li a:hover, .header-area.header-sticky .nav li a.active {
        color: rgb(170 1 25) !important;
        opacity: 1;
    }
}