﻿body {
}



/*--------------------1440px--------------------*/


@media only screen and (min-width:1440px) {


    .container {
        max-width: 85% !important;
    }

    h1 {
        font-size: 2.9vw;
    }

    h2 {
        font-size: 2.4vw;
    }

    h3 {
        font-size: 2.1vw;
    }

    h4 {
        font-size: 1.8vw;
    }

    h5 {
        font-size: 1.5vw;
    }

    h6 {
        font-size: 1.2vw;
    }

    p {
        font-size: 1.2vw;
    }
}









/*--------------------1680px--------------------*/


@media only screen and (min-width:1680px) {


    .container {
        max-width: 85% !important;
    }

    h1 {
        font-size: 2.9vw;
    }

    h2 {
        font-size: 2.4vw;
    }

    h3 {
        font-size: 2.1vw;
    }

    h4 {
        font-size: 1.8vw;
    }

    h5 {
        font-size: 1.5vw;
    }

    h6 {
        font-size: 1.2vw;
    }

    p {
        font-size: 1.2vw;
    }
}








/*--------------------2048px--------------------*/
@media only screen and (min-width:2048px) {

    .container {
        max-width: 85% !important;
    }

    h1 {
        font-size: 3vw;
    }

    h2 {
        font-size: 2.4vw;
    }

    h3 {
        font-size: 2.1vw;
    }

    h4 {
        font-size: 1.8vw;
    }

    h5 {
        font-size: 1.5vw;
    }

    h6 {
        font-size: 1.2vw;
    }

    p {
        font-size: 1.2vw;
    }
}


@media screen and (min-width: 1920px) {
    ul.navbar-nav {
        margin-left: 25.51vw;
        margin-top: 0.50vw;
    }
    .modal-lg, .modal-xl {
        max-width:85vw !important;
    }
    .mdls .headings {
        font-family: "Montserrat", sans-serif;
        line-height: 1.3;
        font-weight: 700;
        color: #2580C3;
        font-size: 1.20vw;
    }
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
        position: fixed !important;
        right: 0.87vw !important;
        top: 1.6vw !important;
    }
    .footer .cod:after {
        content: "";
        width: 3px;
        height: 5.14vw;
        background: #86a947;
        position: absolute;
        right: 1%;
        top: 5.88vw;
    }
}



















/*--------------------2560px--------------------*/
@media only screen and (min-width:2560px) {

    .container {
        max-width: 85% !important;
    }



    h1 {
        font-size: 3vw;
    }

    h2 {
        font-size: 2.4vw;
    }

    h3 {
        font-size: 2.1vw;
    }

    h4 {
        font-size: 1.8vw;
    }

    h5 {
        font-size: 1.5vw;
    }

    h6 {
        font-size: 1.2vw;
    }

    p {
        font-size: 1.2vw;
    }
}














/*--------------------2880px--------------------*/


@media only screen and (min-width:2880px) {

    .container {
        max-width: 85% !important;
    }

    h1 {
        font-size: 3vw;
    }

    h2 {
        font-size: 2.4vw;
    }

    h3 {
        font-size: 2.1vw;
    }

    h4 {
        font-size: 1.8vw;
    }

    h5 {
        font-size: 1.5vw;
    }

    h6 {
        font-size: 1.2vw;
    }

    p {
        font-size: 1.2vw;
    }
}





/*--------------------5120px--------------------*/


@media only screen and (min-width:5120px) {


    .container {
        max-width: 85% !important;
    }

    h1 {
        font-size: 2.9vw;
    }

    h2 {
        font-size: 2.4vw;
    }

    h3 {
        font-size: 2.1vw;
    }

    h4 {
        font-size: 1.8vw;
    }

    h5 {
        font-size: 1.5vw;
    }

    h6 {
        font-size: 1.2vw;
    }

    p {
        font-size: 1.2vw;
    }
}







/*-- Media Query of phone ---*/

