/* =========================================================
   ARWITS WEBSITE
========================================================= */

body {
    margin: 0;
    padding: 0;
    font-family: Calibri, Arial, sans-serif;
    background: #ffffff;
    color: #10285d;
}

/* =========================================================
   HEADER
========================================================= */

.arwits-header {
    width: 100%;
    min-height: 110px;

    background: #ffffff;

    border-bottom: 1px solid #eeeeee;

    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);

    position: relative;
    z-index: 100;
}

/* =========================================================
   HEADER CONTAINER
========================================================= */

.arwits-header .container {
    min-height: 96px;
}

/* =========================================================
   LOGO
========================================================= */

.arwits-header .arwits-logo-box {
    float: left;

    width: 40%;

    min-height: 96px;

    padding-top: 17px;
}

.arwits-header .arwits-logo-box a {
    display: inline-block;
}

.arwits-header .arwits-logo-box img {
    display: block;

    width: auto;

    max-width: 390px;
    max-height: 74px;
}

/* =========================================================
   NAVIGATION AREA
========================================================= */

.arwits-header .arwits-nav-box {
    float: right;

    width: 60%;

    min-height: 96px;
}

.arwits-header .navbar-collapse {
    padding: 0;
}

/* =========================================================
   NAVIGATION MENU
========================================================= */

.arwits-header .navbar-nav {
    margin-top: 23px;
    margin-bottom: 0;
}

.arwits-header .navbar-nav > li > a {
    padding: 25px 15px;

    color: #092760;

    font-size: 15px;
    font-weight: 600;

    background: transparent;
}

.arwits-header .navbar-nav > li > a:hover,
.arwits-header .navbar-nav > li > a:focus,
.arwits-header .navbar-nav > li.active > a {
    color: #ff6600;

    background: transparent;
}

/* =========================================================
   DROPDOWN
========================================================= */

.arwits-header .dropdown-menu {
    padding: 6px 0;

    border: 1px solid #e6e9ee;

    border-radius: 4px;

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.arwits-header .dropdown-menu > li > a {
    padding: 10px 18px;

    color: #17356d;

    font-size: 14px;
}

.arwits-header .dropdown-menu > li > a:hover,
.arwits-header .dropdown-menu > li > a:focus {
    background: #f6f9fd;

    color: #ff6600;
}

/* =========================================================
   HERO SECTION
========================================================= */

.arwits-home-page .arwits-hero-section {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #ffffff;
    overflow: hidden;
    border: 1px solid #ccc;
}

/* =========================================================
   CAROUSEL HEIGHT
========================================================= */

.arwits-home-page .arwits-hero-section .carousel,
.arwits-home-page .arwits-hero-section .carousel-inner,
.arwits-home-page .arwits-hero-section .item {
    width: 100%;
    height: 520px;
    margin: 0;
    padding: 0;
}

/* =========================================================
   COMMON SLIDE
========================================================= */

.arwits-home-page .arwits-hero-slide {
    position: relative;

    width: 100%;
    height: 520px;

    margin: 0;
    padding: 0;

    overflow: hidden;

    background-color: #f7fbff;
    background-repeat: no-repeat;

    /*
    ---------------------------------------------------------
    IMPORTANT:
    Full slider area cover karega.
    Right side ke product/device visuals ko priority milegi.
    ---------------------------------------------------------
    */

    background-size: contain;
    background-position: right center;
}

/* =========================================================
   LEFT WHITE / SMOKE OVERLAY
========================================================= */

.arwits-home-page .arwits-hero-slide:before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 61%;
    height: 100%;

    z-index: 1;

    pointer-events: none;

    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 1) 0%,
        rgba(255, 255, 255, 0.99) 28%,
        rgba(255, 255, 255, 0.96) 45%,
        rgba(255, 255, 255, 0.84) 60%,
        rgba(255, 255, 255, 0.52) 76%,
        rgba(255, 255, 255, 0) 100%
    );
}

/* =========================================================
   VERY LIGHT FULL SLIDE LAYER
========================================================= */

.arwits-home-page .arwits-hero-slide:after {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    z-index: 1;

    pointer-events: none;

    background: rgba(255, 255, 255, 0.02);
}

/* =========================================================
   SLIDE CONTAINER
========================================================= */

.arwits-home-page .arwits-hero-slide .container {
    position: relative;

    height: 100%;

    z-index: 2;
}

/* =========================================================
   HERO CONTENT
========================================================= */

.arwits-home-page .arwits-hero-content-box {
    position: absolute;

    top: 50%;
    left: 15px;

    width: 47%;

    z-index: 3;

    transform: translateY(-50%);
}

.arwits-home-page .arwits-hero-content-box h1 {
    margin: 0 0 20px;

    color: #0b2f70;

    font-size: 48px;
    line-height: 1.08;

    font-weight: 700;
}

.arwits-home-page .arwits-hero-content-box h1 span {
    color: #ff6600;
}

.arwits-home-page .arwits-hero-content-box p {
    max-width: 540px;

    margin: 0 0 28px;

    color: #173a70;

    font-size: 18px;
    line-height: 1.55;
}

/* =========================================================
   HERO BUTTONS
========================================================= */

.arwits-home-page .arwits-hero-btns {
    margin-top: 8px;
}

.arwits-home-page .arwits-btn-primary,
.arwits-home-page .arwits-btn-outline {
    display: inline-block;

    padding: 13px 25px;

    margin-right: 10px;

    border-radius: 5px;

    font-size: 15px;
    font-weight: 600;

    text-decoration: none;
}

.arwits-home-page .arwits-btn-primary {
    background: #ff6600;

    border: 1px solid #ff6600;

    color: #ffffff;
}

.arwits-home-page .arwits-btn-primary:hover,
.arwits-home-page .arwits-btn-primary:focus {
    background: #e85e00;

    border-color: #e85e00;

    color: #ffffff;

    text-decoration: none;
}

.arwits-home-page .arwits-btn-outline {
    background: rgba(255, 255, 255, 0.95);

    border: 1px solid #0d3f91;

    color: #0d3f91;
}

.arwits-home-page .arwits-btn-outline:hover,
.arwits-home-page .arwits-btn-outline:focus {
    background: #ffffff;

    border-color: #092f73;

    color: #092f73;

    text-decoration: none;
}

.arwits-home-page .arwits-btn-outline i {
    margin-right: 7px;

    color: #18b957;
}

/* =========================================================
   CAROUSEL LEFT / RIGHT ARROWS
========================================================= */

.arwits-home-page .arwits-hero-section .carousel-control {
    width: 62px;

    background: none !important;

    opacity: 1;

    text-shadow: none;

    z-index: 6;
}

.arwits-home-page .arwits-hero-section .carousel-control:hover,
.arwits-home-page .arwits-hero-section .carousel-control:focus {
    opacity: 1;
}

.arwits-home-page .arwits-hero-section .carousel-control .glyphicon {
    position: absolute;

    top: 50%;

    width: 42px;
    height: 42px;

    margin-top: -21px;

    line-height: 42px;

    background: #214d8d;

    color: #ffffff;

    border-radius: 50%;

    font-size: 16px;

    text-align: center;
}

/* LEFT ARROW */

.arwits-home-page .arwits-hero-section .left.carousel-control .glyphicon {
    left: 19px;

    margin-left: 0;
}

/* RIGHT ARROW */

.arwits-home-page .arwits-hero-section .right.carousel-control .glyphicon {
    right: 19px;

    margin-right: 0;
}

/* =========================================================
   CAROUSEL INDICATORS
========================================================= */

.arwits-home-page .arwits-hero-section .carousel-indicators {
    bottom: 16px;

    z-index: 7;
}

.arwits-home-page .arwits-hero-section .carousel-indicators li {
    width: 10px;
    height: 10px;

    margin: 2px;

    background: #ffffff;

    border: 1px solid #ff6600;
}

.arwits-home-page .arwits-hero-section .carousel-indicators .active {
    width: 11px;
    height: 11px;

    margin: 1px 2px;

    background: #ff6600;

    border-color: #ff6600;
}

/* Content absolute */
.arwits-home-page .arwits-hero-content-box {
    position: absolute;
    top: 50%;
    left: 15px;
    z-index: 3;
    width: 46%;
    transform: translateY(-50%);
}

.arwits-home-page .arwits-hero-content-box h1 {
    margin: 0 0 18px;
    color: #0b2e72;
    font-size: 56px;
    line-height: 1.05;
    font-weight: 700;
}

.arwits-home-page .arwits-hero-content-box h1 span {
    color: #ff6a00;
}

.arwits-home-page .arwits-hero-content-box p {
    margin: 0 0 28px;
    color: #17386f;
    font-size: 19px;
    line-height: 1.55;
    max-width: 95%;
}

.arwits-home-page .arwits-hero-btns {
    margin-top: 10px;
}

.arwits-home-page .arwits-btn-primary,
.arwits-home-page .arwits-btn-outline {
    display: inline-block;
    padding: 13px 26px;
    margin-right: 10px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}

.arwits-home-page .arwits-btn-primary {
    background: #ff6a00;
    border: 1px solid #ff6a00;
    color: #ffffff;
}

.arwits-home-page .arwits-btn-primary:hover,
.arwits-home-page .arwits-btn-primary:focus {
    background: #e75f00;
    border-color: #e75f00;
    color: #ffffff;
}

.arwits-home-page .arwits-btn-outline {
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid #103f93;
    color: #103f93;
}

.arwits-home-page .arwits-btn-outline:hover,
.arwits-home-page .arwits-btn-outline:focus {
    background: #ffffff;
    color: #103f93;
}

.arwits-home-page .arwits-btn-outline i {
    margin-right: 6px;
    color: #1db954;
}

/* Carousel arrows */
.arwits-home-page .arwits-hero-section .carousel-control {
    background: none !important;
    opacity: 1;
    width: 60px;
}

.arwits-home-page .arwits-hero-section .carousel-control .glyphicon {
    top: 50%;
    margin-top: -20px;
    width: 42px;
    height: 42px;
    line-height: 42px;
    border-radius: 50%;
    background: rgba(10, 45, 105, 0.85);
    color: #ffffff;
    font-size: 18px;
}

/* Dots */
.arwits-home-page .arwits-hero-section .carousel-indicators {
    bottom: 18px;
}

.arwits-home-page .arwits-hero-section .carousel-indicators li {
    border-color: #ff6a00;
}

.arwits-home-page .arwits-hero-section .carousel-indicators .active {
    background: #ff6a00;
}

/* =========================================================
   OUR SERVICES & SOFTWARE
========================================================= */

.arwits-home-page .arwits-services-software-section {
    padding: 75px 0 65px;

    background: #ffffff;
}

.arwits-home-page .arwits-services-software-section .arwits-section-title {
    margin-bottom: 42px;
}

