#app.theme--dark .img-slide-header {
    content:url("../../assets/images/custom /banner -dark/banner-1-dark.min.png");
}
#app.theme--dark .bg-banner-slide {
    content:url("../../assets/images/custom /banner -dark/bANNER 3-DARK.min.png");
}
#app.theme--dark .img-slide2 {
    content:url("../../assets/images/custom /banner -dark/banner 2-DARK.min.png");
}
#app.theme--dark .img-slide3 {
    content:url("../../assets/images/custom /banner -dark/banner4 dark.min.png");
}
#app.theme--dark .img-slide4 {
    content:url("../../assets/images/custom /banner -dark/banner-5-dark.min.png");
}

/************* Our Service Dark img ***********/
#app.theme--dark .cloud-resources {
    content:url("../../assets/images/custom /our-services/dark/cloud-resources.png");
}
#app.theme--dark .private-cloud {
    content:url("../../assets/images/custom /our-services/dark/private-cloud.png");
}
#app.theme--dark .high-availability {
    content:url("../../assets/images/custom /our-services/dark/high-availability.png");
}
#app.theme--dark .instant-provisioning {
    content:url("../../assets/images/custom /our-services/dark/instant-provisioning.png");
}
#app.theme--dark .experienced-team {
    content:url("../../assets/images/custom /our-services/dark/experienced-team.png");
}

/*********** Light Theme CSS **********/
.theme--light .banner-slider .root {
    background: #6DCCDD;
}
.switch label input[type=checkbox]:checked + .lever {
    background-color: #fff;
}
.switch label input[type=checkbox]:checked + .lever:after {
    background-color: #6DCCDD;
}
.theme--light .header.fixed {
    /* background-color: #015578; */
    /* background-image: linear-gradient(45deg,#0173a3,#6DCCDD); */
    background-image: linear-gradient(45deg,#004968,#6DCCDD);
}
.theme--light .header.fixed nav.nav-menu .scrollactive-nav .btn {
    color: #fff;
}
.theme--light .header.fixed .btn-flat {
    color: #fff;
}
.theme--light .header.fixed .dropdown-content {
    /* background-color: #00798f; */
    background: #015578;
}
.theme--light .header.fixed .mega-menu {
    /* background-color: #00798f; */
    background: #015578;
}
.theme--light .header.fixed .dropdown-content li > a, .theme--light .dropdown-content li > span {
    color: #fff;
}
.theme--light .footer-sitemap .dropdown-content li > span {
    color: var(--con-1);
} 
.theme--light .header.fixed .title-mega {
    color: #fff;
}
.title-mega {
    font-size: 13px;
}
.theme--light .footer-counter {
    background: #6DCCDD;
}
.theme--light .footer-counter .round {
    background: #6DCCDD;
}
.theme--light #feature .main-feature svg {
    fill: #6DCCDD;
}
.cloud .btn.secondary {
    box-shadow: 0 0 4px -1px #015578;
}
.theme--light p.caption-title {
    color: #015578;
}
.theme--light .testimonial-card {
    border-color: #6DCCDD;
}
.theme--light #benefit .border-gradient {
    background: linear-gradient(to top, #015578, #0daaeb);
}
.theme--light #promotion .root:after {
    background-image: none;
}
.theme--light #integration .droplet.secondary-color {
    fill: #015578;
}
.theme--light .dropdown-content li:hover, .dropdown-content li.active {
    background-color: #6DCCDD;
}
.theme--light .testimonial-card .icon {
    background: #6DCCDD;
}
.theme--light .testimonial-card .icon i {
    background: #015578;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.theme--light .chat .send {
    background-color: #6DCCDD;
}
.theme--light .chat .send span {
    color: #015578;
}
/*********** End Light Theme CSS **********/

/*********** Dark Theme CSS **********/
.theme--dark .banner-slider .root {
    background: #015578;
}
.theme--dark .banner-slider .slide-nav a.active strong {
    color: #6DCCDD;
}
.theme--dark .banner-slider .slide-nav a.active {
    color: #30c1fd;
}
.theme--dark .footer-counter .round {
    background: #015578;
}
.theme--dark .footer-counter {
    background: #015578;
}
#benefit .root {
    background: #015578;
}
.theme--dark #feature .main-feature figure {
    background: transparent;
}
.theme--dark #integration .timeline li.type-secondary strong {
    color: #6DCCDD;
}
.theme--dark #map-locations .title-secondary {
    color: var(--v-primary-base);
}
.theme--dark #map-locations .title-primary {
    color: #6DCCDD;
}
.theme--dark .counter-wrap h3 {
    color: #6DCCDD;
}
.theme--dark .footer-sitemap .socmed .btn {
    background-color: transparent;
}
.theme--dark .testimonial-card {
    border-color: #015578;
}
.theme--dark #benefit .border-gradient {
    background: linear-gradient(to top, #015578, #0daaeb);
}
.theme--dark .testimonial-card .icon {
    background: #015578;
}
.theme--dark .testimonial-card .icon i {
    background: #6DCCDD;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.theme--dark #promotion .root:after {
    background-image: none;
}
.theme--dark #integration .droplet.secondary-color {
    fill: #6DCCDD;
}
.theme--dark .footer-sitemap .select-lang input {
    color: #6DCCDD;
    border-color: #6DCCDD;
}
.theme--dark .chat .send {
    background-color:#015578;
}
.theme--dark .chat .send span {
    color: #6DCCDD;
}
.theme--light .footer-counter:before {
    background: #e5e5e5;
}
.theme--light .footer-counter .round:after {
    background: #e5e5e5;
}
/*********** End Dark Theme CSS **********/
.header-content .logo img {
    width: 120px;
    height: 30px;
}
.logo-main.large img {
    max-width: 120px !important;
    max-height: 30px !important;
}
.header.fixed .logo img {
    height: 30px !important;
    width: 120px !important;
    margin-top: 8px;
} 
.footer-sitemap .logo img {
    width: 120px !important;
    height: 30px;
}