@media only screen and (max-width: 600px) {
    body{
        font-size:16px;
    }
    #sidebar-text {
        font-size: 4.2vw !important;
    }

    .ServicesNav h3 {
        font-size: 5vw !important;
    }

    .hide-mobile-form {
        display: none !important;
    }

    .outsourcing-p {
        font-size: 3vw !important;
    }

    .outsourcing-p2 {
        font-size: 3vw !important;
    }

    .accounting-heading {
        font-size: 5vw !important;
    }

    .tablestyle1 .form-label {
        font-size: 3vw !important;
    }

    .tablestyle1 h1 {
        font-size: 5vw !important;
    }

    .tablestyle1 .form-control {
        font-size: 4vw !important;
    }

    .tablestyle1 #head-form {
        font-size: 4.9vw !important;
    }

    .back97 p {
        font-size: 3.3vw !important;
    }

    .delayedPopupWindow {
        display: none;
        position: fixed;
        width: 88%;
        border: 2px solid #1F69B1;
        top: 14%;
        background: #fff;
        left: 6%;
        right: 15%;
        z-index: 102;
    }

    #form-height {
        height: 18vh !important;
    }

    .modal-content {
        width: 100% !important;
    }

    .modal-body label {
        font-size: 2.9vw !important;
    }

    .modal-body .form-control {
        font-size: 3vw;
    }

    .modal-content h4 {
        font-size: 5vw;
        margin-top: 1vh;
    }

    .modal-header.text-center {
        height: 12vh !important;
    }

    input#body_abcde_btnclientservice {
        font-size: 4vw !important;
    }

    .modal-content {
        left: 1.5%;
    }
    .navbar-light .navbar-nav .nav-link {
        font-family: "Montserrat", sans-serif;
        color: #2480c3 !important;
        font-size: 16px;
        text-transform: capitalize;
        font-weight: 600;
        padding-left: 0.40vw;
        padding-right: 0.40vw;
        /*margin-left:0.40vw;
    margin-right:0.40vw;
    padding: 0.5vw 0.50vw;*/
        letter-spacing: .025em;
        padding-bottom: 0vw;
        /*transition: all 500ms ease;*/
    }

        .navbar-light .navbar-nav .nav-link:hover {
            color: #86a946 !important;
            font-size: 16px;
            font-weight: 600;
            transition-property: left right;
            transition-duration: 0.3s;
            transition-timing-function: ease-out;
        }
    .dropdown-item {
        display: block;
        width: 100%;
        font-family: "Montserrat", sans-serif;
        clear: both;
        font-size: 15px !important;
        font-weight: 500 !important;
        color: #2480c3 !important;
        text-align: inherit;
        white-space: nowrap;
        background-color: transparent;
        border: 0;
    }
    .sls{
        display:none;
    }
    .btnnavbar1 {
        color: #fff;
        font-family: "Montserrat", sans-serif;
        background-color: #86a947 !important;
        border-color: #86a947;
        display: inline-block;
        font-weight: 600;
        text-align: center;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: transparent;
        border: 1px solid #86a947;
        padding: 5px 10px 5px 10px;
        font-size: 16px;
        margin-top: 5px;
        line-height: 1.5;
        margin-left: 1.50vw;
        margin-right: 1vw;
        border-radius: 0.25rem;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
        .btnnavbar1:hover {
            color: #86a947;
            font-family: "Montserrat", sans-serif;
            background-color: #ffffff !important;
            border-color: #86a947;
            display: inline-block;
            font-weight: 600;
            text-align: center;
            vertical-align: middle;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            background-color: transparent;
            border: 1px solid #86a947;
            padding: 5px 10px 5px 10px;
            font-size: 16px;
            margin-top: 5px;
            line-height: 1.5;
            margin-left: 1.50vw;
            margin-right: 1vw;
            border-radius: 0.25rem;
            text-decoration: none;
            transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        }
    .btnnavbar {
       
        color: #86a947;
        font-family: "Montserrat", sans-serif;
        background-color: #ffffff !important;
        border-color: #86a947;
        display: inline-block;
        font-weight: 600;
        text-align: center;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: transparent;
        border: 1px solid #86a947;
        padding: 5px 10px 5px 10px;
        font-size: 16px;
        margin-top: 5px;
        line-height: 1.5;
        margin-left: 0.50vw;
        border-radius: 0.25rem;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

    .btndemo:hover {
        color: #fff;
        text-decoration: none;
    }
    .stb{ display:none;

    }
    .butto {
        padding:0px;
        display: inline-flex;
        list-style: none;
        margin-top: 2vw;
    }
   

    .navbar-nav {
        padding-left: 1.51vw;
        padding-top: 0.73vw;
        margin-left: 0;
        background-color: #fff !important;
    }

    .navbar-light .navbar-brand {
        top: 0.20vw;
        color: #fff;
        z-index: 70;
        position: relative !important;
    }
    .sticky-top {
        position: relative;
        top: 0;
        z-index: 1020;
    }
    .navbar-brand {
        top: 0vh;
        color: #fff;
        z-index: 70;
        position: relative;
    }
    ul.navbar-nav {
        margin-left: 0.51vw;
        margin-top: 0.50vw;
    }
    .navbar-light .navbar-toggler {
        color: #80a649 !important;
        border-color: rgb(134 169 70) !important;
    }
    .navbar-brand img {
        width: 40.2vw;
    }
    .top-header a {
        color: #fff;
        font-family: "Montserrat", sans-serif;
        font-size: 16px;
        line-height: 1.71429;
        text-decoration: none;
    }

        .top-header a:hover {
            color: #fff;
            text-decoration: none;
        }

    .top-header svg {
        color: #86a947;
        margin-right: 0.50vw;
        font-size: 16px;
    }
    .topsocial ul{
        text-align:left;
    }
    .video-banner video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .steam img {
        width: 33%;
    }
    .steam h3 {
        font-family: "Montserrat", sans-serif;
        font-size: 20px;
        color: #186aa5;
        font-weight: 600;
        margin-top: 1vw;
    }
    .steam span {
        padding-bottom: 1vw;
        border-bottom: 1px solid #86a946;
        width: 38%;
        margin-left: 27vw;
    }
    .steam .card {
        padding:10px;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    }
    .steam .col-md-3{
        margin-bottom:25px;
    }
    .heading {
        font-family: "Montserrat", sans-serif;
        line-height: 1.3;
        font-weight: 700;
        color: #2580C3;
        font-size: 25px;
    }
    .seprator {
        width: 60%;
        display: flex;
        margin: 0;
        direction: ltr;
        border: 2px solid #86a947;
    }
    .sec2 p {
        font-family: "Open Sans", sans-serif;
        font-size: 16px;
        font-weight: 400;
        margin-top: 1vw;
        margin-bottom: 1.5vw;
    }
    .btndemo {
        text-transform: capitalize;
        color: #fff;
        font-family: "Montserrat", sans-serif;
        background-color: #2480c3 !important;
        border-color: #2480c3;
        display: inline-block;
        font-weight: 500;
        text-align: center;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: transparent;
        border: 1px solid #2480c3;
        padding: 0.80vw 1.5vw;
        font-size: 16px;
        line-height: 1.5;
        text-decoration: none;
        /*margin-left: 0.50vw;
    margin-right: 0.50vw;*/
        border-radius: 0.25rem;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }.col-md-6,.col-md-7{
         margin-bottom:10px;
     }
    .sec2 ul li {
        font-family: "Montserrat", sans-serif;
        font-size: 16px;
        font-weight: 500;
        color: #2583c0;
        margin-left: 15px !important;
    }
    .sec2 svg {
        font-size: 22px;
        color: #86a947;
        margin-top: 25px;
    }
    .sec2 {
         padding-top: 3vw; 
        padding-bottom: 3vw;
    }
    .sec3 h4 {
        font-size: 20px;
        color: #2580c3;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        margin-top: 1.2vw;
        margin-bottom: 2vw;
    }
    .sec3 img {
        width: 100%;
    }
    .sec3 h3 {
        margin-top: 2vw;
        font-size: 20px;
        color: #2580c3;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        margin-bottom: 1vw;
    }
    .appt ul {
        padding:5px;
        margin-right:5px;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    }
    .prog .pty p {
        margin-bottom: 1.5vw;
        font-family: "Open Sans", sans-serif;
        font-size: 17px;
        font-weight: 400;
        color: #333;
        text-align: center;
    }
    .prog h3 {
        margin-top: 1vw;
        font-size: 17px;
        font-weight: 600;
        color: #333;
        font-family: "Open Sans", sans-serif;
        text-align: center;
    }
    .btndemos {
        text-transform: uppercase;
        color: #fff;
        font-family: "Montserrat", sans-serif;
        background-color: #83a848 !important;
        border-color: #83a848;
        display: inline-block;
        font-weight: 600;
        text-align: center;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: transparent;
        border: 1px solid #83a848;
        padding: 0.80vw 1.5vw;
        font-size: 16px;
        line-height: 1.5;
        text-decoration: none;
        /*margin-left: 0.50vw;
    margin-right: 0.50vw;*/
        border-radius: 0.25rem;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
    .footer p {
        color: #fff;
        margin-top: 1vw;
        margin-bottom: 0.50vw;
        font-size: 16px;
    }
    .footer ul li a {
        color: #fff;
        font-size: 16px;
        text-decoration: none;
    }
    .footer .col-md-2 {
        margin-top: 1.25vw;
        padding-left: 15px !important;
    }
    .footer h3 {
        color: #fff;
        font-family: "Montserrat", sans-serif;
        font-size: 18px;
        font-weight: 700;
    }
    .footer .col-md-2 svg {
        color: #fff;
        font-size: 15px;
        margin-right: 3px;
    }
    .fbottom p a {
        text-align: center;
        color: #FFFFFF;
        font-size: 14px;
        text-decoration: none;
    }
    .fbottom p {
        text-align: center;
        color: #FFFFFF;
        font-size: 14px;
        margin: 0px;
    }
    .footer .cod:after {
        content: "";
        width: 3px;
        height: 5.14vw;
        background: #2583c0;
        position: absolute;
        right: 0%;
        top: 5.88vw;
    }
    .footer-widget-follow ul li a {
        display: inline-block;
        color: #fff;
        height: 30px;
        width: 30px;
        line-height: 30px;
        background: #86a947;
        border-radius: 50%;
        text-align: center;
        margin-right: 0.73vw;
        margin-top: 0.58vw;
        transition: .5s;
    }
    .progress-container {
        position: relative;
        width: 70%;
        height: 100%;
    }
    .percentage {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 35px;
        font-weight: bold;
        color: #2583c0;
    }
    .box span {
        font-size: 22px;
        color: #2583C0;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
    }
    .sticky-top {
       
         position: relative!important; 
         top: 0; 
         z-index: 1020; 
    }
    .box p {
        margin: 0px 0 0 0;
        font-family: "Montserrat", sans-serif;
        font-size: 25px;
        color: #86a947;
        font-weight: 600;
    }
    .prct p {
        padding: 0.73vw 0;
        font-weight: 700;
        font-family: "Montserrat", sans-serif;
        text-transform: capitalize;
        font-size: 21px;
        color: #2583C0;
    }
    .demo h2 {
        color: #2580C3;
        margin-top: 1.5vw;
        font-size: 25px;
        line-height: 1;
        margin-bottom: 1.5vw;
        font-weight: 600;
    }
        .demo h2 span {
            color: #86a947;
            margin-top: 1.5vw;
            font-size: 25px;
            line-height: 1;
            font-weight: 600;
        }
    .demo table tr td{
        display:block;

    }
    .demo h1 {
        color: #fff;
        font-size: 25px;
    }
    .demo label {
        color: #fff;
        font-size: 16px;
    }
    .demo table tr td {
        padding: 5px;
    }
    .demo span {
        color: #fff;
        font-size: 16px;
    }
    .rating li span {
        color: #000;
        font-size: 12px;
    }
    .rating li p {
        font-size: 16px;
    }
    .rating .star {
        width: 25%;
    }
    .demo .w-50 {
        width: 60% !important;
    }
    .sight li {
        font-weight: 600;
        color: #2580c3;
        font-size: 20px;
        margin-bottom: 0px;
    }
    .insight h6 {
        font-size: 16px;
        margin-bottom: 1.5vw;
    }
    .insight h4 {
        font-size: 18px;
        color: #2580c3;
    }
    .contact h1 {
        font-family: "Montserrat", sans-serif;
        line-height: 1.3;
        font-weight: 700;
        font-size: 20px;
        color: #2580C3;
        position: relative;
        display: inline-block;
        padding: 1.83vw 0 2.20vw 0;
        margin: 0;
    }
        .contact h1:before {
            content: '';
            position: absolute;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            width: 100%;
            height: 1.47vw;
            border: 2px solid #86a947;
            top: 0;
            border-bottom: 0;
        }
        .contact h1:after {
            content: '';
            position: absolute;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            width: 100%;
            height: 1.47vw;
            border: 2px solid #86a947;
            bottom: 0;
            border-top: 0;
        }
    .contact h4 {
        margin-top: 1.5vw;
        font-family: "Open Sans", sans-serif;
        line-height: 1.3;
        font-weight: 700;
        color: #2580C3;
        font-size: 19px;
        text-align: center;
    }
    .contact p {
        margin-bottom:0px;
        text-align: center;
        font-size: 16px;
        font-family: "Open Sans", sans-serif;
    }
    .contact .col-md-4{
        margin-bottom:25px;
    }
    .contform .container {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
        padding: 0px;
        min-height:100%!important;
        width: 100%!important;
        margin-right: auto!important;
        margin-left: auto!important;
    }
    .contform .text, .information, .social-media p {
        font-size: 16px;
    }
    .contform .title {
        font-size: 1.15rem;
        margin-bottom: 10px;
    }
    .input-container.focus span:before,
    .input-container.focus span:after {
        width: 1%!important;
        opacity: 1;
    }
    .input-container label {
        position: absolute;
        top: 50%;
        left: 1.10vw;
        transform: translateY(-50%);
        padding: 0 0.47vw;
        color: #fafafa;
        font-size: 16px!important;
        font-weight: 400;
        pointer-events: none;
        z-index: 1000;
        transition: 0.5s;
    }
    .contform .contact-form:before {
        top: -3px;
        left: initial;
        right: 179px;
    }
    .contform .contact-form:before {
        content: "";
        position: absolute;
        width: 10.91vw;
        height: 8.91vw;
        background-color: #82a74d;
        transform: rotate(45deg);
        top: -1.33vw;
        left: 35.05vw;
    }
    .contform .btn {
        padding: 0.70vw 1.52vw;
        background-color: #82a74d;
        border: 2px solid #8BC34A;
        font-size: 16px;
        color: #fff;
        font-weight: 700;
        line-height: 1;
        border-radius: 5px;
        outline: none;
        cursor: pointer;
        transition: 0.3s;
        margin: 0;
        width: 100%;
    }
    .contform .circle.one {
        width: 9.55vw;
        height: 9.55vw;
        top: 9.55vw;
        right: 1.06vw;
    }
    .contform .input {
        width: 100%;
        outline: none;
        border: 2px solid #fafafa;
        background: none;
        padding: 0.70vw 1.41vw;
        color: #fff;
        font-weight: 500;
        font-size: 14px!important;
        letter-spacing: 0.5px;
        border-radius: 5px;
        transition: 0.3s;
        margin-bottom:12px;
    }
    .demo .form-control {
        font-size: 16px !important;
    }

    .contform p {
        font-weight:600;
        margin-bottom: 0px;
        font-size: 16px;
    }
    .contform .information svg {
        color: #2570a7;
        font-size: 16px;
    }
    .contform .form {
        width: 100%;
        max-width: 91%;
        background-color: #fff;
        border-radius: 10px;
        box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);
        z-index: 1000;
        overflow: hidden;
        display:block;
        grid-template-columns: repeat(2, 1fr);
    }
    .mdls .headings {
        font-family: "Montserrat", sans-serif;
        line-height: 1.3;
        font-weight: 700;
        color: #2580C3;
        font-size: 18px;
    }
    .mdls a {
        color: #2580C3;
        font-size: 16px;
        text-decoration: none;
    }
        .mdls a:hover {
            color: #578309;
            font-size: 16px;
            text-decoration: none;
        }
    .mdls svg {
        margin-left: 1.5vw;
        margin-right: 1.5vw;
        font-size: 15px;
    }
    .mdls h3 {
        font-size: 17px;
        color: #578309;
    }
    .modal {
        position: fixed;
        top: 0;
        left: -6px!important;
        z-index: 1050;
        display: none;
        width: 100%;
        height: 100%;
        overflow: hidden;
        outline: 0;
    }
    .mdls .modal-title {
        color: #fff;
        font-size: 17px;
    }
    

    .mdls h3 span {
        font-size: 15px;
        text-decoration: underline;
    }
    .mdls h5 {
        margin-bottom: 1.8vw;
        font-style: italic;
        text-align: left;
        color: #578309;
        font-size: 18px;
    }
    .banners h1 {
        color: #fff;
        font-size: 21px;
    }
    .blog h3 {
        color: #2580C3;
        font-size: 18px;
        font-weight: 600;
    }
    .blog p {
        color: #000;
        font-size: 16px;
    }
    .blogancor {
        color: #fff;
        background: #86a947;
        padding: 5px;
        font-size: 16px;
        font-weight: 500;
    }
    .blog hr {
        border-top: 2px solid #cccce7 !important;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .blog .mt-5, .my-5 {
        margin-top: 5px !important;
    }
    .blog .col-md-5, .col-md-7{
        margin-bottom:15px;
    }
    .blogancor:hover {
        color: #86a947;
        background: #fff;
        border: 1px solid #86a947;
        padding: 5px;
        font-size: 16px;
        font-weight: 500;
    }
    .article h4 {
        font-size: 18px;
        color: #2580c3;
    }
    .article p span {
        color: #86a947;
        font-weight: 700;
        font-size: 16px;
    }
    .sec2 h4 {
        font-size: 20px;
        color: #2580c3;
    }
    .secul li {
        font-size: 16px !important;
        margin-left: 0px !important;
        color: #212529 !important;
    }
    .career h3 {
        font-size: 21px !important;
        margin-bottom: 0px;
        text-transform: capitalize;
        margin-top: 0;
        line-height: 1.2;
        font-weight: 700;
        color: #2580C3;
        font-family: 'Fira Sans', sans-serif;
        font-style: normal;
        margin: 0 0 1vw;
        transition: .5s;
    }
    .career .ccp {
        color: #6d6d6d;
        font-family: "Rubik",Sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 16px;
        line-height: 1.5;
        margin-top: 1.5vw;
        margin-bottom: 2vw;
    }
    .btncarrer {
        background: #237fba;
        color: #fff;
        font-size: 16px;
        text-transform: uppercase;
        padding: 0.58vw 1.91vw;
        transition: .5s;
        position: relative;
        z-index: 1;
        text-decoration: none;
        border-radius: 2.20vw;
        overflow: hidden;
    }
    .careerjobopening .btn-danger {
        color: #fff;
        font-size: 16px;
        background-color: #237fba;
        border-color: #237fba;
        border-radius: 4vw;
        padding: 1.5vw 1.5vw 1.5vw 1.5vw;
    }
    .careerjobopening h6 {
        font-size: 16px;
    }
        .careerjobopening .btn-danger:hover {
            background-color: #86a947;
            font-size: 16px;
            border-color: #86a947;
        }
    .careerjobopening h4 {
        color: #237fba;
        font-size: 17px;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 1.09vw;
        letter-spacing: 0.07vw;
        margin: 0 0 0.36vw;
    }
        .careerjobopening h4 span {
            color: #232323;
            font-size: 17px;
            text-transform: uppercase;
            font-weight: 600;
            margin-bottom: 1.09vw;
            letter-spacing: 0.07vw;
            margin: 0 0 0.36vw;
        }
    .careerjobopening p {
        font-size: 16px;
    }
    .fts table tr td {
        display: block;
        font-size: 16px;
        width:100%!important;
    }
    .smbt .form-control {
        height: calc(1.5em + .75rem + 2px)!important;
        padding: .375rem .75rem!important;
        font-size: 1rem!important;
    }

    








}