/* =========================================================
   SERVICES & SOFTWARE CARDS
========================================================= */

.arwits-home-page .arwits-solution-card {
    min-height: 390px;

    margin-bottom: 30px;

    background: #ffffff;

    border: 1px solid #d7e2ee;

    border-radius: 6px;

    overflow: hidden;

    box-shadow: 0 4px 16px rgba(14, 48, 90, 0.04);

    transition: all 0.25s ease;
}

.arwits-home-page .arwits-solution-card:hover {
    border-color: #b9cee4;

    box-shadow: 0 8px 22px rgba(14, 48, 90, 0.09);

    transform: translateY(-3px);
}

/* =========================================================
   SERVICE IMAGE SLIDER
========================================================= */

.arwits-home-page .arwits-solution-image-slider {
    position: relative;
    width: 100%;
    height: 190px;
    overflow: hidden;
    background: #f8fbff;
}

.arwits-home-page .arwits-solution-image-slider img {
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;

    height: 100%;



    opacity: 0;
    visibility: hidden;

    transition: opacity 0.7s ease;
}

.arwits-home-page .arwits-solution-image-slider img.active {
    opacity: 1;
    visibility: visible;
}

/* =========================================================
   CARD CONTENT
========================================================= */

.arwits-home-page .arwits-solution-content {
    padding: 20px 22px 22px;

    text-align: center;
}

.arwits-home-page .arwits-solution-content h3 {
    min-height: 48px;

    margin: 0 0 8px;

    color: #092760;

    font-size: 19px;
    line-height: 1.3;

    font-weight: 700;
}

.arwits-home-page .arwits-solution-content p {
    min-height: 52px;

    margin: 0 0 16px;

    color: #5b7192;

    font-size: 14px;
    line-height: 1.55;
}

.arwits-home-page .arwits-solution-content a {
    display: inline-block;

    margin-top: 2px;

    color: #0869e7;

    font-size: 14px;
    font-weight: 700;

    text-decoration: none;
}

.arwits-home-page .arwits-solution-content a i {
    margin-left: 7px;

    transition: margin-left 0.2s ease;
}

.arwits-home-page .arwits-solution-content a:hover,
.arwits-home-page .arwits-solution-content a:focus {
    color: #ff6600;

    text-decoration: none;
}

.arwits-home-page .arwits-solution-content a:hover i {
    margin-left: 11px;
}

/* =========================================================
   ABOUT + WHY ARWITS
========================================================= */

.arwits-home-page .arwits-about-why-section {
    padding: 75px 0;
    background: #f4f8fc;
    border-top: 1px solid #edf2f7;
    border-bottom: 1px solid #e6edf5;
}

.arwits-home-page .arwits-about-box,
.arwits-home-page .arwits-why-box {
    min-height: 410px;

    padding: 40px 38px;

    background: #ffffff;

    border: 1px solid #dde7f1;

    border-radius: 6px;

    box-shadow: 0 5px 20px rgba(15, 50, 90, 0.05);
}

.arwits-home-page .arwits-about-box {
    margin-right: 8px;
}

.arwits-home-page .arwits-why-box {
    margin-left: 8px;
}

.arwits-home-page .arwits-small-title {
    display: inline-block;

    margin-bottom: 8px;

    color: #ff6600;

    font-size: 14px;
    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.6px;
}

.arwits-home-page .arwits-about-box h2,
.arwits-home-page .arwits-why-box h2 {
    margin: 0 0 20px;

    color: #092760;

    font-size: 31px;
    line-height: 1.2;

    font-weight: 700;
}

.arwits-home-page .arwits-about-box h2 span,
.arwits-home-page .arwits-why-box h2 span {
    color: #ff6600;
}

.arwits-home-page .arwits-about-box p {
    margin: 0 0 16px;

    color: #526b8e;

    font-size: 16px;
    line-height: 1.7;
}

.arwits-home-page .arwits-text-link {
    display: inline-block;

    margin-top: 8px;

    color: #0869df;

    font-size: 15px;
    font-weight: 700;

    text-decoration: none;
}

.arwits-home-page .arwits-text-link i {
    margin-left: 7px;
}

/* =========================================================
   WHY ITEMS
========================================================= */

.arwits-home-page .arwits-why-item {
    margin-bottom: 22px;
}

.arwits-home-page .arwits-why-item:last-child {
    margin-bottom: 0;
}

.arwits-home-page .arwits-why-icon {
    float: left;

    width: 56px;
    height: 56px;

    line-height: 56px;

    background: #eef5ff;

    color: #126be4;

    border-radius: 50%;

    text-align: center;

    font-size: 23px;
}

.arwits-home-page .arwits-why-content {
    margin-left: 72px;

    padding-top: 2px;
}

.arwits-home-page .arwits-why-content h4 {
    margin: 0 0 6px;

    color: #0b2d69;

    font-size: 17px;
    font-weight: 700;
}

.arwits-home-page .arwits-why-content p {
    margin: 0;

    color: #61799b;

    font-size: 14px;
    line-height: 1.5;
}

/* =========================================================
   COMMON SECTION TITLE
========================================================= */

.arwits-home-page .arwits-section-title {
    margin-bottom: 28px;
    text-align: center;
}

.arwits-home-page .arwits-section-title h2 {
    display: inline-block;
    position: relative;
    margin: 0 0 6px;
    padding: 0 35px;
    color: #092760;
    font-size: 30px;
    font-weight: 700;
}

.arwits-home-page .arwits-section-title h2:before,
.arwits-home-page .arwits-section-title h2:after {
    content: "";
    position: absolute;
    top: 17px;
    width: 45px;
    height: 2px;
    background: #ff6700;
}

.arwits-home-page .arwits-section-title h2:before {
    left: -20px;
}

.arwits-home-page .arwits-section-title h2:after {
    right: -20px;
}

.arwits-home-page .arwits-section-title p {
    margin: 0;
    color: #6680a5;
    font-size: 15px;
}

/* =========================================================
   PRODUCTS
========================================================= */

.arwits-home-page .arwits-product-section {
    position: relative;
    padding: 70px 0 65px;
    background: #f7fbff;
}

/* =========================================================
   PRODUCT CARD
========================================================= */

.arwits-home-page .arwits-product-card {
    min-height: 245px;

    margin-bottom: 22px;

    padding: 0;

    background: #ffffff;

    border: 1px solid #dfe8f2;
    border-radius: 6px;

    text-align: center;

    box-shadow: 0 3px 14px rgba(20, 50, 90, 0.04);

    overflow: hidden;

    transition: all 0.25s ease;
}

.arwits-home-page .arwits-product-card:hover {
    border-color: #cbd9e8;

    box-shadow: 0 8px 22px rgba(20, 50, 90, 0.08);

    transform: translateY(-3px);
}

/* =========================================================
   PRODUCT IMAGE SLIDER
========================================================= */

.arwits-home-page .arwits-product-image-slider {
    position: relative;

    width: 100%;
    height: 165px;

    margin-bottom: 10px;

    overflow: hidden;

    background: #f9fbfd;

    border: 1px solid #e4ebf3;
    border-radius: 4px;
}

.arwits-home-page .arwits-product-image-slider img {
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;

    height: 100%;


    margin: 0;


    opacity: 0;
    visibility: hidden;

    transition: opacity 0.7s ease;
}

.arwits-home-page .arwits-product-image-slider img.active {
    opacity: 1;
    visibility: visible;
}

/* =========================================================
   PRODUCT CONTENT
========================================================= */

.arwits-home-page .arwits-product-card-body {
    padding: 14px 12px 18px;
}

.arwits-home-page .arwits-product-card h4 {
    min-height: 0px;
    margin: 6px 0 6px;
    color: #0c2b68;
    font-size: 17px;
    line-height: 22px;
    font-weight: 700;
}

.arwits-home-page .arwits-product-card p {
    min-height: 40px;

    margin: 0;

    color: #657c9e;

    font-size: 14px;
    line-height: 20px;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 991px) {
    .arwits-home-page .arwits-product-section {
        padding: 60px 0 50px;
    }

    .arwits-home-page .arwits-product-card {
        min-height: 250px;
    }

    .arwits-home-page .arwits-product-image-slider {
        height: 170px;
    }
}

@media (max-width: 767px) {
    .arwits-home-page .arwits-product-section {
        padding: 45px 0 35px;
    }

    .arwits-home-page .arwits-product-card {
        min-height: 0;

        margin-bottom: 20px;
    }

    .arwits-home-page .arwits-product-image-slider {
        height: 210px;
    }

    .arwits-home-page .arwits-product-card h4,
    .arwits-home-page .arwits-product-card p {
        min-height: 0;
    }
}

@media (max-width: 480px) {
    .arwits-home-page .arwits-product-image-slider {
        height: 185px;
    }

    .arwits-home-page .arwits-product-card h4 {
        font-size: 16px;
        line-height: 21px;
    }

    .arwits-home-page .arwits-product-card p {
        font-size: 13px;
        line-height: 19px;
    }
}

/* =========================================================
   TESTIMONIALS
========================================================= */

.arwits-home-page .arwits-testimonial-section {
    padding: 75px 0 80px;
    background: #ffffff;
    border-top: 1px solid #eef2f6;
    border-bottom: 1px solid #eef2f6;
}

.arwits-home-page .arwits-testimonial-section .arwits-section-title {
    margin-bottom: 35px;
}

.arwits-home-page .arwits-testimonial-slider {
    position: relative;
    padding-bottom: 30px;
}

.arwits-home-page .arwits-testimonial-card {
    min-height: 250px;
    padding: 25px;

    background: #ffffff;

    border: 1px solid #dce5ef;
    border-radius: 6px;

    box-shadow: 0 3px 14px rgba(20, 50, 90, 0.04);
}

.arwits-home-page .arwits-testimonial-card > i {
    margin-bottom: 15px;

    color: #ff6700;
    font-size: 24px;
}

.arwits-home-page .arwits-testimonial-card p {
    min-height: 85px;

    margin: 0 0 14px;

    color: #334d75;

    font-size: 16px;
    line-height: 1.55;
}

.arwits-home-page .arwits-rating {
    margin: 10px 0;

    color: #ff7900;
}

.arwits-home-page .arwits-testimonial-card h4 {
    margin: 8px 0 2px;

    color: #0b2b68;

    font-size: 17px;
    font-weight: 700;
}

.arwits-home-page .arwits-testimonial-card span {
    color: #60789d;

    font-size: 14px;
}

/* TESTIMONIAL ARROWS */

.arwits-home-page .arwits-testimonial-slider .carousel-control {
    top: 45%;

    width: 32px;
    height: 32px;

    background: #ffffff;

    color: #113d7d;

    border: 1px solid #a9bad0;
    border-radius: 50%;

    opacity: 1;

    text-shadow: none;
}

