:root {
    --first-color : #fff;
    --light-color: #161c2d;
    --blue-color: #495fef;
    --green-color: #56b381;
}

/* Start Change Version */

.change-version {
    background-color: var(--blue-color);
}

.change-version .main-arrow {
    background-color: var(--blue-color);
}

.change-version p {
    color: var(--first-color);
}

.change-version .hold {
    background-color: var(--first-color);
}

.change-version .hold div:first-of-type,
.change-version .hold div:last-of-type {
    background-color: var(--first-color);
    color: var(--light-color);
}

.change-version .hold div:first-of-type.clicked {
    background-color: #e0e0e0;
}

.change-version .hold div:last-of-type.clicked {
    background-color: #e0e0e0;
}

/* End Change Version */

/* Start Navbar */

.navbar {
    background-color: var(--first-color);
}

.navbar .navbar-brand {
    color: var(--light-color);
}

.navbar .navbar-nav .nav-link {
    color: var(--light-color);
}

.navbar .navbar-nav .nav-link:hover {
    color: var(--blue-color) !important;
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: var(--blue-color) !important;
}

.dropdown-toggle::after {
    border-top: .3em solid var(--light-color);
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link.dropdown-toggle::after,
.nav-link:hover.dropdown-toggle::after {
    border-top: .3em solid var(--blue-color);
}

.navbar-nav .dropdown-menu {
    border-top: 3px solid var(--blue-color) !important;
}

.dropdown-item {
    color: rgb(76 76 76) !important;
}

.dropdown-item:hover {
    color: var(--blue-color) !important;
}

/* End Navbar */

/* Start Header */

.header .part-one h6 {
    color:  var(--light-color);
}

.header .part-one h1 {
    color:  var(--light-color);
}

.header .part-one .button {
    color: var(--first-color);
    background-color: var(--blue-color);
}

/* End Header */

/* Start Projects */

.our-projects ul li {
    color: #5a5555;
}

.our-projects ul li:hover,
.our-projects ul li.selected {
    color: var(--blue-color);
}

.our-projects .gallery .item-name {
    background: #ffffffd9;
}

.our-projects .gallery .item-name h6 {
    color: #6b6b6b;
}

.our-projects .gallery .item-name span {
    color: #211d1d;
}

.our-projects .gallery .item-name span:hover {
    color: var(--blue-color);
}

/* End Projects */

/* Start Contact Us */

.contact-us h6 {
    color: var(--light-color);
}

.contact-us h6::before {
    background-color: var(--green-color);
}


.contact-us .h1 {
    color: var(--light-color);
}

.contact-us a {
    color: var(--first-color);
    background-color: var(--green-color);
}

.contact-us span:first-of-type {
    color: var(--light-color);
}

.contact-us span:first-of-type p {
    color: var(--green-color);
}

/* Start Contact Us */