:root {
    --color-primary: #4B0082;
    --color-style-two: #4B0082;
}

nav.navbar.validnavs.navbar-fixed.no-background {
    background-color: #FFFFFF;
    padding: 0px 0;
}

.validnavs a {
    color: #232323 !important;
}

body {
    font-family: "Quicksand", sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Quicksand", sans-serif !important;
}

.side .widget .logo::after {
    background: #4B0082;
}

.navbar .attr-right .attr-nav li.button.dark a {
    /* background: var(--color-primary) !important; */
}

.bg-primary {
    background: var(--color-primary) !important;
}

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

.banner-style-five h2 {
    font-size: 72px;
    font-weight: 700;
}

.blog-title a {
    font-weight: 700;
}

.blog-area .site-heading .title,
.title {
    font-size: 50px;
    font-weight: 700;
}
ul.home-blog-meta {
    padding-top: 10px;
    padding-right: 8px;
}
.home-blog-style-one-item .content h4 {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.1;
}

.navbar-brand>img {
    display: block;
    height: 70px;
}


.side .widget .logo img {
    height: 80px;
}

.default-padding {
    padding-top: 60px;
    padding-bottom: 60px;
}

.default-padding-bottom {
    padding-bottom: 60px;
}

.site-heading {
    margin-bottom: 30px;
}

.sub-title {
    background: #daceff;
}

.bg-dark,
.footer-bottom {
    background-color: #3c0069 !important;
}

.banner-style-five {
    padding-top: 240px;
}

.thumb-style-three::after {
    background: #3a10ba;
}

.title {
    color: #4B0082;
    margin-bottom: 14px !important;
}

ul.card-list li img {
    height: 40px;
}

body {
    line-height: 1.6;
}

.bg-dark .f-item.newsletter {
    background: #3c0069;
}

.side .widget .logo {
    padding: 10px 0;
}

ul.list-sytle-four li h4::after {
    display: none;
}
.navbar .attr-right .attr-nav li.button.dark a::after {
    background: #daceff !important;
    color: #4b0082 !important;
    border: 1px solid #ebdeff;
}
ul.list-sytle-four li h4 i {
    position: absolute;
    left: 0;
    top: 0;
    content: "\f2f7";
    font-family: "Font Awesome 5 Pro";
}

.banner-style-five:after {
    display: none;
}
.contact-btn:hover{
    color: #ffffff !important;
}
@media (min-width: 1024px) {
    .navbar.navbar-full-width .container-full .attr-nav::after {
        background: #ffffff;
    }
}
@media (min-width: 1024px) {
    .navbar .attr-right .attr-nav li.tracing a {
        padding: 30px 50px;
    }
}
/* Mobile */
@media (max-width: 768px) {
    .blog-area .site-heading .title, .title{
        font-size: 36px;
        font-weight: 700;
    }
    ul.list-sytle-four li{
        padding: 0px !important;
    }
    .choose-us-style-two-area {
        padding-top: 30px;
    }
    .mobile_contact{
        display: block !important;
    }
    .mobile_contact a{
        padding: 10px 10px !important;
    }
}

/* Desktop */
@media (min-width: 768px) {
    .banner-style-five{
        margin-top: 100px;
    }
}

.logo-style {
    height: 200px;
}

@media (min-width: 1024px) {
    .navbar .attr-right .attr-nav li.tracing a {
        padding: 10px 20px;
    }

    /* .navbar .container-full {
        width: 100%;
    } */
    .navbar .attr-right .attr-nav {
        margin: 0;
        padding: 0;
    }

    .navbar .attr-right .attr-nav {
        /* background: #4B0082; */
        /* your purple */
        flex: 1;
        /* stretch inside flex container */
    }
    .navbar.navbar-full-width .container-full .attr-nav::after {
        width: 100px;
    }
}
@media only screen and (max-width: 767px) {
    .breadcrumb-area {
        padding: 40px 30px 10px !important;
    }
    .thumb-style-three {
        display: block;
    }
    .thumb-style-three img{
        max-width: 100%;
    }
}
.navbar .attr-right .attr-nav li.side-menu a {
    padding: 9px 17px !important;
}