.arwits-home-page .arwits-testimonial-slider .left.carousel-control {
    left: -12px;

    background-image: none;
}

.arwits-home-page .arwits-testimonial-slider .right.carousel-control {
    right: -12px;

    background-image: none;
}

.arwits-home-page .arwits-testimonial-slider .glyphicon {
    position: static;

    width: auto;
    height: auto;

    margin: 0;

    line-height: 30px;

    font-size: 11px;
}

/* TESTIMONIAL DOTS */

.arwits-home-page .arwits-testimonial-slider .carousel-indicators {
    bottom: -5px;
}

.arwits-home-page .arwits-testimonial-slider .carousel-indicators li {
    background: #ced8e4;
    border: 0;
}

.arwits-home-page .arwits-testimonial-slider .carousel-indicators .active {
    background: #ff6500;
}

/* =========================================================
   CTA
========================================================= */

.arwits-home-page .arwits-cta-section {
    padding: 30px 0;
    background: #073168;
    color: #ffffff;
}

.arwits-home-page .arwits-cta-section h2 {
    margin: 0 0 6px;
    font-size: 31px;
    font-weight: 700;
}

.arwits-home-page .arwits-cta-section h2 span {
    color: #ff6a00;
}

.arwits-home-page .arwits-cta-section p {
    margin: 0;
    color: #d7e3f1;
    font-size: 16px;
}

.arwits-home-page .arwits-cta-btn {
    margin-top: 8px;
    padding: 13px 24px;
    background: #ff6500;
    color: #ffffff;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 700;
}

.arwits-home-page .arwits-cta-btn:hover {
    background: #e85d00;
    color: #ffffff;
}

/* =========================================================
   FOOTER
========================================================= */

.arwits-footer {
    padding: 28px 0 15px;
    background: #031f48;
    color: #ffffff;
}

.arwits-footer .arwits-footer-brand img {
    max-width: 290px;
    max-height: 52px;
}

.arwits-footer .arwits-footer-brand p {
    margin: 5px 0 0;
    color: #b9c9de;
    font-size: 13px;
}

.arwits-footer .arwits-footer-links {
    padding-top: 18px;
    text-align: center;
}

.arwits-footer .arwits-footer-links a {
    display: inline-block;
    margin: 0 8px;
    color: #e0e9f5;
    font-size: 14px;
    text-decoration: none;
}

.arwits-footer .arwits-footer-links a:hover {
    color: #ff6900;
}

.arwits-footer .arwits-footer-social {
    padding-top: 13px;
    text-align: right;
}

.arwits-footer .arwits-footer-social a {
    display: inline-block;
    width: 33px;
    height: 33px;
    margin-left: 5px;
    line-height: 33px;
    text-align: center;
    background: #0e55a5;
    color: #ffffff;
    border-radius: 50%;
}

.arwits-footer .arwits-footer-bottom {
    margin-top: 25px;
    padding-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.18);
}

.arwits-footer .arwits-footer-bottom p {
    margin: 0;
    color: #bdcce0;
    font-size: 13px;
}

.arwits-footer .arwits-footer-bottom a,
.arwits-footer .arwits-footer-bottom span {
    margin-left: 8px;
    color: #bdcce0;
    font-size: 13px;
}

/* =========================================================
   FLOATING WHATSAPP
========================================================= */

.arwits-floating-whatsapp {
    position: fixed;
    right: 20px;
    bottom: 25px;
    z-index: 1000;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    background: #19bb55;
    color: #ffffff;
    border-radius: 50%;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.22);
    font-size: 29px;
}

.arwits-floating-whatsapp:hover,
.arwits-floating-whatsapp:focus {
    background: #139946;
    color: #ffffff;
    text-decoration: none;
}

/* =========================================================
   ABOUT / WHY ARWITS + RECENT WORKS
========================================================= */

.arwits-home-page .arwits-company-proof-section {
    padding: 70px 0;

    background: #f4f8fc;

    border-top: 1px solid #e7eef5;
    border-bottom: 1px solid #e7eef5;
}

/* =========================================================
   LEFT - ABOUT / WHY ARWITS
========================================================= */

.arwits-home-page .arwits-company-box {
    min-height: 520px;

    margin-right: 8px;

    padding: 34px;

    background: #ffffff;

    border: 1px solid #dce5ef;
    border-radius: 6px;

    box-shadow: 0 4px 18px rgba(14, 48, 90, 0.05);
}

.arwits-home-page .arwits-company-about .arwits-small-title {
    display: inline-block;

    margin-bottom: 8px;

    color: #ff6600;

    font-size: 14px;
    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.6px;
}

.arwits-home-page .arwits-company-about h2 {
    margin: 0 0 16px;

    color: #092760;

    font-size: 30px;
    line-height: 1.2;

    font-weight: 700;
}

.arwits-home-page .arwits-company-about h2 span {
    color: #ff6600;
}

.arwits-home-page .arwits-company-about p {
    margin: 0 0 13px;

    color: #526b8e;

    font-size: 15px;
    line-height: 1.65;
}

/* =========================================================
   WHY ARWITS
========================================================= */

.arwits-home-page .arwits-company-why {
    margin-top: 25px;
    margin-bottom: 20px;
}

.arwits-home-page .arwits-company-why h3 {
    margin: 0 0 20px;

    color: #092760;

    font-size: 22px;
    font-weight: 700;
}

.arwits-home-page .arwits-company-feature {
    min-height: 145px;

    padding: 18px 12px;

    background: #f7fbff;

    border: 1px solid #e0e9f2;
    border-radius: 5px;

    text-align: center;
}

.arwits-home-page .arwits-company-feature i {
    margin-bottom: 12px;

    color: #1470e8;

    font-size: 28px;
}

.arwits-home-page .arwits-company-feature h4 {
    margin: 0 0 7px;

    color: #0c2d69;

    font-size: 15px;
    font-weight: 700;
}

.arwits-home-page .arwits-company-feature p {
    margin: 0;

    color: #61799b;

    font-size: 13px;
    line-height: 1.45;
}

/* =========================================================
   RIGHT - RECENT WORKS
========================================================= */

.arwits-home-page .arwits-recent-works {
    min-height: 590px;

    margin-left: 8px;

    padding: 28px;

    background: #ffffff;

    border: 1px solid #dce5ef;
    border-radius: 6px;

    box-shadow: 0 4px 18px rgba(14, 48, 90, 0.05);
}

/* =========================================================
   RECENT WORKS HEADING
========================================================= */

.arwits-home-page .arwits-recent-heading {
    margin-bottom: 18px;

    text-align: center;
}

.arwits-home-page .arwits-recent-heading span {
    display: block;

    margin-bottom: 3px;

    color: #ff6600;

    font-size: 13px;
    line-height: 18px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.7px;
}

.arwits-home-page .arwits-recent-heading h3 {
    margin: 0;

    color: #092760;

    font-size: 26px;
    line-height: 32px;

    font-weight: 700;
}

/* =========================================================
   RECENT WORKS CAROUSEL
========================================================= */

.arwits-home-page .arwits-recent-carousel {
    position: relative;

    width: 100%;

    overflow: hidden;

    background: #eef3f8;

    border: 1px solid #dfe7f0;
    border-radius: 6px;
}

.arwits-home-page .arwits-recent-carousel .carousel-inner {
    width: 100%;
}

/* =========================================================
   RECENT WORK IMAGE
========================================================= */

.arwits-home-page .arwits-recent-work-item {
    position: relative;

    width: 100%;
    height: 400px;

    overflow: hidden;

    background: #edf2f7;
}

.arwits-home-page .arwits-recent-work-image {
    width: 100%;
    height: 100%;
}

.arwits-home-page .arwits-recent-work-image img {
    display: block;

    width: 100%;
    height: 100%;

   
    transition: transform 0.5s ease;
}

.arwits-home-page .arwits-recent-work-item:hover .arwits-recent-work-image img {
    transform: scale(1.02);
}

/* =========================================================
   RECENT WORK BOTTOM CAPTION
========================================================= */

.arwits-home-page .arwits-recent-work-overlay {
    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    z-index: 2;

    padding: 55px 18px 17px;

    background: linear-gradient(to bottom, rgba(4, 24, 56, 0) 0%, rgba(4, 24, 56, 0.3) 35%, rgba(4, 24, 56, 0.9) 100%);

    text-align: left;
}

.arwits-home-page .arwits-recent-work-overlay h4 {
    margin: 0 0 4px;

    color: #ffffff;

    font-size: 19px;
    line-height: 24px;

    font-weight: 700;
}

.arwits-home-page .arwits-recent-work-overlay p {
    margin: 0;

    color: rgba(255, 255, 255, 0.92);

    font-size: 13px;
    line-height: 19px;
}

/* =========================================================
   RECENT WORKS ARROWS
========================================================= */

.arwits-home-page .arwits-recent-carousel .carousel-control {
    position: absolute;

    top: 50%;

    width: 20px;
    height: 25px;

    margin-top: -10px;

    background: rgba(9, 39, 96, 0.82) !important;

    border: 0;
    border-radius: 4px;

    opacity: 0;

    text-shadow: none;

    transition: opacity 0.25s ease;

    z-index: 5;
}

.arwits-home-page .arwits-recent-carousel:hover .carousel-control {
    opacity: 1;
}

.arwits-home-page .arwits-recent-carousel .left.carousel-control {
    left: 10px;
    right: auto;
}

.arwits-home-page .arwits-recent-carousel .right.carousel-control {
    right: 10px;
    left: auto;
}

.arwits-home-page .arwits-recent-carousel .carousel-control span {
    position: absolute;

    top: 50%;
    left: 50%;

    margin: 0;

    transform: translate(-50%, -50%);

    color: #ffffff;

    font-size: 10px;
}

.arwits-home-page .arwits-recent-carousel .carousel-control:hover,
.arwits-home-page .arwits-recent-carousel .carousel-control:focus {
    background: #092760 !important;

    opacity: 1;
}

/* =========================================================
   ABOUT / RECENT WORKS RESPONSIVE
========================================================= */

@media (max-width: 991px) {
    .arwits-home-page .arwits-company-box,
    .arwits-home-page .arwits-recent-works {
        min-height: auto;
    }

    .arwits-home-page .arwits-company-box {
        margin-right: 0;
    }

    .arwits-home-page .arwits-recent-works {
        margin-left: 0;
    }

    .arwits-home-page .arwits-recent-work-item {
        height: 340px;
    }
}

@media (max-width: 767px) {
    .arwits-home-page .arwits-company-proof-section {
        padding: 45px 0;
    }

    .arwits-home-page .arwits-company-box {
        margin-bottom: 25px;

        padding: 22px 18px;
    }

    .arwits-home-page .arwits-recent-works {
        padding: 50px 18px;
    }

    .arwits-home-page .arwits-company-feature {
        min-height: 0;

        margin-bottom: 15px;
    }

    .arwits-home-page .arwits-recent-work-item {
        height: 300px;
    }

    .arwits-home-page .arwits-recent-carousel .carousel-control {
        opacity: 1;
    }
}

