:root {
    --firstColor: #E27715;
    --firstHoverColor: #e27815cb;
    --grayLightColor: #F1F1F1;
    --whiteColor: #FFF;
}

@font-face {
    font-family: "Consultant";
    src: url("/assets/fonts/Consultant.otf");
    font-weight:normal;
    font-style:normal;
    font-display: swap;
}

* {outline: none !important;}

a {text-decoration: none !important;}

.bg-info {
    background-color: var(--firstColor) !important;
}

.btn-info:hover, .btn-info:focus, .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:active:hover, .btn-info.active:hover, .show>.btn-info.dropdown-toggle, .show>.btn-info.dropdown-toggle:focus, .show>.btn-info.dropdown-toggle:hover {
    background-color: var(--firstColor);
}

.btn, .navbar .navbar-nav>a.btn {
    line-height: 1rem;
}

.btn:hover, .btn:focus, .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus, .btn:active:hover, .btn.active:hover, .show>.btn.dropdown-toggle, .show>.btn.dropdown-toggle:focus, .show>.btn.dropdown-toggle:hover, .navbar .navbar-nav>a.btn:hover, .navbar .navbar-nav>a.btn:focus, .navbar .navbar-nav>a.btn:not(:disabled):not(.disabled):active, .navbar .navbar-nav>a.btn:not(:disabled):not(.disabled).active, .navbar .navbar-nav>a.btn:not(:disabled):not(.disabled):active:focus, .navbar .navbar-nav>a.btn:not(:disabled):not(.disabled).active:focus, .navbar .navbar-nav>a.btn:active:hover, .navbar .navbar-nav>a.btn.active:hover, .show>.navbar .navbar-nav>a.btn.dropdown-toggle, .show>.navbar .navbar-nav>a.btn.dropdown-toggle:focus, .show>.navbar .navbar-nav>a.btn.dropdown-toggle:hover {
    background-color: var(--whiteColor);
    color: var(--firstColor);
}

.n-logo {
    margin-bottom: 4rem;
}

.index-page .page-header .container>.content-center {
    top: 50%;
}

.page-header .content-center {
    padding: 0;
    width: 70%;
    max-width: 90%;
}

.page-header-slogan {
    font-family: "Consultant";
    font-size: 2.5rem;
    line-height: 2.5rem;
}

.titleSection {
    font-size: 1.8rem;
    line-height: 2rem;
    font-family: "Consultant";
    color: var(--colorText);
    margin: 0 0 0 2rem;
}

.title {
    font-size: 3.8rem;
    line-height: 4.2rem;
    padding: 0;
}

.title span {
    color: var(--firstColor);
}

.section-web-design h3 {
    margin: 0;
}

.section-services-products {
    margin: 4rem 0 12rem;
}

.card-body {
    padding: 5rem 4rem;
    text-align: center;
    border-radius: 1rem;
}

.card-body svg {
    height: 4rem;
    margin-bottom: 2rem;
}

.card-body svg path {
    fill: var(--firstColor);
}

.card-body ul {
    text-align: left;
}

.section-experience {
    margin: 0 auto 12rem;
}

.exp-text-content {
    background: var(--firstColor);
    padding: 4rem 4rem 2.5rem;
    border-radius: 2rem;
}

.exp-text-content h2 {
    font-size: 2rem;
    margin: 0;
    color: var(--whiteColor);
}

.exp-text-content p {
    color: var(--whiteColor);
}

.section-download {
    padding: 120px 0 80px !important;
}

.section-download h2 {
    font-size: 1.5rem;
}

.section-download ul {
    text-align: left;
    list-style: none;
    margin: 0;
    padding: 0;
}

.section-download ul li {
    margin: .5rem 0;
}

.section-download ul li a:hover {
    color: var(--firstColor) !important;
}

.contact_form-container {
    width: 400px;
    padding: 3rem 2rem;
    background-color: #494949;
    position: absolute;
    top: -10rem;
    left: -4.7rem;
    text-align: center;
}

.contact_form-container h2 {
    color: var(--whiteColor);
    font-size: 1.5rem;
    line-height: 1.8rem;
    margin: 0;
}

.contact_form-container p {
    color: var(--whiteColor);
    font-size: .9rem;
    line-height: 1.2rem;
    margin: 0 auto 2rem;
    width: 80%;
}

.contact_form-input {
    padding: .7rem 1rem;
    background-color: var(--whiteColor);
    margin: .8rem 0;
    font-size: 0;
}

.contact_form-input input {
    font-size: 1rem;
    width: 100%;
    border: none;
    outline: none;
    font-family: "Poppins Light";
}

.contact_form-textarea {
    padding: .7rem 1rem;
    background-color: var(--whiteColor);
    margin: .8rem 0;
    font-size: 0;
}

.contact_form-textarea textarea {
    font-size: 1rem;
    width: 100%;
    height: 6rem;
    border: none;
    outline: none;
    font-family: "Poppins Light";
}

.contact_form-buttons button {
    width: 100%;
    padding: .8rem 1rem;
    background-color: var(--firstColor);
    color: var(--whiteColor);
    margin: .5rem 0;
    font-size: 1rem;
    border: none;
    cursor: pointer;
}

.contact_form-buttons button:hover {
    background-color: var(--firstHoverColor);
}

.footer .copyright {
    float: none;
    padding: 1.5rem 1rem;
    text-align: center;
    background: #FFF;
    border-radius: 2rem;
    font-size: 1rem;
    color: var(--gray-dark);
    margin-bottom: 40px;
}

.swb_solutions {
    padding: 6rem 0 0;
}

.swb_solutions__subtitle {
    text-align: center;
    font-size: 1.5rem;
}

.latest-news {
    padding: 30px 0 210px;
}

.news-text-box {
    padding: 2rem;
    border: 1px var(--firstColor) dashed;
    margin: 1rem 0 3rem;
    border-radius: 1rem;
}

.news-text-box h3 {
    font-weight: bold;
}

.news-text-box a {
    padding: 1rem 4rem;
    border: 1px var(--firstColor) solid;
    font-size: 1rem;
}

.news-text-box a:hover {
    border: 1px var(--firstColor) solid;
    box-shadow: none;
}

.contact-services {
    padding-top: 9rem;
}

.contact-info {
    padding-bottom: 9rem;
    margin-top: 5rem;
}

.contact-info__items {
    background-color: var(--firstColor);
    padding: 5rem 5rem 6rem;
    border-radius: 2rem;
    margin: 1rem 0;
    border: 1px var(--firstColor) dashed;
}

.contact-info__item {
    border-bottom: 1px var(--whiteColor) dashed;
    margin-top: 2rem;
}

.contact-info__item p {
    margin: 0;
    color: var(--whiteColor);
}

.contact-info__item a {
    color: var(--whiteColor);
}

.contact-info__item h2 {
    font-size: 1.9rem;
    color: var(--whiteColor);
}

.team-header {
    background-color: var(--firstColor);
    height: 6.5rem;
}

.team-info {
    padding-bottom: 12rem;
}

.team-info-image {
    overflow: hidden;
    border-radius: 2rem;
}

.team-info-text h2 {
    margin: 0;
}

.team-info-contact-item {
    padding: 2rem;
    text-align: center;
}

.team-info-contact-item svg {
    height: 1.2rem;
}

.team-info-contact-item p {
    font-size: 1.2rem;
    font-weight: bold;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1366px;
    }
}