/* @font-face {
    font-family: logo-font;
    font-style: normal;
    font-weight: 900;
    src: url('logo-font.ttf') format('truetype');
} */
@import url("../assets/vendor/fontawesome/css/all.min.css");
@import url("../assets/css/anjoman.css");

:root {
    /* --primary1: #533191; */
    --primary1: #483769;
    --extra: #ecb04a;
    --text: #333333;
    --hover: #e771f7;
}

* {
    font-family: Anjoman;
}

html {
    font-size: 13px;
}

i#faw {
    font-family: Font Awesome 5 Free !important;
    font-size: 1.8rem;
}

body {
    /* background-color: var(--primary1); */
    color: var(--text);
}

a {
    color: var(--text);
}

a:hover {
    color: var(--extra);
}

#header {
    background: var(--primary1);
}

.nav-menu a {
    color: var(--text);
}

.nav-menu a:hover,
.nav-menu .active>a,
.nav-menu li:hover>a {
    color: var(--extra);
}

#header .logo h1 a,
#header .logo h1 a:hover {
    color: var(--text);
}

.section-bg {
    /* background-color: var(--primary2); */
}

.about .icon-boxes i {
    color: var(--extra);
}

.what-we-do .icon-box {
    /* background-color: var(--primary1); */
}

.what-we-do .icon-box .icon {
    background: var(--primary1);
}

.what-we-do .icon-box .icon i {
    color: var(--extra);
}

.portfolio #portfolio-flters li {
    color: var(--text);
    /* background: var(--box); */
}

.portfolio #portfolio-flters li:hover,
.portfolio #portfolio-flters li.filter-active {
    background: var(--extra);
}

.portfolio .portfolio-item .portfolio-info {
    /* background: var(--primary2); */
}

.portfolio .portfolio-item .portfolio-info h4 a {
    color: var(--text);
}

.services .icon-box {
    /* background: var(--primary1); */
}

.services .icon-box i {
    color: var(--extra);
}

.titcolor {
    color: var(--text) !important;
}

.team .member {
    /* background: var(--primary2); */
}

.team .member1 {
    /* background: var(--primary1); */
}

.team .member p {
    color: #333333;
}

.testimonials .testimonial-item {
    /* background: var(--primary1); */
}

.testimonials .testimonial-item1 {
    /* background: var(--primary2); */
}

.testimonials .testimonial-item h3 {
    color: var(--text);
}

.counts {
    /* background: var(--primary1); */
}

.counts .count-box {
    /* background: var(--primary1); */
}

.counts .count-box i {
    background: var(--extra);
}

.counts .count-box span {
    color: var(--extra);
}

.contact .info-wrap,
.contact .php-email-form {
    /* background: var(--primary1); */
}

.contact .info i {
    color: var(--extra);
    background: var(--box);
}

.contact .info h4 {
    color: var(--text);
}

.contact .info>div {
    color: var(--text);
}

.form-control {
    /* background-color: var(--primary1); */
}

.contact .php-email-form button[type="submit"] {
    background-color: var(--extra);
}

.back-to-top i {
    background-color: var(--extra);
}

.section-title h2::after {
    background-color: var(--extra);
}

#footer .social-links a {
    background-color: var(--extra);
}

#footer .footer-top .footer-links ul i {
    color: var(--extra);
}

.testimonials .owl-dot.active {
    background-color: var(--extra) !important;
}

.testimonials .testimonial-item .quote-icon-left,
.testimonials .testimonial-item .quote-icon-right {
    color: var(--extra);
}

.pagination a {
    border: 1px solid var(--extra);
}

.portfolio-details .portfolio-info {
    /* color: var(--primary1); */
}

a:hover {
    color: var(--extra) !important;
}

.skills .progress-bar {
    background-color: var(--extra);
}

.contact .php-email-form button[type="submit"]:hover {
    background: var(--extra);
}

#footer .social-links a:hover {
    background: var(--extra);
    color: #fff !important;
}

#hero .btn-get-started:hover {
    background: var(--extra);
    color: #fff !important;
}

/* .back-to-top i:hover {
    background: var(--extra);
    background: unset;
    color: #fff;
} */

#footer .footer-newsletter form input[type="submit"]:hover {
    /* background: var(--extra); */
    background: unset;
}

#mytitle {
    font-family: logo-font !important;
}

.contact .info:hover i {
    background: var(--extra);
}

.services .icon-box h4 a:active {
    color: var(--extra) !important;
}
.services .icon-box h4 a:hover {
    color: var(--extra) !important;
}
.services .icon-box:hover {
    /* color: var(--extra) !important; */
}

#hero .btn-get-started {
    background: var(--extra) !important;
}

#nabout2 .btn-get-started {
    background: var(--extra) !important;
}

#nabout2 .btn-get-started {
    background: var(--extra) !important;
}

#pbtn .btn-get-started {
    background: var(--primary1) !important;
}

#ccbtn .btn-get-started {
    background: var(--extra) !important;
}

/* #footer .footer-top {
    background: var(--extra) !important;
} */

#iabout {
    background-color: unset;
    color: var(--extra) !important;
    border: 1px solid var(--extra);
}

.lang a {
    color: var(--extra) !important;
}