@media (max-width: 480px) {
    .arwits-home-page .arwits-recent-work-item {
        height: 260px;
    }
}







/*About us Page Start*/


.arwits-about-page .arwits-about-hero-bg {
    position: relative;

    width: 100%;
    height: 300px;

    overflow: hidden;

    background: #eef7ff;
}


.arwits-about-page .arwits-about-hero-banner {
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    display: block;


    z-index: 1;
}


.arwits-about-page .arwits-about-hero-bg .container {
    position: relative;

    height: 100%;

    z-index: 2;
}


.arwits-about-page .arwits-about-hero-content {
    position: absolute;

    top: 50%;
    left: 15px;

    width: 500px;

    transform: translateY(-50%);
}


.arwits-about-page .arwits-about-hero-content h1 {
    margin: 0 0 14px;

    color: #092760;

    font-size: 38px;
    line-height: 1.15;

    font-weight: 700;
}


.arwits-about-page .arwits-about-hero-content h1 span {
    color: #ff6600;
}


.arwits-about-page .arwits-about-hero-content p {
    width: 100%;

    margin: 0;

    color: #526b8e;

    font-size: 17px;
    line-height: 1.55;
}





/* =========================================================
   ABOUT US PAGE
========================================================= */

.arwits-about-page .arwits-about-hero-bg {
    background: linear-gradient(
        110deg,
        #ffffff 0%,
        #f1f8ff 55%,
        #dceeff 100%
    );
}


.arwits-about-page .arwits-about-hero-banner {
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;


    z-index: 1;
}

.arwits-about-page .arwits-about-hero-bg .container {
    position: relative;
    height: 100%;
    z-index: 2;
}


.arwits-about-page .arwits-about-eyebrow,
.arwits-about-page .arwits-about-label {
    display: inline-block;
    margin-bottom: 12px;
    color: #ff6600;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
}

.arwits-about-page .arwits-about-breadcrumb {
    margin-top: 23px;
    color: #536f92;
    font-size: 14px;
}

.arwits-about-page .arwits-about-breadcrumb a {
    color: #0b55aa;
    text-decoration: none;
}

.arwits-about-page .arwits-about-breadcrumb i {
    margin: 0 10px;
}


/* COMPANY INTRODUCTION */

.arwits-about-page .arwits-about-intro-section {
    padding: 75px 0;
    background: #ffffff;
}

.arwits-about-page .arwits-about-intro h2 {
    margin: 0 0 22px;
    color: #092760;
    font-size: 33px;
    font-weight: 700;
    line-height: 1.2;
}

.arwits-about-page .arwits-about-intro h2 span {
    color: #ff6600;
}

.arwits-about-page .arwits-about-intro p {
    margin-bottom: 17px;
    color: #526b8e;
    font-size: 16px;
    line-height: 1.75;
}

.arwits-about-page .arwits-about-highlight {
    padding: 35px 30px;
    background: #f4f8fd;
    border: 1px solid #dce7f2;
    border-radius: 6px;
}

.arwits-about-page .arwits-about-highlight-icon {
    margin-bottom: 20px;
    color: #126be4;
    font-size: 38px;
}

.arwits-about-page .arwits-about-highlight h3 {
    margin: 0 0 15px;
    color: #092760;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.35;
}

.arwits-about-page .arwits-about-highlight p {
    color: #526b8e;
    font-size: 15px;
    line-height: 1.7;
}

.arwits-about-page .arwits-about-highlight-line {
    width: 55px;
    height: 3px;
    margin: 22px 0;
    background: #ff6600;
}

.arwits-about-page .arwits-about-highlight strong {
    color: #0b3675;
    font-size: 15px;
}


/* COMMON SECTION HEADING */

.arwits-about-page .arwits-about-section-heading {
    margin-bottom: 38px;
    text-align: center;
}

.arwits-about-page .arwits-about-section-heading h2 {
    margin: 0 0 10px;
    color: #092760;
    font-size: 30px;
    font-weight: 700;
}

.arwits-about-page .arwits-about-section-heading h2:after {
    content: "";
    display: block;
    width: 54px;
    height: 2px;
    margin: 13px auto 0;
    background: #ff6600;
}

.arwits-about-page .arwits-about-section-heading p {
    margin: 0;
    color: #6680a5;
    font-size: 15px;
}


/* MISSION & VISION */

.arwits-about-page .arwits-about-mission-section {
    padding: 65px 0;
    background: #f4f8fc;
}

.arwits-about-page .arwits-about-info-card {
    min-height: 255px;
    padding: 30px;
    background: #ffffff;
    border: 1px solid #dce7f2;
    border-radius: 6px;
}

.arwits-about-page .arwits-about-info-icon {
    margin-bottom: 16px;
    color: #126be4;
    font-size: 29px;
}

.arwits-about-page .arwits-about-info-card h3 {
    margin: 0 0 13px;
    color: #092760;
    font-size: 22px;
    font-weight: 700;
}

.arwits-about-page .arwits-about-info-card p {
    margin: 0;
    color: #526b8e;
    font-size: 15px;
    line-height: 1.7;
}


/* WHAT WE DO */

.arwits-about-page .arwits-about-services-section {
    padding: 70px 0 50px;
    background: #ffffff;
}

.arwits-about-page .arwits-about-service-item {
    min-height: 215px;
    margin-bottom: 25px;
    padding: 28px 22px;
    background: #ffffff;
    border: 1px solid #dfe8f2;
    border-radius: 6px;
    text-align: center;
}

.arwits-about-page .arwits-about-service-item i {
    margin-bottom: 18px;
    color: #126be4;
    font-size: 29px;
}

.arwits-about-page .arwits-about-service-item h3 {
    margin: 0 0 12px;
    color: #092760;
    font-size: 18px;
    font-weight: 700;
}

.arwits-about-page .arwits-about-service-item p {
    margin: 0;
    color: #61799b;
    font-size: 14px;
    line-height: 1.6;
}


/* WHY CHOOSE ARWITS */

.arwits-about-page .arwits-about-choose-section {
    padding: 70px 0;
    background: #f4f8fc;
}

.arwits-about-page .arwits-about-value {
    min-height: 205px;
    padding: 25px 15px;
    background: #ffffff;
    border: 1px solid #dfe8f2;
    border-radius: 6px;
    text-align: center;
}

.arwits-about-page .arwits-about-value i {
    margin-bottom: 17px;
    color: #126be4;
    font-size: 28px;
}

.arwits-about-page .arwits-about-value h3 {
    margin: 0 0 12px;
    color: #092760;
    font-size: 17px;
    font-weight: 700;
}

.arwits-about-page .arwits-about-value p {
    margin: 0;
    color: #61799b;
    font-size: 14px;
    line-height: 1.55;
}


/* FINAL CTA */

.arwits-about-page .arwits-about-cta-section {
    padding: 32px 0;
    background: #073168;
}

.arwits-about-page .arwits-about-cta-section h2 {
    margin: 0 0 7px;
    color: #ffffff;
    font-size: 29px;
    font-weight: 700;
}

.arwits-about-page .arwits-about-cta-section h2 span {
    color: #ff6600;
}

.arwits-about-page .arwits-about-cta-section p {
    margin: 0;
    color: #d7e3f1;
    font-size: 15px;
}

.arwits-about-page .arwits-about-contact-btn {
    display: inline-block;
    margin-top: 8px;
    padding: 13px 25px;
    background: #ff6600;
    color: #ffffff;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
}

.arwits-about-page .arwits-about-contact-btn:hover {
    background: #e85e00;
    color: #ffffff;
    text-decoration: none;
}

.arwits-about-page .arwits-about-contact-btn i {
    margin-right: 7px;
}



/* =========================================================
   CONTACT US HERO BANNER
========================================================= */

.arwits-contact-page .arwits-contact-hero {
    position: relative;
    width: 100%;
    height: 300px;
    padding: 0;
    overflow: hidden;
    background: #eef7ff;
    border-bottom: 1px solid #dce7f2;
}

.arwits-contact-page .arwits-contact-hero-banner {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
}

/* Left side light overlay for readable text */
.arwits-contact-page .arwits-contact-hero:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 62%;
    height: 100%;
    z-index: 2;
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0.96) 0%,
        rgba(255, 255, 255, 0.93) 28%,
        rgba(241, 247, 255, 0.88) 52%,
        rgba(226, 239, 255, 0.45) 75%,
        rgba(255, 255, 255, 0.00) 100%
    );
}

/* soft extra layer */
.arwits-contact-page .arwits-contact-hero:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(255, 255, 255, 0.04);
}

.arwits-contact-page .arwits-contact-hero .container {
    position: relative;
    height: 100%;
    z-index: 3;
}

.arwits-contact-page .arwits-contact-hero-content {
    position: absolute;
    top: 50%;
    left: 15px;
    width: 47%;
    transform: translateY(-50%);
    padding: 8px 10px 8px 0;
}

/* small label */
.arwits-contact-page .arwits-contact-label {
    display: inline-block;
    margin-bottom: 12px;
    color: #ff6600;
    font-size: 13px;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
}

/* main heading */
.arwits-contact-page .arwits-contact-hero-content h1 {
    margin: 0 0 16px;
    color: #0a2f70;
    font-size: 56px;
    line-height: 1.05;
    font-weight: 700;
}

.arwits-contact-page .arwits-contact-hero-content h1 span {
    color: #ff6600;
}

/* paragraph */
.arwits-contact-page .arwits-contact-hero-content p {
    max-width: 520px;
    margin: 0 0 22px;
    color: #506b8f;
    font-size: 17px;
    line-height: 1.65;
    font-weight: 400;
}

/* breadcrumb */
.arwits-contact-page .arwits-contact-breadcrumb {
    margin-top: 0;
    font-size: 15px;
    line-height: 22px;
}

.arwits-contact-page .arwits-contact-breadcrumb a {
    color: #0f67db;
    font-weight: 600;
    text-decoration: none;
}

.arwits-contact-page .arwits-contact-breadcrumb a:hover {
    color: #ff6600;
    text-decoration: none;
}

.arwits-contact-page .arwits-contact-breadcrumb i {
    margin: 0 10px;
    color: #ff6600;
    font-size: 13px;
}

.arwits-contact-page .arwits-contact-breadcrumb span {
    color: #17386d;
    font-weight: 500;
}


/* INTRO */

.arwits-contact-page .arwits-contact-intro {
    padding: 65px 0 5px;
    background: #ffffff;
}

.arwits-contact-page .arwits-contact-section-heading {
    max-width: 750px;
    margin: 0 auto;
    text-align: center;
}

