body {
    
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-size: 1.17vw;
}
p {
    font-family: "Open Sans", sans-serif!important;
}
.navbar {
    position: sticky;
    padding: 0.5vw !important;
    padding-top: 2.8vw !important;
    padding-bottom: 2.7vw !important;
    border-bottom: 1px solid #e5e7e9;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.58vw!important;
    padding-left: 0.58vw!important;
}
.nav-link {
    display: block;
    padding: 0.2vw!important;
}
.navbar-brand img {
    /* width: 17.5vw; new logo*/
    width: 13vw;
}
.top-header ul li {
    display: inline;
    font-size: 1vw;
    color: white;
    margin-right: 1.2vw;
}

.top-header a {
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 1vw;
    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: 1.20vw;
}

.topsocial ul {
    margin-bottom: 0.2vw;
    margin-left: 6.8vw;
    padding: 0px;
    text-align: right;
}

.top-header ul {
    margin-bottom: 0vw;
    margin-left: 1vw;
    padding: 0px;
    opacity: 1;
}
.helpdsk svg{
    margin-right:0.30vw;
}
.top-header {
    background-color: #000;
    padding: 0;
    margin: 0;
    padding-top: 0vw;
    border-bottom: 1px solid #e5e7e9;
}
.welcome svg{
    font-size:1.25vw!important;
    margin-right:0.2vw;
    margin-top:0.7vw!important;
}
.welcome ol {
    list-style: none;
    padding-left: 0vw;
}
.welcome ol li{
    font-size:1.17vw;
}
    .welcome ol li b {
        color: #2580c3;
    }
.welcome p span {
    color: #000;
    font-weight: 600;
}
    .welcome ol li span {
        color:#000;
        font-weight:600;
    }
.sec2 h4 {
    font-size: 1.40vw;
    color: #86a947;
    font-weight: 700;
}
.secul li {
    font-size: 1.17vw !important;
    margin-left: 0px !important;
    color: #212529 !important;
}
.secul {
    display: block!important;
    padding-left: 1.30vw !important;
    list-style: disc !important;
}
    .secul li b {
        color: #86a947;
    }

.sec2 p b {
    color: #2580c3;
    font-weight:600;
}
.welcome p a{
    color:#000;
    text-decoration:none;
}

.navbar-brand {
    margin-left: 2vw;
    padding: 0px!important;
}
.navbar-light .navbar-brand {
    top: 0.20vw;
    color: #fff;
    z-index: 70;
    position: absolute;
}
.dropdown:hover .drp {
    display:block;
       
}
.footnav{
    font-size:0.55vw;
    color:#fff;
    text-decoration:none;
}
.footnav:hover {
   
    color: #fff;
    text-decoration: none;
}
ul.navbar-nav {
    margin-left: 22.51vw;
    margin-top: 0.50vw;
}

.sticky-top.scrolled {
    background-color: #fff !important;
    transition: background-color 200ms linear;
    opacity: 1;
    border-bottom: 1px solid #e5e7e9;
}

    .sticky-top.scrolled .nav-link {
        color: #555;
    }
.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: 0.44vw;
    font-size: 1.02vw;
    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;
}