.use-text-subtitle2 {
    font-size: 20px;
    line-height: 28px;
}
.use-text-title2 {
    font-size: 30px;
    line-height: 35px;
}
.banner-slider .slide-nav a strong {
    font-size: 20px;
}
.banner-slider .slide-nav a {
    padding: 20px 16px 8px 16px;
}
.main-title h4 {
    font-size: 30px;
}
.use-text-subtitle {
    font-size: 30px;
}
.icon-img {
    top: 40px;
    left: 38px;
}
.list-style {
    list-style-type:disc !important;
}
.banner-slider .slide-nav a.active strong {
    color: #015578;
}
.theme--light .banner-slider .slide-nav a.active {
    color:#6DCCDD;
}
#promotion .item h1 .btn-flat {
    color:#6DCCDD;
    font-size: 30px;
} 
#promotion .icon:before {
    background: #015578;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#promotion .item .image {
    background: #6DCCDD; 
}
#promotion .item .image:before {
    background: #6DCCDD;
}
#promotion .item .image:after {
    background: #6DCCDD;
}
#benefit .carousel .slick-dots li button:before {
    background: #6DCCDD;
}
#benefit .carousel .slick-dots li.slick-active button:before {
    border: 4px solid #6DCCDD;
    background: #015578 !important;
}
#integration .timeline .right-side .text:after {
    width: 20px;
    height: 20px;
    top: 26px;
    left: -183px;
    border-radius: 0;
}
#integration .timeline .left-side .text:after {
    width: 20px;
    height: 20px;
    top: 18px;
    right: -189px;
    border-radius: 0;
}
#integration .timeline li.type-secondary strong {
    color: #015578;
}
#integration .timeline li.type-secondary .text:after {
    background: linear-gradient(to top, #015578, #0daaeb);
}
#integration .timeline li.type-secondary .icon i {
    background: linear-gradient(to top, #015578, #0daaeb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#integration .timeline li.type-primary strong {
    color: #6DCCDD;
}
#integration .timeline li.type-primary .icon i {
    background: #6DCCDD;
    -webkit-background-clip: text;
}
#integration .timeline li.type-primary .text:after {
    background: #6DCCDD;
}
.theme--light #feature .main-feature figure {
    background: transparent;
}
.m-application .body-2 {
    font-size: 13px !important;
}
#map-locations .dot.secondary-color {
    background: linear-gradient(to top, #015578, #0daaeb);
}
#map-locations .title-secondary span {
    background: linear-gradient(to top, #015578, #0daaeb);
}
#map-locations .title-secondary {
    color: #015578;
}
.btn.secondary {
    background: linear-gradient(to top, #015578, #6DCCDD);
}
.theme--light .footer-sitemap .socmed .btn {
    background-color: transparent;
}
.btn.primary {
    background: linear-gradient(to top, #015578, #6DCCDD);
}

/************* Responsive CSS ************/
@media only screen and (max-width: 600px) {
    .banner-slider .slide {
        padding: 80px 0px 40px 0px !important;
    }
    .banner-slider .slide img {
        max-height: 110px !important;
    }
    .banner-slider .h-banner {
        margin-top: 45px !important;
    }
    .img-slide2 {
        right: 0 !important;
    }
    .banner-slider .slide img.img-slide3 {
        width: 50% !important;
        left: 0 !important;
        max-height: 350px !important;
    }
    .img-slide4 {
        margin-top: 45px !important;
    }
    .list-style {
        text-align: left;
    }
}

@media screen and (min-device-width: 601px) and (max-device-width: 768px) {  
    .logo-main-md {
        left: 15px !important;
    }
    .banner-slider .slide {
        padding: 80px 0px 0px 0px !important;
    }
    .banner-slider .slide img {
        width: 100% !important;
    }
    .img-slide-header, .img-slide4 {
        margin-top: 45px !important;
    }
    .img-slide2 {
        right: 0 !important;
    }
    .banner-slider .slide img.img-slide3 {
        width: 50% !important;
        left: 0 !important;
    }
    .list-style {
        text-align: left;
    }
}