.arwits-contact-page .arwits-contact-section-heading span {
    display: block;
    margin-bottom: 10px;
    color: #ff6600;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.6px;
}

.arwits-contact-page .arwits-contact-section-heading h2 {
    margin: 0 0 13px;
    color: #092760;
    font-size: 31px;
    font-weight: 700;
}

.arwits-contact-page .arwits-contact-section-heading h2:after {
    content: "";
    display: block;
    width: 55px;
    height: 2px;
    margin: 14px auto 0;
    background: #ff6600;
}

.arwits-contact-page .arwits-contact-section-heading p {
    margin: 0;
    color: #61799b;
    font-size: 15px;
    line-height: 1.7;
}


/* MAIN CONTACT AREA */

.arwits-contact-page .arwits-contact-main {
    padding: 48px 0 75px;
    background: #ffffff;
}


/* LEFT CONTACT PANEL */

.arwits-contact-page .arwits-contact-info-panel {
    min-height: 650px;
    padding: 35px 30px;
    background: #f4f8fd;
    border: 1px solid #dce7f2;
    border-radius: 6px;
}

.arwits-contact-page .arwits-contact-small-label {
    display: inline-block;
    margin-bottom: 10px;
    color: #ff6600;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.7px;
}

.arwits-contact-page .arwits-contact-info-panel h2 {
    margin: 0 0 15px;
    color: #092760;
    font-size: 27px;
    font-weight: 700;
}

.arwits-contact-page .arwits-contact-info-intro {
    margin: 0 0 30px;
    color: #526b8e;
    font-size: 15px;
    line-height: 1.7;
}

.arwits-contact-page .arwits-contact-info-item {
    margin-bottom: 28px;
}

.arwits-contact-page .arwits-contact-info-icon {
    float: left;
    width: 48px;
    height: 48px;
    line-height: 48px;
    background: #ffffff;
    border: 1px solid #d9e6f5;
    border-radius: 6px;
    color: #126be4;
    font-size: 19px;
    text-align: center;
}

.arwits-contact-page .arwits-contact-info-content {
    margin-left: 65px;
    padding-top: 2px;
    min-width: 0;
    overflow-wrap: anywhere;
}

.arwits-contact-page .arwits-contact-info-content h3 {
    margin: 0 0 7px;
    color: #092760;
    font-size: 17px;
    font-weight: 700;
}

.arwits-contact-page .arwits-contact-info-content p,
.arwits-contact-page .arwits-contact-info-content a {
    margin: 0;
    color: #526b8e;
    font-size: 15px;
    line-height: 1.6;
}

.arwits-contact-page .arwits-contact-info-content a:hover {
    color: #ff6600;
    text-decoration: none;
}

.arwits-contact-page .arwits-contact-whatsapp-link {
    display: inline-block;
    margin-top: 7px;
    color: #138d49 !important;
    font-weight: 700;
}

.arwits-contact-page .arwits-contact-whatsapp-link i {
    margin-left: 6px;
    font-size: 12px;
}


/* LEFT BOTTOM NOTE */

.arwits-contact-page .arwits-contact-note {
    margin-top: 30px;
    padding: 23px;
    background: #ffffff;
    border: 1px solid #dce7f2;
    border-left: 3px solid #ff6600;
    border-radius: 5px;
}

.arwits-contact-page .arwits-contact-note > i {
    display: block;
    margin-bottom: 12px;
    color: #126be4;
    font-size: 25px;
}

.arwits-contact-page .arwits-contact-note strong {
    display: block;
    margin-bottom: 9px;
    color: #092760;
    font-size: 17px;
}

.arwits-contact-page .arwits-contact-note p {
    margin: 0;
    color: #61799b;
    font-size: 14px;
    line-height: 1.6;
}


/* RIGHT ENQUIRY FORM */

.arwits-contact-page .arwits-contact-form-panel {
    min-height: 650px;
    padding: 35px;
    background: #ffffff;
    border: 1px solid #dce7f2;
    border-radius: 6px;
    box-shadow: 0 5px 22px rgba(12, 47, 95, 0.05);
}

.arwits-contact-page .arwits-contact-form-heading {
    margin-bottom: 28px;
}

.arwits-contact-page .arwits-contact-form-heading span {
    display: inline-block;
    margin-bottom: 10px;
    color: #ff6600;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.7px;
}

.arwits-contact-page .arwits-contact-form-heading h2 {
    margin: 0 0 12px;
    color: #092760;
    font-size: 27px;
    line-height: 1.3;
    font-weight: 700;
}

.arwits-contact-page .arwits-contact-form-heading p {
    margin: 0;
    color: #61799b;
    font-size: 14px;
    line-height: 1.6;
}


/* FORM FIELDS */

.arwits-contact-page .arwits-contact-field {
    margin-bottom: 22px;
}

.arwits-contact-page .arwits-contact-field label {
    display: block;
    margin-bottom: 9px;
    color: #17386e;
    font-size: 14px;
    font-weight: 700;
}

.arwits-contact-page .arwits-contact-field label span {
    color: #ff6600;
}

.arwits-contact-page .arwits-contact-field .form-control {
    width: 100%;
    height: 46px;
    padding: 10px 13px;
    background: #fbfdff;
    border: 1px solid #d7e3f0;
    border-radius: 5px;
    box-shadow: none;
    color: #17386e;
    font-family: Calibri, Arial, sans-serif;
    font-size: 15px;
}

.arwits-contact-page .arwits-contact-field .form-control:focus {
    background: #ffffff;
    border-color: #377ed8;
    box-shadow: 0 0 0 2px rgba(18, 107, 228, 0.08);
}

.arwits-contact-page .arwits-contact-field .form-control::placeholder {
    color: #94a5bb;
}

.arwits-contact-page .arwits-contact-field textarea.form-control {
    height: 125px;
    padding-top: 13px;
    resize: vertical;
}

.arwits-contact-page .arwits-contact-field select.form-control {
    cursor: pointer;
}


/* FORM MESSAGE */

.arwits-contact-page .arwits-contact-form-message {
    display: none;
    margin-bottom: 20px;
    padding: 12px 15px;
    background: #fff4f3;
    border: 1px solid #efb7b1;
    border-radius: 4px;
    color: #b52f23;
    font-size: 14px;
}


/* FORM SUBMIT */

.arwits-contact-page .arwits-contact-form-bottom {
    margin-top: 7px;
}

.arwits-contact-page .arwits-contact-submit-btn {
    display: inline-block;
    padding: 13px 26px;
    background: #ff6600;
    border: 1px solid #ff6600;
    border-radius: 5px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.2s ease;
}

.arwits-contact-page .arwits-contact-submit-btn:hover,
.arwits-contact-page .arwits-contact-submit-btn:focus {
    background: #e85e00;
    border-color: #e85e00;
    color: #ffffff;
}

.arwits-contact-page .arwits-contact-submit-btn i:first-child {
    margin-right: 8px;
}

.arwits-contact-page .arwits-contact-submit-btn i:last-child {
    margin-left: 8px;
    font-size: 12px;
}

.arwits-contact-page .arwits-contact-form-bottom p {
    margin: 13px 0 0;
    color: #7a8ea9;
    font-size: 13px;
    line-height: 1.5;
}


/* BOTTOM CTA */

.arwits-contact-page .arwits-contact-bottom {
    padding: 35px 0;
    background: #073168;
}

.arwits-contact-page .arwits-contact-bottom h2 {
    margin: 0 0 8px;
    color: #ffffff;
    font-size: 29px;
    font-weight: 700;
}

.arwits-contact-page .arwits-contact-bottom h2 span {
    color: #ff6600;
}

.arwits-contact-page .arwits-contact-bottom p {
    margin: 0;
    color: #d7e3f1;
    font-size: 15px;
}

.arwits-contact-page .arwits-contact-bottom-btn {
    display: inline-block;
    margin-top: 8px;
    padding: 13px 25px;
    background: #ff6600;
    border-radius: 5px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
}

.arwits-contact-page .arwits-contact-bottom-btn:hover {
    background: #e85e00;
    color: #ffffff;
    text-decoration: none;
}

.arwits-contact-page .arwits-contact-bottom-btn i {
    margin-right: 8px;
}



/* =========================================================
   CONTACT FORM VALIDATION & SUBMISSION
========================================================= */