.btndemo {
    text-transform: uppercase;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    background-color: #2480c3 !important;
    border-color: #2480c3;
    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 #2480c3;
    padding: 0.80vw 1.5vw;
    font-size: 1.02vw;
    line-height: 1.5;
    border-radius: 4vw;
    text-decoration: none;
    /*margin-left: 0.50vw;
    margin-right: 0.50vw;*/
    
    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 {
        background-color: #86a947!important;
        font-size: 1.02vw;
        border-color: #86a947;
    }
.btnnavbar1 {
    color: #fff;
    margin-top: -0.1vw;
    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: 0.35vw;
    font-size: 1.02vw;
    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 {
        margin-top: -0.1vw;
        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: 0.35vw;
        font-size: 1.02vw;
        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:hover {
    color: #fff;
    background-color: #86a947 !important;
    text-decoration: none;
}
.bannerhome {
    background-color: rgba(0, 54, 121, 0);
    background-image: url(../Images/Banners/banner.png);
    background-size: cover;
    
}
.bannerbg {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.58) 100%);
    padding-top: 7vw;
    padding-bottom: 20vw;
}
.bannerhome h1 {
    font-family: "Montserrat", sans-serif;
    font-size:2.94vw;
    font-weight:700;
    color:#fff;
    margin-bottom:1.5vw;
}
.bannerhome h2 {
    font-family: "Montserrat", sans-serif;
    font-size: 2.35vw;
    font-weight: 700;
    color: #fff;
    margin-bottom: 2.5vw;
}
.btndemos:hover {
    color: #fff;
    text-decoration: none;
}

.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: 1.02vw;
    line-height: 1.5;
    text-decoration: none;
    /*margin-left: 0.50vw;
    margin-right: 0.50vw;*/
    border-radius: 4vw;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.navbar-brand{
    font-size:0.60vw!important;

}









.bg-light1 {
    padding-top: 1.50vw;
    padding-bottom: 2.3vw;
    padding-left: 2vw;
    background-color: #fff;
    opacity: 0.99;
}



.navbar-light .navbar-nav .nav-link {
    font-family: "Montserrat", sans-serif;
    color: #2480c3 !important;
    font-size: 1.14vw;
    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: 1.14vw;
        font-weight: 600;
        transition-property: left right;
        transition-duration: 0.3s;
        transition-timing-function: ease-out;
    }
.flipbanner{
    margin-top:-14.70vw;
}
.steam{
    padding-top:5vw;
    padding-bottom:3vw;
}
    .steam h3 {
        font-family: "Montserrat", sans-serif;
        font-size: 1.47vw;
        color: #186aa5;
        font-weight: 600;
        margin-top: 1vw;
    }
    .steam img{
        width:30%;
    }
    .steam .card{
        border:none;
    }
    .steam span {
        padding-bottom: 1vw;
        border-bottom: 1px solid #86a946;
        width: 35%;
        margin-left: 6vw;
    }
.heading {
    font-family: "Montserrat", sans-serif;
    line-height: 1.3;
    font-weight: 700;
    color: #2580C3;
    font-size:1.83vw;
}
.sec2 {
    padding-top: 1.5vw;
    padding-bottom: 2vw;
}

    .sec2 p {
        font-family: "Open Sans", sans-serif;
        font-size:1.17vw;
        font-weight:400;
        margin-top:1vw;
        margin-bottom:1.5vw;
    }
     .devider {
        padding-block-start: 1.10vw;
        padding-block-end: 1.10vw;
    }
.seprator {
    width: 7.35vw;
    display: flex;
    margin: 0;
    direction: ltr;
    border: 2px solid #86a947;
}
.sptg {
    border: 2px solid #2580c3;
}
.sec2 ul {
    list-style: none;
    padding: 0px;
    display: inline-flex;
}
.sec2 svg {
    font-size: 3.2vw;
    color: #86a947;
    margin-top: 1.7vw;
}
    .sec2 ul li {
        font-family: "Montserrat", sans-serif;
        font-size: 1.47vw;
        font-weight: 500;
        color: #2583c0;
        margin-left: 1.5vw;
    }
    .sec2 .appt {
        margin-top: 4.5vw;
    }
    .sec3{
        padding-top:3vw;
        padding-bottom:3vw;
    }
        .sec3 h3 {
            margin-top:2vw;
            font-size: 1.80vw;
            color: #2580c3;
            font-family: "Montserrat", sans-serif;
            font-weight:700;
            margin-bottom:1vw;
        }
        .sec3 h4 {
            font-size: 1.70vw;
            color: #2580c3;
            font-family: "Montserrat", sans-serif;
            font-weight: 700;
            margin-top:1.2vw;
            margin-bottom:2vw;
        }
        .sec3 img{
            width:60%;
        }
.prog {
    padding-top: 3vw;
    padding-bottom: 3vw;
}
    .prog h3 {
        margin-top:1vw;
        font-size:1.83vw;
        font-weight:600;
        color: #333;
        font-family: "Open Sans", sans-serif;
        text-align:center;
    }
    .prog .pty p {
        margin-bottom:1.5vw;
        font-family: "Open Sans", sans-serif;
        font-size: 1.35vw;
        font-weight: 400;
        color: #333;
        text-align:center;
    }
  


.box {
    background: #fff;
    border-radius: 1.47vw;
    padding: 2.94vw;
    text-align: center;
   
}

    .box span {
        font-size: 4.41vw;
        color: #2583C0;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
    }

    .box p {
        margin: 0px 0 0 0;
        font-family: "Montserrat", sans-serif;
        font-size: 1.90vw;
        color: #86a947;
        font-weight: 600;
    }
.footer-widget-follow img{
    width:46%!important;
}
.footer {
    background-color: #2583C0;
    background-image: url(../Images/MedLex-Footer-Image.png);
    background-position: 83% 50%;
    background-repeat: no-repeat;
    background-size: 561px auto;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 3.35vw 0em 3.35vw 0em;
}
    .footer img {
        width: 40%;
        /* width: 65%; with new logo*/
        filter: brightness(0) invert(1);
    }
    .footer-widget-follow ul{
        padding:0px;
    }
.footer-widget-follow ul li {
    list-style: none;
    display: inline-block;
}

    .footer-widget-follow ul li a {
        display: inline-block;
        color: #fff;
        height: 2.20vw;
        width: 2.20vw;
        line-height: 2.20vw;
        background: #86a947;
        border-radius: 50%;
        text-align: center;
        margin-right: 0.73vw;
        margin-top: 0.58vw;
        transition: .5s;
    }
.phonefooter  li{
    color:#fff;
    font-size:1vw;
}
/*.footer-widget-follow ul li a:hover {
            background: #D0A37C;
            color: #fff;
        }*/
.footer p {
    color: #fff;
    margin-top: 0.3vw;
    margin-bottom: 0.20vw;
    font-size: 1vw;
}
.footer .col-md-3 {
    margin-top: 1.25vw;
}
.footer .cod:after {
    content: "";
    width: 3px;
    height: 5.14vw;
    background: #86a947;
    position: absolute;
    right: 2%;
    top: 5.88vw;
}
.footer .codd:after {
    content: "";
    width: 3px;
    height: 5.14vw;
    background: #86a947;
    position: absolute;
    right: 5%;
    top: 5.88vw;
}
.footer h3 {
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 1.47vw;
    font-weight:700;
}
.footer ul{
    list-style:none;
    padding:0px;
}
    .footer ul li a {
        color: #fff;
        font-size: 1vw;
        text-decoration: none;
    }
.footer .col-md-2 {
    margin-top: 1.25vw;
}
.footer .col-md-2 svg{
    color:#fff;
    font-size:1vw;
    margin-right:0.2vw;
}
.fbottom {
    padding-top:0.80vw;
    padding-bottom:0.80vw;
    background-color: #2570a7;
}
    .fbottom p {
        text-align: center;
        color: #ffffffb0;
        font-size: 0.80vw;
        margin: 0px;
    }
        .fbottom p a {
            text-align: center;
            color: #ffffffb0;
            font-size: 0.80vw;
            text-decoration: none;
        }

.prct body {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 100vh;
    background-color: #f4f4f4;
    margin: 0;
}
.prct p {
    padding: 0.73vw 0;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    font-size: 1.17vw;
    color: #2583C0;
}

.progress-container {
    position: relative;
    width: 11.02vw;
    height: 11.02vw;
}

.circular-progress {
    transform: rotate(-90deg);
}

    .circular-progress circle {
        fill: none;
        stroke-width: 10;
    }

.background {
    stroke: #e6e6e6;
}

.progress {
    stroke: #86a947;
    stroke-dasharray: 283; /* 2 * PI * radius (45) */
    stroke-dashoffset: 283; /* Full circumference initially hidden */
    transition: stroke-dashoffset 1s ease-out;
}

.percentage {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.76vw;
    font-weight: bold;
    color: #2583c0;
}
.banners {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
}
.mh1 {
    font-size: 2.50vw;
    color: #157053;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    text-align: center;
   
}

    .banners h1 {
        color: #fff;
    }
.bgg-ddark {
    background-color: transparent;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.81) 0%, rgba(0, 0, 0, 0.65) 100%);
    opacity: 0.75;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    padding: 7vw 0 7vw;
}
.contact{

    padding-top:5vw;
    padding-bottom:3vw;
}
    .contact h1 {
        font-family: "Montserrat", sans-serif;
        line-height: 1.3;
        font-weight: 700;
        font-size: 1.98vw;
        color: #2580C3;
        position: relative;
        display: inline-block;
        padding: 1.83vw 0 2.20vw 0;
        margin: 0;
    }
        .contact h1:after {
            content: '';
            position: absolute;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            width: 95%;
            height: 1.47vw;
            border: 1px solid #86a947;
            bottom: 0;
            border-top: 0;
        }
        .contact h1:before {
            content: '';
            position: absolute;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            width: 95%;
            height: 1.47vw;
            border: 1px solid #86a947;
            top: 0;
            border-bottom: 0;
        }
