@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
.owl-carousel.owl-theme.page-banner-slider.owl-loaded.owl-drag {
         margin-top: 0;
}
main {
    margin-top: 0;
}
.home-feature-text,.home-introduction,.home-masonary-grid {
    background-color: #0f0f0f;
}
#backtoTopbutton {
    background-color: #ec462e;
}
body {
    margin-top: 0 !important;
    background-color: #0f0f0f;
}
h1, h2, h3 {
    color: #5245e2 !important;
}
* p {
    color: white !important;
    font-family: 'Roboto';
}
.diy-page-articles h1.about_title {
    font-size: 32px !important;
}
.is-sticky .middle-nav {
    margin-top: 36px !important;
}
.jumbotron figure figcaption, .jumbotron figcaption {
    position: absolute;
    top: 42% !important;
    left: 0 !important;
    transform: none !important;
    color: #fefefe;
    max-width: 51%;
    padding-left: 85px;
    padding-right: 100px;
    font-family: 'Roboto';
}
.jumbotron .page-banner-slider h1 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    line-height: 1.25;
    letter-spacing: calc(1em * (50 / 1000));
    font-family: 'Raleway' !important;
    text-transform: none !important;
    font-weight: 900;
    color: #ffffff !important;
    padding: inherit;
    font-size: 50px;
}
.photo-gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    max-height: calc(2*(desired-item-height + 20px));
    overflow: hidden;
}
.introduction-text:hover {
    color: #3583c8;
}
figure.slider-image {
    height: 750px;
}
body {
    margin-top: 0 !important;
}
.introduction-text .sectionTitle h1 {
    text-align: left !important;
    font-family: 'Roboto';
    font-size: 50px;
    margin-top: 40px;
    font-weight: 400;
}
.feature-text {
    margin-top: 50px;
    width: 76% !important;
    margin-bottom: 50px;
}
.feature-text .intro-article p {
    font-size: 44px;
    color: #1b1b19;
    font-weight: 300;
    line-height: 45px;
    margin-top: 12px;
    width: 100%;
    margin: auto;
}
.feature-text .readmore-btn {
    display: none !important;
}
.introduction-text .intro-article {
    width: auto !important;
}
.introduction-text .intro-article p {
    font-size: 44px;
    color: #1b1b19;
    font-weight: 300;
    line-height: 55px;
    margin-top: 12px;
    width: 100%;
    margin: auto;
}
h1.about_title {
    font-size: 40px !important;
    text-align: left;
    font-family: 'Roboto';
    font-weight: 300;
}
.intro-article p {
    font-size: 30px;
    color: #1b1b19;
    font-weight: 300;
    line-height: 49px;
    margin-top: 12px;
    width: 92%;
    margin: 0;
    color: #ffffff;
}
::marker {
    font-size: 20px; 
    color: #ffffff;
}
span li {
    color: #ffffff;
    font-size: 30px;
    line-height: 51px;
}
.article-info {
    padding-top: 0 !important;
}
.bg-yellow {
    background-color: #FFFFFF !important;
}

footer .section__theme--dark .section__theme .copyright p {
    color: white !important;
}

.col-12.col-lg-6.copyright.text-left p {
    color: #ffffff !important;
    font-size: 14px !important;
}

footer .website-design-by p {
    color: #ffffff !important;
}

footer .section-separation {
    background-color: #efefef !important;
}

.swap-fonts, footer a, .website-design-by *, copyright * {
    color: #ffffff !important;
}

.social-links .icons {
    background-color: #ffffff;
}

.social-links a .fa {
    color: #5a29e3;
}

h1.team_member_title_01 {
    line-height: 0px !important;
}

.team .section__theme .text p {
    color: #636363 !important;
}

.team .section__theme--dark h2 {
    color: #ffffff !important;
}

.team h1 {
    color: #636363 !important;
}

.contact-enquire-form form button[type=submit] {
    border: 1px solid #5558a7;
    background-color: #5558a7;
}

.contact-enquire-form .btn {
    color: #ffffff !important;
}

h2 {
    font: normal normal 19px var(--font-raleway);
    font-weight: 600;
}

footer .section__theme--dark {
    background-color: #5a29e3 !important;
}

footer.container-fluid {
    background-color: #000000 !important;
}

@media only screen and (max-width: 576px) {
.contact .section__theme .text h1.title {
  line-height: 75px !important; 
 }
}

@media only screen and (max-width: 768px) {
    .is-sticky {
        background-color: #00000070 !important;
    }
  header.jumbotron.position-relative.top-full.p-0 {
    max-height: 100% !important;
      line-height: 75px !important;
 }
  .contact .is-sticky {
    min-height: 140px !important;
 }
 
 .team_info p.team_sub_article {
    padding-top: 20px !important;
 }
 
 .about .section__theme .text .no-wrap {
    padding-bottom: 115px !important;
 }
 main > .row.about {
    background-color: #ffffff !important;
 }
 .about-feature-decoImg {
    padding-bottom: 26px !important;
 }

     .desktop-logo, .mobile-logo {
        max-width: 150px !important;
  }
    
    .slick-slide img {
    padding-top: 75px !important;
 }
     .home__we-can-do {
        padding-top: 0px !important;
    }
    
    .service .row.section__theme--image-text {
    padding-top: 75px !important;
 }
 
    .page-banner-slider.slick-initialized.slick-slider.slick-dotted {
    max-height: 100% !important;
 }
 
     [class*=cta] button, [class*=cta] a, [class*=cta] .btn, button {
        font-family: 'Open Sans' !important;
     }
}
 
@media only screen and (max-width: 1024px) {
    figure.slider-image {
        height: auto;
    }
#navbarNavMobile {
    background-color: #ffffff !important;
 }
     .shove-left, .shove-right {
        background-color: #f2f2f3 !important;
    }
}