.arwits-contact-page .arwits-contact-honeypot {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.arwits-contact-page .arwits-contact-field .form-control.arwits-contact-invalid {
    border-color: #df5147;
    background: #fffafa;
}

.arwits-contact-page .arwits-contact-field-error {
    margin-top: 6px;
    color: #c0392b;
    font-size: 13px;
    line-height: 1.4;
}

.arwits-contact-page .arwits-contact-form-message {
    display: none;
    margin-bottom: 22px;
    padding: 13px 16px;
    border-radius: 5px;
    font-size: 14px;
    line-height: 1.5;
}

.arwits-contact-page .arwits-contact-message-error {
    background: #fff3f2;
    border: 1px solid #efc4c0;
    color: #af3026;
}

.arwits-contact-page .arwits-contact-message-success {
    background: #effaf3;
    border: 1px solid #b8dfc5;
    color: #197141;
}

.arwits-contact-page .arwits-contact-submit-btn:disabled {
    opacity: 0.75;
    cursor: not-allowed;
}

.arwits-contact-page .arwits-contact-loading {
    background: #d85b08;
    border-color: #d85b08;
}




/* =========================================================
   ARWITS UNDER DEVELOPMENT PAGE
========================================================= */

.arwits-development-page .arwits-development-section {
    min-height: 600px;
    padding: 75px 0;
    background: linear-gradient(
        135deg,
        #ffffff 0%,
        #f2f8ff 55%,
        #e6f1ff 100%
    );
}

.arwits-development-page .arwits-development-box {
    max-width: 760px;
    margin: 0 auto;
    padding: 50px 40px;
    background: #ffffff;
    border: 1px solid #dce7f2;
    border-radius: 7px;
    box-shadow: 0 8px 30px rgba(9, 39, 96, 0.07);
    text-align: center;
}

.arwits-development-page .arwits-development-icon {
    width: 85px;
    height: 85px;
    margin: 0 auto 24px;
    line-height: 85px;
    background: #eef5ff;
    border: 1px solid #d8e7fa;
    border-radius: 50%;
    color: #126be4;
    font-size: 35px;
}

.arwits-development-page .arwits-development-label {
    display: block;
    margin-bottom: 13px;
    color: #ff6600;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
}

.arwits-development-page .arwits-development-box h1 {
    margin: 0 0 12px;
    color: #092760;
    font-size: 24px;
    font-weight: 700;
}

.arwits-development-page .arwits-development-box h2 {
    margin: 0 0 20px;
    color: #092760;
    font-size: 36px;
    line-height: 1.25;
    font-weight: 700;
}

.arwits-development-page .arwits-development-box h2 span {
    color: #ff6600;
}

.arwits-development-page .arwits-development-box > p {
    max-width: 570px;
    margin: 0 auto 25px;
    color: #61799b;
    font-size: 16px;
    line-height: 1.75;
}

.arwits-development-page .arwits-development-status {
    display: inline-block;
    padding: 10px 19px;
    background: #f0f6ff;
    border: 1px solid #dce9fa;
    border-radius: 4px;
    color: #275b9e;
    font-size: 14px;
    font-weight: 600;
}

.arwits-development-page .arwits-development-status i {
    margin-right: 8px;
    color: #ff6600;
}

.arwits-development-page .arwits-development-actions {
    margin-top: 30px;
}

.arwits-development-page .arwits-development-actions a {
    display: inline-block;
    margin: 5px;
    padding: 13px 23px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
}

.arwits-development-page .arwits-development-home-btn {
    background: #ff6600;
    border: 1px solid #ff6600;
    color: #ffffff;
}

.arwits-development-page .arwits-development-home-btn:hover {
    background: #e85e00;
    color: #ffffff;
}

.arwits-development-page .arwits-development-contact-btn {
    background: #ffffff;
    border: 1px solid #0e4892;
    color: #0e4892;
}

.arwits-development-page .arwits-development-contact-btn:hover {
    background: #f0f6ff;
    color: #092760;
}

.arwits-development-page .arwits-development-actions a i {
    margin-right: 7px;
}

.arwits-development-page .arwits-development-help {
    margin-top: 35px;
    padding-top: 20px;
    border-top: 1px solid #e4ecf5;
    color: #61799b;
    font-size: 14px;
}

.arwits-development-page .arwits-development-help a {
    margin-left: 7px;
    color: #15944b;
    font-weight: 700;
    text-decoration: none;
}

.arwits-development-page .arwits-development-help a:hover {
    color: #0d7437;
}




/* =========================================================
   ARWITS BIOMETRIC SERVICE PAGE
========================================================= */

.arwits-biometric-page {
    font-family: Calibri, Arial, sans-serif;
    color: #24364e;
}

.arwits-biometric-page .arwits-bio-hero {
    padding: 75px 0;
    background: linear-gradient(120deg, #edf5ff, #ffffff);
}

.arwits-biometric-page .arwits-bio-hero-content {
    padding-top: 25px;
}

.arwits-biometric-page .arwits-bio-label,
.arwits-biometric-page .arwits-bio-section-heading > span {
    display: block;
    margin-bottom: 15px;
    color: #ff6600;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
}

.arwits-biometric-page .arwits-bio-hero h1 {
    margin: 0 0 22px;
    color: #092760;
    font-size: 43px;
    font-weight: 700;
    line-height: 1.22;
}

.arwits-biometric-page .arwits-bio-hero h1 span {
    color: #ff6600;
}

.arwits-biometric-page .arwits-bio-hero-content > p {
    max-width: 600px;
    color: #53677f;
    font-size: 17px;
    line-height: 1.8;
}

.arwits-biometric-page .arwits-bio-hero-image {
    padding: 25px;
    text-align: center;
}

.arwits-biometric-page .arwits-bio-hero-image img {
    max-height: 380px;
    margin: 0 auto;
}

.arwits-biometric-page .arwits-bio-hero-actions {
    margin: 27px 0 20px;
}

.arwits-biometric-page .arwits-bio-primary-btn,
.arwits-biometric-page .arwits-bio-outline-btn {
    display: inline-block;
    margin: 5px 8px 5px 0;
    padding: 13px 20px;
    border: 1px solid #ff6600;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
}

.arwits-biometric-page .arwits-bio-primary-btn {
    background: #ff6600;
    color: #ffffff;
}

.arwits-biometric-page .arwits-bio-primary-btn:hover {
    background: #e85d00;
    color: #ffffff;
}

.arwits-biometric-page .arwits-bio-outline-btn {
    background: transparent;
    color: #092760;
    border-color: #092760;
}

.arwits-biometric-page .arwits-bio-outline-btn:hover {
    background: #092760;
    color: #ffffff;
}

.arwits-biometric-page .arwits-bio-locations {
    font-size: 14px !important;
    color: #41618b !important;
}

.arwits-biometric-page .arwits-bio-locations i {
    margin-right: 7px;
    color: #ff6600;
}

.arwits-biometric-page .arwits-bio-intro,
.arwits-biometric-page .arwits-bio-services,
.arwits-biometric-page .arwits-bio-industries,
.arwits-biometric-page .arwits-bio-projects,
.arwits-biometric-page .arwits-bio-why,
.arwits-biometric-page .arwits-bio-faq {
    padding: 65px 0;
}

.arwits-biometric-page .arwits-bio-services,
.arwits-biometric-page .arwits-bio-projects,
.arwits-biometric-page .arwits-bio-faq {
    background: #f4f8fe;
}

.arwits-biometric-page .arwits-bio-section-heading {
    max-width: 760px;
    margin: 0 auto 40px;
    text-align: center;
}

.arwits-biometric-page .arwits-bio-section-heading h2 {
    margin: 0 0 15px;
    color: #092760;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3;
}

.arwits-biometric-page .arwits-bio-section-heading h2 em {
    color: #ff6600;
    font-style: normal;
}

.arwits-biometric-page .arwits-bio-section-heading p {
    color: #64748b;
    font-size: 16px;
    line-height: 1.7;
}

.arwits-biometric-page .arwits-bio-intro-text {
    max-width: 930px;
    margin: 0 auto;
    text-align: center;
}

.arwits-biometric-page .arwits-bio-intro-text p {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 1.8;
}

.arwits-biometric-page .arwits-bio-service-card {
    min-height: 285px;
    margin-bottom: 25px;
    padding: 30px 25px;
    background: #ffffff;
    border: 1px solid #e0e9f5;
    border-radius: 6px;
    box-shadow: 0 4px 15px rgba(9, 39, 96, 0.04);
}

.arwits-biometric-page .arwits-bio-service-icon {
    margin-bottom: 20px;
    color: #ff6600;
    font-size: 31px;
}

.arwits-biometric-page .arwits-bio-service-card h3 {
    margin: 0 0 14px;
    color: #092760;
    font-size: 20px;
    font-weight: 700;
}

.arwits-biometric-page .arwits-bio-service-card p {
    color: #68798f;
    font-size: 15px;
    line-height: 1.65;
}

.arwits-biometric-page .arwits-bio-service-card a {
    display: inline-block;
    margin-top: 12px;
    color: #126be4;
    font-weight: 700;
    text-decoration: none;
}

.arwits-biometric-page .arwits-bio-industry-item {
    margin-bottom: 20px;
    padding: 25px 12px;
    background: #f1f6ff;
    border: 1px solid #e0ebfb;
    border-radius: 5px;
    text-align: center;
}

.arwits-biometric-page .arwits-bio-industry-item i {
    color: #ff6600;
    font-size: 29px;
}

.arwits-biometric-page .arwits-bio-industry-item h3 {
    margin: 15px 0 0;
    color: #092760;
    font-size: 16px;
    font-weight: 700;
}

.arwits-biometric-page .arwits-bio-project-card {
    margin-bottom: 25px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e0e9f5;
    border-radius: 6px;
}

.arwits-biometric-page .arwits-bio-project-card img {
    display: block;
    width: 100%;
    height: auto;
}

.arwits-biometric-page .arwits-bio-project-caption {
    padding: 15px;
    color: #092760;
    font-size: 15px;
    font-weight: 700;
}

.arwits-biometric-page .arwits-bio-why-item {
    margin-bottom: 25px;
    text-align: center;
}

.arwits-biometric-page .arwits-bio-why-item > i {
    margin-bottom: 17px;
    color: #ff6600;
    font-size: 30px;
}

.arwits-biometric-page .arwits-bio-why-item h3 {
    color: #092760;
    font-size: 20px;
    font-weight: 700;
}

.arwits-biometric-page .arwits-bio-why-item p {
    font-size: 15px;
    line-height: 1.7;
}

.arwits-biometric-page .arwits-bio-faq-list {
    max-width: 850px;
    margin: 0 auto;
}

.arwits-biometric-page .arwits-bio-faq-item {
    margin-bottom: 15px;
    padding: 24px;
    background: #ffffff;
    border: 1px solid #e1e9f3;
    border-radius: 5px;
}

.arwits-biometric-page .arwits-bio-faq-item h3 {
    margin: 0 0 12px;
    color: #092760;
    font-size: 18px;
    font-weight: 700;
}

.arwits-biometric-page .arwits-bio-faq-item p {
    margin: 0;
    color: #67778e;
    font-size: 15px;
    line-height: 1.7;
}

.arwits-biometric-page .arwits-bio-cta {
    padding: 48px 0;
    background: #092760;
}

.arwits-biometric-page .arwits-bio-cta h2 {
    margin: 0 0 12px;
    color: #ffffff;
    font-size: 29px;
    font-weight: 700;
}

.arwits-biometric-page .arwits-bio-cta h2 span {
    color: #ff9a48;
}

.arwits-biometric-page .arwits-bio-cta p {
    margin: 0;
    color: #d5e4fa;
    font-size: 16px;
}

.arwits-biometric-page .arwits-bio-cta .arwits-bio-primary-btn {
    margin-top: 13px;
}


/* ARWITS WEBSITE DEVELOPMENT: all styling scoped to its parent */
.arwits-webdev-page{font-family:Calibri,Arial,sans-serif;color:#263c56}
.arwits-webdev-page .arwits-webdev-hero{padding:76px 0 72px;background:linear-gradient(120deg,#edf5ff,#fff)}
.arwits-webdev-page .arwits-webdev-hero-text{padding-top:24px}
.arwits-webdev-page .arwits-webdev-eyebrow,.arwits-webdev-page .arwits-webdev-heading>span{display:block;color:#ff6600;font-size:12px;font-weight:700;letter-spacing:1.1px;margin-bottom:15px}
.arwits-webdev-page .arwits-webdev-hero h1{font-size:41px;line-height:1.24;color:#092760;font-weight:700;margin:0 0 22px}
.arwits-webdev-page .arwits-webdev-hero h1 span{color:#ff6600}
.arwits-webdev-page .arwits-webdev-hero-text>p{font-size:16px;line-height:1.8;color:#59708c;margin-bottom:25px}
.arwits-webdev-page .arwits-webdev-buttons{margin-bottom:18px}
.arwits-webdev-page .arwits-webdev-btn-primary,.arwits-webdev-page .arwits-webdev-btn-outline{display:inline-block;padding:13px 20px;margin:4px 8px 4px 0;border-radius:5px;text-decoration:none;font-size:14px;font-weight:700;transition:background .2s,color .2s}
.arwits-webdev-page .arwits-webdev-btn-primary{background:#ff6600;color:#fff;border:1px solid #ff6600}
.arwits-webdev-page .arwits-webdev-btn-primary:hover{background:#e85c00;color:#fff}
.arwits-webdev-page .arwits-webdev-btn-outline{border:1px solid #092760;color:#092760;background:transparent}
.arwits-webdev-page .arwits-webdev-btn-outline:hover{background:#092760;color:#fff}
.arwits-webdev-page .arwits-webdev-btn-primary i,.arwits-webdev-page .arwits-webdev-btn-outline i{margin-right:6px}
.arwits-webdev-page .arwits-webdev-hero-note{font-size:13px;color:#4c6484;line-height:1.6}
.arwits-webdev-page .arwits-webdev-hero-note i{color:#ff6600;margin-right:7px}
.arwits-webdev-page .arwits-webdev-hero-preview{background:#fff;border:1px solid #d9e6f5;border-radius:9px;overflow:hidden;box-shadow:0 12px 35px rgba(9,39,96,.12);margin:10px 0 0 28px}
.arwits-webdev-page .arwits-webdev-browser-bar{height:34px;padding:11px 12px;background:#e9f0fa;border-bottom:1px solid #d5e1ef;text-align:center;position:relative}
.arwits-webdev-page .arwits-webdev-browser-bar i{float:left;width:9px;height:9px;margin:1px 5px 0 0;border-radius:50%;background:#f6a194}
.arwits-webdev-page .arwits-webdev-browser-bar i:nth-child(2){background:#f0c46a}
.arwits-webdev-page .arwits-webdev-browser-bar i:nth-child(3){background:#8acc9c}
.arwits-webdev-page .arwits-webdev-browser-bar span{font-size:11px;color:#607b9c}
.arwits-webdev-page .arwits-webdev-hero-preview img{width:100%;height:auto;display:block}
.arwits-webdev-page .arwits-webdev-preview-caption{padding:12px 16px;text-align:center;background:#fff;color:#092760;font-size:13px;font-weight:700}
.arwits-webdev-page .arwits-webdev-preview-caption i{color:#ff6600;margin-right:6px}
.arwits-webdev-page .arwits-webdev-overview,.arwits-webdev-page .arwits-webdev-services,.arwits-webdev-page .arwits-webdev-portfolio,.arwits-webdev-page .arwits-webdev-process,.arwits-webdev-page .arwits-webdev-faq{padding:68px 0}
.arwits-webdev-page .arwits-webdev-services,.arwits-webdev-page .arwits-webdev-portfolio,.arwits-webdev-page .arwits-webdev-faq{background:#f4f8fe}
.arwits-webdev-page .arwits-webdev-heading{max-width:800px;text-align:center;margin:0 auto 40px}
.arwits-webdev-page .arwits-webdev-heading h2{font-size:32px;line-height:1.3;color:#092760;font-weight:700;margin:0 0 13px}
.arwits-webdev-page .arwits-webdev-heading h2 em{color:#ff6600;font-style:normal}
.arwits-webdev-page .arwits-webdev-heading p{font-size:16px;line-height:1.7;color:#647991;margin:0}
.arwits-webdev-page .arwits-webdev-value{text-align:center;padding:15px 20px 20px}
.arwits-webdev-page .arwits-webdev-value i{color:#ff6600;font-size:27px;margin-bottom:13px}
.arwits-webdev-page .arwits-webdev-value h3{font-size:20px;color:#092760;font-weight:700;margin:0 0 12px}
.arwits-webdev-page .arwits-webdev-value p{font-size:15px;line-height:1.7;color:#66798e;margin:0}
.arwits-webdev-page .arwits-webdev-service-card{background:#fff;border:1px solid #e1eaf5;border-radius:6px;padding:28px 25px;margin-bottom:25px;min-height:265px;box-shadow:0 3px 15px rgba(9,39,96,.04)}
.arwits-webdev-page .arwits-webdev-service-icon{color:#ff6600;font-size:29px;margin-bottom:19px}
.arwits-webdev-page .arwits-webdev-service-card h3{font-size:19px;color:#092760;font-weight:700;margin:0 0 13px}
.arwits-webdev-page .arwits-webdev-service-card p{font-size:15px;line-height:1.65;color:#687c93;min-height:72px}
.arwits-webdev-page .arwits-webdev-service-card a{font-size:14px;color:#126be4;font-weight:700;text-decoration:none}
.arwits-webdev-page .arwits-webdev-project{margin-bottom:30px;overflow:hidden;border-radius:7px;background:#fff;border:1px solid #dfe8f4;box-shadow:0 5px 22px rgba(9,39,96,.06)}
.arwits-webdev-page .arwits-webdev-project-image{overflow:hidden;background:#eaf2fa}
.arwits-webdev-page .arwits-webdev-project-image img{display:block;width:100%;height:auto}
.arwits-webdev-page .arwits-webdev-project-body{padding:24px 25px;min-height:210px}
.arwits-webdev-page .arwits-webdev-project-type{font-size:12px;color:#ff6600;font-weight:700;letter-spacing:.3px}
.arwits-webdev-page .arwits-webdev-project h3{margin:9px 0 10px;font-size:21px;color:#092760;font-weight:700}
.arwits-webdev-page .arwits-webdev-project p{font-size:14px;color:#697c92;line-height:1.65;min-height:49px}
.arwits-webdev-page .arwits-webdev-project a{font-size:14px;font-weight:700;color:#126be4;text-decoration:none}
.arwits-webdev-page .arwits-webdev-project a i{margin-left:7px}
.arwits-webdev-page .arwits-webdev-step{padding:20px 17px;text-align:center;margin-bottom:15px}
.arwits-webdev-page .arwits-webdev-step b{display:inline-block;border:1px solid #ffd4b6;background:#fff4ec;color:#ff6600;border-radius:50%;width:54px;height:54px;line-height:52px;font-size:18px}
.arwits-webdev-page .arwits-webdev-step h3{font-size:19px;color:#092760;font-weight:700;margin:18px 0 12px}
.arwits-webdev-page .arwits-webdev-step p{font-size:14px;line-height:1.65;color:#677a90}
.arwits-webdev-page .arwits-webdev-smartcommerce{padding:50px 0;background:#eaf3ff;border-top:1px solid #d9e6f5;border-bottom:1px solid #d9e6f5}
.arwits-webdev-page .arwits-webdev-smartcommerce h2{font-size:28px;line-height:1.3;color:#092760;font-weight:700;margin:0 0 14px}
.arwits-webdev-page .arwits-webdev-smartcommerce h2 span{color:#ff6600}
.arwits-webdev-page .arwits-webdev-smartcommerce p{font-size:15px;line-height:1.7;color:#617790;margin:0}
.arwits-webdev-page .arwits-webdev-smartcommerce .arwits-webdev-btn-outline{margin-top:40px}
.arwits-webdev-page .arwits-webdev-faq-inner{max-width:860px;margin:0 auto}
.arwits-webdev-page .arwits-webdev-faq-item{background:#fff;border:1px solid #e0e8f3;border-radius:5px;padding:21px 24px;margin-bottom:13px}
.arwits-webdev-page .arwits-webdev-faq-item h3{font-size:17px;font-weight:700;color:#092760;margin:0 0 10px}
.arwits-webdev-page .arwits-webdev-faq-item p{font-size:14px;line-height:1.7;color:#65778e;margin:0}
.arwits-webdev-page .arwits-webdev-cta{padding:46px 0;background:#092760}
.arwits-webdev-page .arwits-webdev-cta h2{font-size:28px;color:#fff;font-weight:700;margin:0 0 10px}
.arwits-webdev-page .arwits-webdev-cta h2 span{color:#ff9b52}
.arwits-webdev-page .arwits-webdev-cta p{color:#d7e5f5;font-size:15px;line-height:1.65;margin:0}
.arwits-webdev-page .arwits-webdev-cta .arwits-webdev-btn-primary{margin-top:12px}





/* ARWITS SMART COMMERCE — scoped page styles. Bootstrap 3 / PHP 7.4 compatible. */
.arwits-sc-page {
    font-family:Calibri,Arial,sans-serif;
    color:#283e57;
    font-size:15px
}
.arwits-sc-page * {
    box-sizing:border-box
}
.arwits-sc-page .arwits-sc-section {
    padding:69px 0
}
.arwits-sc-page .arwits-sc-kicker,.arwits-sc-page .arwits-sc-sectionhead>span {
    display:block;
    font-size:12px;
    font-weight:700;
    letter-spacing:1.1px;
    color:#f36a17;
    margin-bottom:14px
}
.arwits-sc-page .arwits-sc-sectionhead {
    text-align:center;
    max-width:825px;
    margin:0 auto 38px
}
.arwits-sc-page .arwits-sc-sectionhead h2 {
    font-size:32px;
    line-height:1.25;
    font-weight:700;
    color:#092760;
    margin:0 0 14px
}
.arwits-sc-page .arwits-sc-sectionhead h2 em {
    font-style:normal;
    color:#ed650f
}
.arwits-sc-page .arwits-sc-sectionhead p {
    font-size:15px;
    line-height:1.8;
    color:#637890;
    margin:0
}
.arwits-sc-page .arwits-sc-hero {
    background:linear-gradient(115deg,#eff6ff 0%,#fff 65%);
    padding:74px 0 71px;
    border-bottom:1px solid #e1eaf4
}
.arwits-sc-page .arwits-sc-hero-copy {
    padding-top:19px
}
.arwits-sc-page .arwits-sc-hero h1 {
    font-size:43px;
    line-height:1.22;
    color:#092760;
    font-weight:700;
    margin:0 0 22px
}
.arwits-sc-page .arwits-sc-hero h1 span {
    color:#ee6714
}
.arwits-sc-page .arwits-sc-hero-copy>p {
    color:#596f87;
    font-size:16px;
    line-height:1.8;
    margin-bottom:22px
}
.arwits-sc-page .arwits-sc-btn {
    display:inline-block;
    padding:12px 18px;
    margin:0 8px 9px 0;
    border-radius:5px;
    font-size:14px;
    font-weight:700;
    text-decoration:none;
    transition:background .2s,color .2s
}
.arwits-sc-page .arwits-sc-btn i {
    margin-right:7px
}
.arwits-sc-page .arwits-sc-btn-primary {
    background:#ff6600;
    border:1px solid #ff6600;
    color:#fff
}
.arwits-sc-page .arwits-sc-btn-primary:hover {
    background:#e65e05;
    color:#fff;
    text-decoration:none
}
.arwits-sc-page .arwits-sc-btn-line {
    border:1px solid #0d643a;
    color:#0d643a;
    background:#fff
}
.arwits-sc-page .arwits-sc-btn-line:hover {
    color:#fff;
    background:#0d643a;
    text-decoration:none
}
.arwits-sc-page .arwits-sc-hero .arwits-sc-hero-note {
    font-size:13px;
    color:#54718e;
    line-height:2;
    margin:5px 0
}
.arwits-sc-page .arwits-sc-hero-note i {
    color:#1b9d66;
    margin-right:4px
}
.arwits-sc-page .arwits-sc-hero-image {
    background:#fff;
    padding:8px;
    box-shadow:0 12px 38px rgba(8,36,83,.12);
    border:1px solid #e5eaf2;
    border-radius:8px;
    margin-left:24px;
    overflow:hidden
}
.arwits-sc-page .arwits-sc-hero-image img {
    display:block;
    width:100%;
    height:auto;
    border-radius:3px
}
.arwits-sc-page .arwits-sc-hero-image span {
    display:block;
    text-align:center;
    color:#6a7c90;
    font-size:12px;
    padding:11px 5px 5px
}
.arwits-sc-page .arwits-sc-intro {
    background:#fff
}
.arwits-sc-page .arwits-sc-stat {
    text-align:center;
    padding:22px 15px;
    border-top:3px solid #e5edfa;
    background:#fafcff;
    border-radius:5px;
    margin-bottom:15px;
    min-height:132px
}
.arwits-sc-page .arwits-sc-stat strong {
    color:#092760;
    font-size:19px;
    display:block;
    margin-bottom:9px
}
.arwits-sc-page .arwits-sc-stat p {
    margin:0;
    color:#6b7e94;
    font-size:14px;
    line-height:1.6
}
.arwits-sc-page .arwits-sc-features {
    background:#f4f8fe
}
.arwits-sc-page .arwits-sc-feature {
    position:relative;
    padding:23px 25px 22px 76px;
    border-bottom:1px solid #dce6f3;
    min-height:167px
}
.arwits-sc-page .arwits-sc-feature-num {
    position:absolute;
    top:25px;
    left:14px;
    width:38px;
    height:38px;
    line-height:36px;
    text-align:center;
    font-size:17px;
    color:#ff6600;
    background:#fff;
    border:1px solid #f6ddce;
    border-radius:7px
}
.arwits-sc-page .arwits-sc-feature h3 {
    font-size:18px;
    color:#092760;
    font-weight:700;
    margin:0 0 10px;
    line-height:1.4
}
.arwits-sc-page .arwits-sc-feature p {
    font-size:14px;
    line-height:1.73;
    color:#5f748c;
    margin:0
}
.arwits-sc-page .arwits-sc-disclaimer {
    color:#6a7e91;
    font-size:12px;
    text-align:center;
    margin-top:25px;
    line-height:1.6
}
.arwits-sc-page .arwits-sc-categories {
    background:#fff
}
.arwits-sc-page .arwits-sc-category {
    border:1px solid #e2e9f2;
    border-radius:6px;
    background:#fff;
    overflow:hidden;
    margin-bottom:15px;
    box-shadow:0 4px 13px rgba(9,39,96,.05)
}
.arwits-sc-page .arwits-sc-category img {
    width:100%;
    height:114px;
    display:block
}
.arwits-sc-page .arwits-sc-category h3 {
    font-size:13px;
    color:#092760;
    text-align:center;
    font-weight:700;
    padding:13px 4px;
    margin:0;
    min-height:44px
}
.arwits-sc-page .arwits-sc-process {
    background:#eff6ff
}
.arwits-sc-page .arwits-sc-step {
    text-align:center;
    padding:20px 15px;
    margin-bottom:15px;
    background:#fff;
    border:1px solid #e1eaf5;
    min-height:194px;
    border-radius:5px
}
.arwits-sc-page .arwits-sc-step-icon {
    display:inline-block;
    width:43px;
    height:43px;
    line-height:41px;
    border-radius:50%;
    color:#ff6600;
    background:#fff1e8;
    border:1px solid #f9d5b8;
    font-size:18px
}
.arwits-sc-page .arwits-sc-step h3 {
    font-size:18px;
    color:#092760;
    font-weight:700;
    margin:17px 0 10px
}
.arwits-sc-page .arwits-sc-step p {
    font-size:14px;
    line-height:1.6;
    color:#627992;
    margin:0
}
.arwits-sc-page .arwits-sc-showcase {
    background:#fff
}
.arwits-sc-page .arwits-sc-gallery-card {
    background:#fff;
    border:1px solid #dfe8f2;
    border-radius:6px;
    overflow:hidden;
    box-shadow:0 3px 15px rgba(8,40,87,.05);
    margin:0 0 24px
}
.arwits-sc-page .arwits-sc-gallery-image {
    height:210px;
    overflow:hidden;
    background:#eaf0f6;
    text-align:center
}
.arwits-sc-page .arwits-sc-gallery-image img {
    width:100%;
    height:100%;
    display:block;
    transition:transform .25s
}
.arwits-sc-page .arwits-sc-gallery-card:hover img {
    transform:scale(1.04)
}
.arwits-sc-page .arwits-sc-gallery-card figcaption {
    padding:17px 16px;
    min-height:102px
}
.arwits-sc-page .arwits-sc-gallery-card figcaption strong {
    display:block;
    color:#092760;
    font-size:16px;
    margin-bottom:7px
}
.arwits-sc-page .arwits-sc-gallery-card figcaption span {
    display:block;
    color:#6c7e91;
    font-size:13px;
    line-height:1.55
}
.arwits-sc-page .arwits-sc-videohead {
    border-top:1px solid #e0e8f3;
    padding:32px 0 23px;
    margin-top:8px;
    text-align:center
}
.arwits-sc-page .arwits-sc-videohead h3 {
    font-size:25px;
    color:#092760;
    font-weight:700;
    margin:0 0 9px
}
.arwits-sc-page .arwits-sc-videohead p {
    color:#6c7f92;
    line-height:1.7;
    margin:0
}
.arwits-sc-page .arwits-sc-video-card {
    border:1px solid #dfe8f2;
    border-radius:6px;
    overflow:hidden;
    margin:0 0 22px;
    background:#fff
}
.arwits-sc-page .arwits-sc-video-frame {
    position:relative;
    height:175px;
    background:#0a2344;
    display:block;
    text-align:center;
    overflow:hidden;
    color:#fff
}
.arwits-sc-page .arwits-sc-video-frame>img {
    width:100%;
    height:100%;
    opacity:.75;
    display:block
}
.arwits-sc-page .arwits-sc-video-frame:hover>img {
    opacity:.9
}
.arwits-sc-page .arwits-sc-video-play {
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    background:#f11d25;
    color:#fff;
    width:57px;
    height:40px;
    line-height:40px;
    border-radius:10px;
    font-size:20px;
    padding-left:4px
}
.arwits-sc-page .arwits-sc-video-label {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:9px 5px;
    background:rgba(0,0,0,.65);
    color:#fff;
    font-size:12px;
    font-weight:700
}
.arwits-sc-page .arwits-sc-video-pending {
    background:linear-gradient(135deg,#0b2a58,#17447c);
    padding-top:40px
}
.arwits-sc-page .arwits-sc-video-pending>i {
    display:block;
    font-size:34px;
    color:#92add2;
    margin-bottom:13px
}
.arwits-sc-page .arwits-sc-video-pending>span {
    font-size:12px;
    letter-spacing:1.2px;
    font-weight:700;
    color:#fff
}
.arwits-sc-page .arwits-sc-video-info {
    padding:16px 15px;
    min-height:123px
}
.arwits-sc-page .arwits-sc-video-info h4 {
    margin:0 0 9px;
    font-size:16px;
    color:#092760;
    font-weight:700
}
.arwits-sc-page .arwits-sc-video-info p {
    margin:0;
    color:#718297;
    font-size:13px;
    line-height:1.55
}
.arwits-sc-page .arwits-sc-youtube-note {
    text-align:center;
    color:#6e8196;
    font-size:13px
}
.arwits-sc-page .arwits-sc-youtube-note i {
    color:#ee232b;
    margin-right:7px
}
.arwits-sc-page .arwits-sc-packages {
    background:#f4f8fe
}
.arwits-sc-page .arwits-sc-package {
    min-height:240px;
    background:#fff;
    border:1px solid #e0e9f4;
    padding:26px 23px;
    border-radius:6px;
    margin-bottom:17px;
    box-shadow:0 3px 16px rgba(8,40,87,.04)
}
.arwits-sc-page .arwits-sc-package>span {
    color:#ed6819;
    font-size:12px;
    font-weight:700;
    letter-spacing:1px
}
.arwits-sc-page .arwits-sc-package h3 {
    font-size:23px;
    font-weight:700;
    color:#092760;
    margin:12px 0
}
.arwits-sc-page .arwits-sc-package p {
    color:#617791;
    font-size:14px;
    line-height:1.7;
    min-height:76px
}
.arwits-sc-page .arwits-sc-package a {
    font-weight:700;
    color:#0a61bd;
    font-size:14px;
    text-decoration:none
}
.arwits-sc-page .arwits-sc-package a i {
    margin-left:5px
}
.arwits-sc-page .arwits-sc-package-featured {
    border-top:3px solid #ff6600
}
.arwits-sc-page .arwits-sc-package-note {
    text-align:center;
    color:#718295;
    font-size:12px;
    margin:14px 0 0
}
.arwits-sc-page .arwits-sc-faq {
    background:#fff
}
.arwits-sc-page .arwits-sc-faq-wrap {
    max-width:860px;
    margin:auto
}
.arwits-sc-page .arwits-sc-faq-item {
    padding:18px 0;
    border-bottom:1px solid #dfe7f1
}
.arwits-sc-page .arwits-sc-faq-item h3 {
    font-size:17px;
    font-weight:700;
    color:#092760;
    margin:0 0 10px
}
.arwits-sc-page .arwits-sc-faq-item p {
    font-size:14px;
    line-height:1.75;
    color:#62768e;
    margin:0
}
.arwits-sc-page .arwits-sc-cta {
    background:#092760;
    padding:45px 0;
    color:#fff
}
.arwits-sc-page .arwits-sc-cta h2 {
    font-size:29px;
    color:#fff;
    font-weight:700;
    line-height:1.3;
    margin:0 0 11px
}
.arwits-sc-page .arwits-sc-cta h2 span {
    color:#ffad6f
}
.arwits-sc-page .arwits-sc-cta p {
    color:#e1eaf5;
    line-height:1.7;
    font-size:15px;
    margin:0
}
.arwits-sc-page .arwits-sc-cta-actions {
    text-align:right;
    padding-top:19px
}
.arwits-sc-page .arwits-sc-btn-whatsapp {
    background:#0e9256;
    color:#fff;
    border:1px solid #0e9256
}
.arwits-sc-page .arwits-sc-btn-whatsapp:hover {
    background:#077344;
    color:#fff;
    text-decoration:none
}