.rt{
    margin-top:4vw;
}
.contact .card {
    padding: 2vw;
    border:none;
    height:100%;
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.13);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
.contact svg{
    width:20%;
}
.contact p {
    text-align: center;
    font-size: 1.17vw;
    font-family: "Open Sans", sans-serif;
}
.contact h4 {
    margin-top:1.5vw;
     font-family: "Open Sans", sans-serif;
    line-height: 1.3;
    font-weight: 700;
    color: #2580C3;
    font-size:1.47vw;
    text-align:center;
}


.contform .form-control {
    background-color: #ef181800 !important;
    color:#fff!important;
    font-size:0.95vw!important;
}


.demo .form-control {
    font-size: 1.10vw !important;
}



.contform .container {
    position: relative;
    width: 100%;
    min-height: 100vh;
    padding: 2.35vw;
    background-color: #fafafa;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contform .form {
    width: 100%;
    max-width: 60.29vw;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    overflow: hidden;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.contform .contact-form {
    background: linear-gradient(to bottom, #86a947, #2583c0);
    position: relative;
    padding: 3vw;
}

.contform .circle {
    border-radius: 50%;
    background: linear-gradient(135deg, #33919e 20%, #010a10);
    position: absolute;
}

    .contform .circle.one {
        width: 9.55vw;
        height: 9.55vw;
        top: 9.55vw;
        right: -2.94vw;
    }

    .contform .circle.two {
        width: 5.88vw;
        height: 5.88vw;
        top: 0.73vw;
        right: 2.20vw;
    }

.contform .contact-form:before {
    content: "";
    position: absolute;
    width: 1.91vw;
    height: 1.91vw;
    background-color: #86a947;
    transform: rotate(45deg);
    top: 3.67vw;
    left: -0.95vw;
}

.contform  form {
    padding: 2.70vw 2.70vw;
    z-index: 10;
    overflow: hidden;
    position: relative;
}


.contform .title {
    color: #fff;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1;
    margin-bottom: 0.81vw;
}

.contform .input-container {
    position: relative;
    margin: 0.90vw 0;
}

.contform .input {
    width: 100%;
    outline: none;
    border: 1px solid #fafafa;
    padding: 0.70vw 1.41vw;
    color: #fff;
    font-weight: 500;
    font-size: 1.11vw;
    letter-spacing: 0.5px;
    border-radius: 5px;
    transition: 0.3s;
    background-color: #ef181800 !important;
}

.contform  textarea.input {
    padding: 0.94vw 1.41vw;
    min-height: 3.67vw;
    border-radius: 5px;
    resize: none;
    overflow-y: auto;
}

.contform  .input-container label {
    position: absolute;
    top: 50%;
    left: 1.10vw;
    transform: translateY(-50%);
    padding: 0 0.47vw;
    color: #fafafa;
    font-size:1.05vw;
    font-weight: 400;
    pointer-events: none;
    z-index: 1000;
    transition: 0.5s;
}

.contform  .input-container.textarea label {
    top: 1rem;
    transform: translateY(0);
}

.contform  .btn {
    padding: 0.70vw 1.52vw;
    background-color: #fff;
    border: 2px solid #fafafa;
    font-size: 1.11vw;
    color: #1abc9c;
    line-height: 1;
    border-radius: 5px;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
    margin: 0;
    width: 100%;
}

    .contform .btn:hover {
        background-color: transparent;
        color: #fff;
    }

.contform .input-container spaan {
    position: absolute;
    top: 0;
    left: 25px;
    transform: translateY(-50%);
    font-size: 0.8rem;
    padding: 0 0.4rem;
    color: transparent;
    pointer-events: none;
    z-index: 500;
}

    .contform .input-container span:before,
    .input-container span:after {
        content: "";
        position: absolute;
        width: 10%;
        opacity: 0;
        transition: 0.3s;
        height: 5px;
        background: linear-gradient(to bottom, #86a947, #2583c0);
        top: 50%;
        transform: translateY(-50%);
    }

    .contform .input-container span:before {
        left: 50%;
    }

    .contform .input-container span:after {
        right: 50%;
    }

.contform .input-container.focus label {
    top: 0;
    transform: translateY(-50%);
    left: 1.83vw;
    font-size: 0.94vw;
}

/*.contform  .input-container.focus span:before,
.input-container.focus span:after {
    width: 50%;
    opacity: 1;
}*/
.contform p{
    margin-bottom:0px;
}
.contform  .contact-info {
    padding: 2.70vw 2.58vw;
    position: relative;
}

    .contform .contact-info .title {
        color: #2570a7;
    }

.contform  .text {
    color: #333;
    margin: 1.76vw 0 1.5vw 0;
}

.contform .information {
    display: flex;
    color: #555;
    margin: 0.82vw 0;
    align-items: center;
    font-size: 1.11vw;
}

    .contform .information svg {
        color: #2570a7;
    }

.contform .icon {
    width: 2.05vw;
    margin-right: 0.82vw;
}

.contform .social-media {
    padding: 1vw 0 0 0;
}

    .contform .social-media p {
        color: #333;
    }

.contform .social-icons {
    display: flex;
    margin-top: 0.58vw;
}
.rt img{
    width:30%;
}
.contform .social-icons a {
    width: 2.57vw;
    height: 2.57vw;
    border-radius: 5px;
    background: linear-gradient(to bottom, #86a947, #2583c0);
    color: #fff;
    text-align: center;
    line-height: 2.57vw;
    margin-right: 0.58vw;
    transition: 0.3s;
}

        .contform .social-icons a:hover {
            transform: scale(1.05);
        }

.contform .contact-info:before {
    content: "";
    position: absolute;
    width: 8.08vw;
    height: 7.35vw;
    border: 1.61vw solid #207db9;
    border-radius: 50%;
    bottom: -3.67vw;
    right: 3.67vw;
    opacity: 0.3;
}

.contform .big-circle {
    position: absolute;
    width: 26.04vw;
    height: 26.04vw;
    border-radius: 50%;
    background: linear-gradient(to bottom, #2583c0, #86a947);
    bottom: 43%;
    right: 50%;
    transform: translate(-40%, 38%);
}

    .contform .big-circle:after {
        content: "";
        position: absolute;
        width: 26.47vw;
        height: 26.47vw;
        background-color: #fafafa;
        border-radius: 50%;
        top: calc(6% - 2vw);
        left: calc(25% - 5vw);
    }

.contform .square {
    position: absolute;
    height: 29.41vw;
    top: 50%;
    left: 50%;
    transform: translate(181%, 11%);
    opacity: 0.2;
}

@media (max-width: 850px) {
    .contform .form {
        grid-template-columns: 1fr;
    }

    .contform .contact-info:before {
        bottom: initial;
        top: -75px;
        right: 65px;
        transform: scale(0.95);
    }

    .contform .contact-form:before {
        top: -13px;
        left: initial;
        right: 70px;
    }

    .contform .square {
        transform: translate(140%, 43%);
        height: 350px;
    }

    .contform .big-circle {
        bottom: 75%;
        transform: scale(0.9) translate(-40%, 30%);
        right: 50%;
    }

    .contform .text {
        margin: 1rem 0 1.5rem 0;
    }

    .contform .social-media {
        padding: 1.5rem 0 0 0;
    }
}

@media (max-width: 480px) {
    .contform .container {
        padding: 1.5rem;
    }

    .contform .contact-info:before {
        display: none;
    }

    .contform .square,
    .big-circle {
        display: none;
    }

    .contform form,
    .contact-info {
        padding: 1.7rem 1.6rem;
    }

    .contform .text,
    .information,
    .social-media p {
        font-size: 0.8rem;
    }

    .contform .title {
        font-size: 1.15rem;
    }

    .contform .social-icons a {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .contform .icon {
        width: 23px;
    }

    .contform .input {
        padding: 0.45rem 1.2rem;
    }

    .contform .btn {
        padding: 0.45rem 1.2rem;
    }
}
.contform{
    padding-bottom:3vw;
    padding-top:2vw;
}
.video-banner {
    position: relative;
}

    .video-banner video {
        width: 100%;
        height: 36.02vw;
        object-fit: cover;
    }

.video-form {
    position: absolute;
    top: 20vh;
    width: 100%;
}

    .video-form h2 {
        color: #fff;
        font-size: 3.8vw;
        font-weight: 700;
        text-transform: uppercase;
        line-height: .9em;
        letter-spacing: -3.2px;
    }

        .video-form h2 span {
            color: #fdba11;
            font-size: 3.8vw;
            font-weight: 700;
            text-transform: uppercase;
            line-height: .9em;
            letter-spacing: -3.2px;
        }

    /*.video-form h1 {
        color: #fff;
        text-align: left;
        font-size: 28px;
        font-weight: 500;
        text-transform: none;
        font-style: italic;
        line-height: 1.4em;
        letter-spacing: 0;
    }*/
.bannertop h1 {
    font-family: "Montserrat", sans-serif;
    font-size: 2.94vw;
    font-weight: 700;
    color: #fff;
    margin-bottom: 1.5vw;
}
.bannertop h2 {
    font-family: "Montserrat", sans-serif;
    font-size: 2.35vw;
    font-weight: 700;
    color: #fff;
    margin-bottom: 2.5vw;
}

.bottom-divider {
    /*ackground-size: 100% 4.41vw;
    height: 4.41vw;*/
    background-size: 100% 4.1vw;
    height: 4.1vw;
}

.bottom-divider {
    background-image: url(../Images/download.svg);
    position: absolute;
    bottom: -0.1vw;
    width: 100%;
    z-index: 1;
}

.dropdown-item {
    display: block;
    width: 100%;
    font-family: "Montserrat", sans-serif;
    clear: both;
    font-size: 1.10vw !important;
    font-weight: 500 !important;
    color: #2480c3 !important;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.dropdown-menu {
    padding: 0px !important;
    margin: 0px !important;
}
.dropdown-item:hover {
    color: #fff !important;
    background-color: #2580ba !important;
}
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu:hover .dropdown-menu{
    display:block;
}

    .dropdown-submenu .dropdown-menu {
        top: 0;
        left: 100%;
        margin-left: .1rem;
        margin-right: .1rem;
    }
    /* SPECIAL : ROTATION des flèches */
    .dropdown-submenu a::after {
        transform: rotate(-90deg);
        position: absolute;
        right: 6px;
        top: .8em;
    }

/* --------------------- */
/* SPECIAL : ROTATION des flèches */
/* Niveau 1 */
li .dropdown-toggle:after {
    transition: all 0.5s;
}

li.show > .dropdown-toggle:after {
    transform: rotate(180deg);
}
/* sous-Niveaux suivants */
li li.show > .dropdown-toggle:after {
    transform: rotate(90deg);
}
/* --------------------- */
.demo{
    padding-top:3vw;
    padding-bottom:3vw;
}
.demo h1{
    color:#fff;
    font-size:2.20vw;
}
    .demo .card {
        border:none;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        background-color: #247bb1;
    }
    .demo label {
        color: #fff;
        font-size: 1.02vw;
    }
    .demo h2 span {
        color: #86a947;
        margin-top: 1.5vw;
       
        font-size: 3vw;
        line-height: 1;
        font-weight: 600;
    }
.rating{
    list-style:none;

}
.rating li p{
    font-size:1.02vw;
}
.hippa {
    width: 36%;
}
.rating .star {
    width: 36%;
}
.rating li  span{
    color:#000;
    font-size:1.02vw;
}
.demo h2 {
    color: #2580C3;
    margin-top: 1.5vw;
    font-size: 3vw;
    line-height: 1;
    margin-bottom: 1vw;
    font-weight: 600;
}
    .demo table tr td {
        padding: 0.50vw;
    }
.demo span {
    color: #fff;
    font-size: 0.88vw;
}
}
.demo label span {
    color: red;
    font-size: 1.17vw;
}
.lyr {
    padding: 3vw !important;
}
.lyr h3{
    color:#fff;
    font-size:23px;
    font-weight:700;
}
    .lyr h2 {
        color: #fff;
        font-size: 36px;
        font-weight: 700;
    }
.demoblue {
    background-color: #86a947;
   
}
.blogancor {
    color: #fff;
    background: #86a947;
    padding: 0.35vw;
    font-size: 1.17vw;
    font-weight: 500 ;
  
}
    .blogancor:hover {
        color: #86a947;
        background: #fff;
        padding: 0.35vw;
        border: 1px solid #86a947;
        font-size: 1.17vw;
        font-weight: 500
    }
.blogclr {
    padding-top: 1vw;
    padding-bottom: 1vw;
    box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
    transition: 2s;
    border: none;
}
    .blogclr:hover {
        transform: translateY(-0.36vw);
        box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
    }
.article {
    padding-top:3vw;
    padding-bottom:3vw;
}
    .article h4 {
        font-size: 1.30vw;
        color: #2580c3;
    }
    .article p span {
        color: #86a947;
        font-weight: 700;
        font-size: 1.20vw;
    }
.demogreen {
    background-color: #2580C3;
}
.hiyt{
padding-top:2vw;
}
.hiytt{
    padding-bottom:2vw;
}
.sight {
    list-style: none;
    padding: 0px;
    margin-bottom: 0px;
}
    .sight svg {
        color: #86a947;
        
    }
    .sight li {
        font-weight:600;
        color: #2580c3;
        font-size: 2.8vw;
        margin-bottom: 0px;
    }
.insight{
    
}
.insight h4{
    font-size:1.60vw;
    color:#2580c3;
}
.insight h6{
    font-size:1.17vw;
    margin-bottom:1.5vw;
}

.blog{
    padding-top:3vw;
    padding-bottom:3vw;

}
.blog a{
    text-decoration:none;
}
    .blog a:hover {
        text-decoration: none;
    }
    .blog h3 {
        color: #2580C3;
        font-size: 1.70vw;
        font-weight:600;
    }
.blog p{
    color:#000;
    font-size:1.17vw;
}
    .blog hr {
        border-top: 1px solid #cccce7!important;
    }
.benefits {
    padding-top: 3vw;
    padding-bottom: 3vw;
}
.human img {
    height: 15.01vw;
    object-fit: cover;
}
.human h4 {
    font-family: "Montserrat", sans-serif;
    font-size: 1.2vw;
    font-weight:600;
    padding-top: 3vh;
    color: #2580C3;
}
.human {
    padding-top:5vh;
}
.human p {
    font-size: 1.02vw;
}
.human .col-md-6 .row {
    box-shadow: 2px 4px 14px -3px #aaa !important;
    background: #fff;
}
    .human .margin {
        padding-bottom: 4vh;
        background-color: #b5ddf7;
    }
.fts{
    padding-top:3vw;
}






.career {
    padding-top: 5vw;
    padding-bottom: 5vw;
}

    .career h4 {
        color: #FF3C00;
        font-size: 1.17vw;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 1.09vw;
        letter-spacing: 0.07vw;
        margin: 0 0 0.36vw;
    }

    .career h3 {
        font-size: 2.63vw !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 0vw;
        transition: .5s;
    }

    .career .ccp {
        color: #6d6d6d;
        font-family: "Rubik",Sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1.17vw;
        line-height: 1.5;
        margin-top: 1.5vw;
        margin-bottom: 2vw;
    }

    .career h2:before {
        content: "";
        position: absolute;
        width: 3.8vw;
        height: 0.29vw;
        left: 3%;
        border: 0.29vw solid transparent;
        border-bottom: 0;
        border-top-color: #FF3C00;
        top: auto;
    }

/*.btncarrer {
    background: #FB3C00;
    color: #fff;
    font-size: 1.17vw;
    text-transform: uppercase;
    padding: 0.58vw 1.91vw;
    transition: .5s;
    position: relative;
    z-index: 1;
    border-radius: 2.20vw;
    overflow: hidden;
}

    .btncarrer:hover {
        color: #fff;
        background-color: #252628;
    }*/

.careerjobopening {
    background-color: #f5f7f7;
    padding-top: 4vw;
    padding-bottom: 4vw;
}

    .careerjobopening h4 span {
        color: #232323;
        font-size: 1.40vw;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 1.09vw;
        letter-spacing: 0.07vw;
        margin: 0 0 0.36vw;
    }

    .careerjobopening h4 {
        color: #237fba;
        font-size: 1.40vw;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 1.09vw;
        letter-spacing: 0.07vw;
        margin: 0 0 0.36vw;
    }

    .careerjobopening h6 {
        font-size: 1.30vw;
    }

    .careerjobopening p {
        font-size: 1.17vw;
    }
.btncarrer {
    background: #237fba;
    color: #fff;
    font-size: 1.17vw;
    text-transform: uppercase;
    padding: 0.58vw 1.91vw;
    transition: .5s;
    position: relative;
    z-index: 1;
    text-decoration:none;
    border-radius: 2.20vw;
    overflow: hidden;
}

    .btncarrer:hover {
        color: #fff;
        text-decoration: none;
        background-color: #86a947;
    }
    .careerjobopening .btn-danger {
        color: #fff;
        font-size: 1.17vw;
        background-color: #237fba!important;
        border:1px solid #237fba!important;
        border-radius: 4vw;
        border-color:none!important;
        padding: 0.5vw 1.5vw 0.5vw 1.5vw;

    }

        .careerjobopening .btn-danger:hover {
            background-color: #86a947 !important;
            font-size: 1.17vw;
            border: 1px solid #86a947 !important;
            border-color: none !important;
        }

    .careerjobopening h2:before {
        content: "";
        position: absolute;
        width: 3.8vw;
        height: 0.29vw;
        left: 39.5vw;
        border: 0.29vw solid transparent;
        border-bottom: 0;
        border-top-color: #FF3C00;
        top: auto;
    }

    .careerjobopening .rspace {
        margin-top: 4vw;
    }

    .careerjobopening .card {
        transition: .8s;
        box-shadow: 0 0.07vw 0.29vw rgb(0 0 0 / 15%);
        border: none;
    }

    .careerjobopening .card-body {
        padding: 1.47vw;
    }

    .careerjobopening .card:hover {
        transform: translateY(-0.36vw);
        box-shadow: 0 1.09vw 1.09vw rgba(0, 0, 0, 0.15);
    }

    .careerjobopening ul {
        list-style-type: none;
    }

        .careerjobopening ul li {
            margin-right: 1vw;
        }

.JobDetails {
    padding-top: 4vw;
    padding-bottom: 4vw;
}

    .JobDetails .btn-danger {
        color: #fff;
        font-size: 1.17vw;
        background-color: #ff3c00;
        border-color: #ff3c00;
        border-radius: 4vw;
        padding: 0.5vw 1.5vw 0.5vw 1.5vw;
    }

        .JobDetails .btn-danger:hover {
            background-color: #252628;
            font-size: 1.17vw;
            border-color: #252628;
        }

    .JobDetails h1 {
        color: #FF3C00;
        font-size: 1.17vw;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 1.09vw;
        letter-spacing: 0.07vw;
        margin: 0 0 0.36vw;
    }

    .JobDetails h2:before {
        content: "";
        position: absolute;
        width: 3.8vw;
        height: 0.29vw;
        left: 3%;
        border: 0.29vw solid transparent;
        border-bottom: 0;
        border-top-color: #FF3C00;
        top: auto;
    }

    .JobDetails ul li {
        font-size: 1.17vw;
    }

    .JobDetails ol li {
        font-size: 1.17vw;
    }

    .JobDetails table tr td {
        font-size: 1.17vw;
    }
.mdls h3 {
    font-size: 1.17vw;
    color: #578309;
}
.mdls h3 span{
    font-size:1.15vw;
    text-decoration:underline;
}
.mdls svg{
    margin-left:0.5vw;
    margin-right:0.5vw;
    font-size:1.14vw;
}
.mdls .modallawbody {
    background-image: url(../Images/Law-practice.jpg);
    background-repeat:no-repeat;
    background-size:cover;
}
.mdls .modalhelthbody {
    background-image: url(../Images/healthcare-practice.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.mdls .modal-lg, .modal-xl {
    max-width: 950px !important;
}
.mdls .headings {
    font-family: "Montserrat", sans-serif;
    line-height: 1.3;
    font-weight: 700;
    color: #2580C3;
    font-size: 1.10vw;
}
.mdls .devider {
    padding-block-start: 0vw!important;
    padding-block-end: 1.10vw;
}
.mdls ul {
    list-style: none;
    padding: 0px;
    margin-bottom: 0.5vw;
}
.mdls ul li{
    margin-bottom:0.3vw;
}
.mdls .modal-header {
    background-color: #2580c3;
}
.mdls .modal-title{
    color:#fff;
    font-size:1.40vw;
}
.mdls a {
  
    color: #2580C3;
    font-size: 1.17vw;
    text-decoration: none;
}
    .mdls a:hover {
        color: #578309;
        font-size: 1.17vw;
        text-decoration: none;
    }
.mdls h5 {
    margin-bottom:1.8vw;
    font-style: italic;
    text-align: center;
    color: #578309;
    font-size: 1.50vw;
}
.cdpt:after {
    content: "";
    width: 3px;
    height: 8.14vw;
    background: #86a947;
    position: absolute;
    right: 5%;
    top: 6vw;
}
.mdls .cdp:after {
    content: "";
    width: 3px;
    height: 15.14vw;
    background: #86a947;
    position: absolute;
    right: 5%;
    top: 6vw;
}
.mdls .close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #FFF!important;
    text-shadow: 0 1px 0 #fff;
    opacity: 1!important;
}
.pty a {
    color: #2580c3!important;
}
.pty a:hover {
  text-decoration:none;
}
.butto{
    display:none;
}
.services{
    padding-top:3vw;
    padding-bottom:4vw!important;
}
.servs .card {
    background-color: #1e76b3;
    transition: .8s;
    border: none;
    border-radius: 2.20vw;
    padding: 1.10vw 1.47vw 1.10vw 1.47vw;
    height: 100%;
}
    .servs .card:hover {
        transform: translateY(-0.36vw);
       
    }

.servs p{
    color:#fff;
    font-size:1.10vw;
}
.servs h4 {
    color: #fff;
    font-weight:600;
    margin-top:1vw;
    margin-bottom:0px;
}
.servs img{
    width:25%;
}
.cloud {
    width: 30%!important;
}




.product {
    padding-bottom:3vw;
}
.serviceBox {
    height: 100%;
    transition: .8s;
    background: #fff;
    font-family: 'Poppins', sans-serif;
    text-align: center;
    padding: 2.94vw 1.10vw 1.83vw;
    border-radius: 0.73vw;
    position: relative;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
    .serviceBox:hover {
        transform: translateY(-0.36vw);
        box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    }
    .serviceBox:before,
    .serviceBox:after {
        content: "";
        background: linear-gradient(to bottom, #2d80b8, #02375b);
        width: 100%;
        height: 3.08vw;
        border-radius: 0.73vw 0.73vw 0 0;
        position: absolute;
        top: 0;
        left: 0;
    }

    .serviceBox:after {
        background: #297db6;
        top: auto;
        bottom: 0;
        height: 0.73vw;
        border-radius: 0 0 0.73vw 0.73vw;
    }

    .serviceBox .title {
        color: #fff;
        background: #2d80b8;
        font-size: 1.17vw;
        font-weight: 600;
        text-transform: capitalize;
        letter-spacing: 0.5px;
        padding: 0.73vw 0.88vw 0.66vw;
        margin: -0.73vw 0 1.32vw;
        display: inline-block;
        position: relative;
    }

        .serviceBox .title:before,
        .serviceBox .title:after {
            content: "";
            background: linear-gradient(to top left, #061e2e 49%, transparent 50%);
            width: 0.73vw;
            height: 0.73vw;
            position: absolute;
            top: 0;
            left: -0.73vw;
        }

        .serviceBox .title:after {
            transform: rotateY(180deg);
            left: auto;
            right: -0.73vw;
        }

    .serviceBox .service-icon {
        color: #f36b23;
        font-size: 3.67vw;
        line-height: 3.67vw;
        margin: 0 0 1.10vw;
    }

    .serviceBox .description {
        color: #212529;
        font-size: 1.10vw;
        line-height: 1.61vw;
        margin: 0;
    }

    .serviceBox.purple:before {
        background: linear-gradient(#86a947, #4c7206);
    }

    .serviceBox.purple:after,
    .serviceBox.purple .title {
        background: #86a947;
    }

        .serviceBox.purple .title:before,
        .serviceBox.purple .title:after {
            background: linear-gradient(to top left, #283a0a 49%, transparent 50%);
        }

    .serviceBox.purple .service-icon {
        color: #c64292;
    }
    .serviceBox img{
        width:25%;
    }
    @media only screen and (max-width: 990px) {
        .serviceBox {
        margin: 0 0 30px;
    }
}

.phonefooter li a {
    color: #ffffffb0 !important;
    font-size: 0.90vw !important;
}
.footer .col-md-3 svg {
    color: #fff;
    font-size: 1vw;
    margin-right: 0.2vw;
}
.topsocial img{
    width:4.5%;
}
.ulinter li {
    color: #86a947;
    font-size: 1.20vw;
    font-weight:500;
}
.Appointment {
    background: #fff;
    padding-top: 2vw;
    padding-bottom: 3vw;
}

    .Appointment h2 {
        font-size: 2.20vw;
        color: #fff;
        padding-top: 0.88vw;
        margin-bottom: 0px;
        background: #2480c3;
        font-weight: bold;
    }

.form-control {
    font-size: 1.17vw;
    font-weight: 400;
}

.Appointment .form-control {
    margin-bottom: 0.80vw;
    font-size: 1.17vw;
    font-weight: 400;
    line-height: 1.5;
    border: 0.07vw solid #2580C3;
}
.Appointment table tr td {
    width: 50%;
    padding: 0.50vw;
}

.appointdiv {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.singup svg{
    color:#fff;
   
}

/* Fix the modal-dialog to the right side of the screen */
.custom-right-modal .modal-dialog {
    position: fixed; /* Fix the modal on the screen */
    top: 0; /* Align to the top */
    right: 0; /* Align to the right */
    width: 300px; /* Set the desired width of the modal */
    height: 100%; /* Make the modal full height */
    margin: 0; /* Remove any margin */
    z-index: 1050; /* Ensure it's above other content */
}

/* Optional: Hide the backdrop to avoid covering the modal */
.modal-backdrop {
    display: none !important;
}

/* Optional: No border-radius to make it look like a full-height side panel */
.custom-right-modal .modal-content {
    border-radius: 0; /* Remove border-radius (optional) */
}

/* Smooth slide-in effect when modal opens */
.modal.fade.show .modal-dialog {
    transition: transform 0.3s ease-in-out; /* Smooth transition */
    transform: translateX(0); /* Bring the modal into the screen */
}

/* Initially move the modal off-screen to the right */
.modal.fade .modal-dialog {
    transform: translateX(100%); /* Off-screen initially */
}
.modal-open .modal {
    overflow-x: hidden!important;
    overflow-y: hidden!important;
}
.modal-open {
    overflow: hidden;
    padding-right:17px!important;
}
.helpdsk {
    list-style:none;
    padding:0px;
   

}
    .helpdsk li a {
        font-size:1.17vw;
        color: #86a947;
    }
    .helpdsk li {
        border-radius: 10px;
        padding-left: 1vw;
        background-color: #000;
        margin-bottom: 0.1vw;
    }

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
        position: fixed !important;
        
        right: 1.2vw !important;
        
        top: 1vw !important;
        
    }
}
.custom-right-modal h5 {
    font-size: 1.30vw;
    color: #86a947;
}
.custom-right-modal  a:hover{
    text-decoration:none;
}
.appointbg {
    background-image: url(../Images/Training-Form.jpg);
    width: 100%;
    background-size: cover;
}
.phonefooter svg{
    margin-right:0.5vw;
}
.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #2864a6 !important;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}
.tagline {
    color: #86a947;
    font-size: 1.20vw;
    font-weight: 600;
}
.careerjobopening table tr td{
    font-size:1.17vw;
}
#toTopBtn {
    position: fixed;
    bottom: 6.91vw;
    right: 0.86vw;
    z-index: 98;
    padding: 0.8vw;
    border-radius: 0.36vw 1.47vw 0.36vw;
    background-color: hsl(81.43deg 40.83% 47.06%);
}
#toTopBtn svg{
    font-size:1.17vw!important;
}
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 0.75rem auto!important;
    }
}