@import url("https://fonts.googleapis.com/css?family=Nunito:300,400,500,600,700&display=swap");

body {
    font-family: "Nunito", sans-serif;
    overflow-x: hidden !important;
    font-size: 1rem;
    color: #212529;
    background-color: #ffffff;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--bs-font-sans-serif);
    line-height: 1.4;
    font-weight: 600;
}

::-moz-selection {
    background: rgba(47, 85, 212, 0.9);
    color: #ffffff;
}

::selection {
    background: rgba(47, 85, 212, 0.9);
    color: #ffffff;
}

a {
    text-decoration: none !important;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

p {
    line-height: 1.6;
}

/*********************************/
/*         Colour                  */
/*===============================*/
.pureWhite {
    color: #fff;
}

.pureBlack {
    color: #000;
}

.primaryColour {
    color: #222D32;
}

.secondaryColour {
    color: #FF9800;
}

.tertiaryColour {
    color: #2F55D4;
}

#topnav .logo {
    margin-top: 3px;
}

.Bg-white {
    background: #ffffff !important;
}

.btn-primary {
    --bs-btn-color: #222D32;
    --bs-btn-bg: #FF9800;
    --bs-btn-border-color: #FF9800;
    --bs-btn-hover-color: #222D32;
    --bs-btn-hover-bg: #F5960A;
    --bs-btn-hover-border-color: #FF9800;
    --bs-btn-focus-shadow-rgb: 78, 111, 218;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #FF9800;
    --bs-btn-active-border-color: #FF9800;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #FF9800;
    --bs-btn-disabled-border-color: #FF9800;
}

.text-primary {
    color: #FF9800 !important;
}

.back-to-top {
    background: #FF9800;
    color: #222D32 !important;
}

.footer {
    background: #222D32;
}

.features.feature-primary.feature-clean .icons i {
    background-color: rgb(255, 152, 0);
    color: #fff;
}


#topnav .navigation-menu > li.active > a, #topnav .navigation-menu > li:hover > a {
    color: #FF9800 !important;
}

.client-testi {
    cursor: pointer !important;
}
/*====== This is a mobile view fix ========*/
@media (max-width: 768px) {
    .section-title .title {
    margin-top: 20px !important;
    }
    .pb-2 {
    padding-bottom: 0px !important;
    }
  .mb-4 {
    margin-bottom: 0px !important;
    }
    .appDesign {
      width: 100%;
    }
    .bg-half-170 {
        padding: 50px 0;
       }
  }