/* ---------------------------- */
/* --====== CUSTOM CSS ======-- */
/* ---------------------------- */

/* --====== General ======-- */
.logotype {
    width:  auto;
    height: 70px;
}

.dark-bg {
    background-color: #121212;
}
.dark-bg-alt {
    background-color: #1b1b1b;
}
.dark-bg-alt-2 {
    background-color: #4a4a4a;
}

.preloader {
    background-color: #121212;
}

.content-area {
    padding-top: 80px;
    padding-bottom: 130px;
    position: relative;
}

.content-area p, .content-area li {
    color: #e3e3e3;
    padding-bottom:  20px;
}

.content-area h4 {
    color: #03abdc;
    padding-bottom:  20px;
}

.content-area ul {
    list-style-type: disc;
    padding-left: 30px;
}

.section-title .title, .contact-wrapper .contact-title {
    color: #e15f01;
}

.back-to-top {
    background-color: #03abdc;
}

/* --====== Nav ====== */
.navbar-area.sticky {
    background-color: #121212;
}

.navbar-area .navbar .navbar-nav .nav-item.active > a,
.navbar-area .navbar .navbar-nav .nav-item a,
.navbar-area.sticky .navbar .navbar-nav .nav-item a {
    color: #FFF;
}

.navbar-area.sticky .navbar .navbar-nav .nav-item a::before {
    background: -webkit-linear-gradient(left, rgba(18, 18, 18, 0) 0%, #03abdc 100%);
    background: -o-linear-gradient(left, rgba(18, 18, 18, 0) 0%, #03abdc 100%);
    background: linear-gradient(to right, rgba(18, 18, 18, 0) 0%, #03abdc 100%);
}

.navbar-area.sticky .navbar .navbar-toggler .toggler-icon {
    background-color: #03abdc;
}

.navbar-area .navbar .navbar-collapse {
    background-color: #121212;
}

/* --====== Carousel ====== */
.slider-content .title, .slider-content .text {
    color: #e3e3e3;
}

.carousel-item {
    background-color: #121212;
}

.carousel-item::before {
    display:  none;
}

.carousel-item .slider-image-box {
    top: -120px;
}

/* --====== About Section ====== */
.about-area .about-title .title {
    color: #e3e3e3;
}

.about-area .about-accordion .accordion .card .card-header a {
    color: #03abdc;
}

.about-area .about-accordion .accordion .card .card-body .text {
    color: #e3e3e3;
}

/* --====== Team Section ====== */
.team-style-eleven .team-content::before {
    background: -webkit-linear-gradient(top, #03abdc 0%, #028db5 100%);
    background: -o-linear-gradient(top, #03abdc 0%, #028db5 100%);
    background: linear-gradient(to bottom, #03abdc 0%, #028db5 100%);
}

/* --====== Contact Section ====== */
.contact-info .single-contact-info .contact-info-content .text  {
    color: #e3e3e3;
}

.contact-wrapper .contact-title i {
    color: #e15f01;
}

.light-rounded-buttons .light-rounded-two {
    color: #fff;
    background-color: #e15f01;
    border-color: #e15f01;
}

.light-rounded-buttons .light-rounded-two:hover {
    color: #e15f01;
}