body {
    min-height: 100%;
    margin: 0;
    display: block;
    background-color: transparent !important;
}

body,
html {
    width: 100%
}

.row {
     margin-right: 0 !important;
     margin-left: 0 !important;
}

html {
    height: 100%;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-family: "Oracle Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    background: #fff;
    color: #47423e
}

div {
    outline: 0;
    display: block
}

:root {
    --uk-leader-fill-content: .
}

:root {
    --uk-breakpoint-s: 640px;
    --uk-breakpoint-m: 960px;
    --uk-breakpoint-l: 1200px;
    --uk-breakpoint-xl: 1600px
}

.btn-primary {
    color: #fff !important;
    background-color: #0e323d !important;
    border-color: #0e323d !important;
}

.vl-cloud-infra-home {
    background-image: url(img/light-pattern-bg.png);
    background-repeat: repeat;
    background-size: 75%;
    background-size: 1800px
}

.HomePage #content-section {
    padding-left: 1rem
}

.uk-section-secondary:not(.uk-preserve-color) {
    color: #fcfbfa
}

.vl-background-hero {
    background-color: #234b55
}

.uk-background-cover {
    background-size: cover
}

.uk-background-cover {
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.uk-section-secondary {
  /*  background: #312d2a */
}

.uk-section-small {
    padding-top: 40px;
    padding-bottom: 40px
}

.uk-section {
    display: flow-root;
    box-sizing: border-box;
    padding-top: 40px;
    padding-bottom: 40px
}

.uk-section>:last-child {
    margin-bottom: 0
}

.uk-container-large {
    max-width: 1400px
}

.uk-container {
    display: flow-root;
    box-sizing: content-box;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px
}

.uk-container>:last-child {
    margin-bottom: 0
}

.uk-width-expand {
    flex: 1;
    min-width: 1px
}

[class*=uk-width] {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%
}

.uk-grid>* {
    padding-left: 30px
}

.uk-grid>* {
    margin: 0
}

.uk-section-secondary:not(.uk-preserve-color) .uk-h1,
.uk-section-secondary:not(.uk-preserve-color) .uk-h2,
.uk-section-secondary:not(.uk-preserve-color) .uk-h3,
.uk-section-secondary:not(.uk-preserve-color) .uk-h4,
.uk-section-secondary:not(.uk-preserve-color) .uk-h5,
.uk-section-secondary:not(.uk-preserve-color) .uk-h6,
.uk-section-secondary:not(.uk-preserve-color) h1,
.uk-section-secondary:not(.uk-preserve-color) h2,
.uk-section-secondary:not(.uk-preserve-color) h3,
.uk-section-secondary:not(.uk-preserve-color) h4,
.uk-section-secondary:not(.uk-preserve-color) h5,
.uk-section-secondary:not(.uk-preserve-color) h6 {
    color: #fff
}

.uk-list{
    height: 250px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.uk-margin-remove-bottom {
    margin-bottom: 0!important
}

.uk-text-bold {
    font-weight: 700
}

.uk-custom{
    line-height: 1.3 !important;
}

line-height: 1.3

.uk-h2,
h2 {
    font-size: 1.7rem;
    line-height: 0
}

.uk-h1,
.uk-h2,
.uk-h3,
.uk-h4,
.uk-h5,
.uk-h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 20px 0;
    font-family: "Oracle Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
    font-weight: 400;
    color: #333;
    text-transform: none
}

h2 {
    display: block;
    font-size: 1.5em;
    margin-block-start: .83em;
    margin-block-end: .83em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    font-weight: 700
}

.uk-section-secondary:not(.uk-preserve-color) hr {
    border-top-color: #fff
}

.uk-section-secondary:not(.uk-preserve-color) .uk-hr,
.uk-section-secondary:not(.uk-preserve-color) hr {
    border-top-color: rgba(255, 255, 255, .2)
}

.vl-hr-accent {
    width: 2rem;
    border-top: 3px solid #deb068!important;
    text-align: left;
    margin: 0 0 20px 0;
    border: none
}

.uk-margin-small-top {
    margin-top: 10px!important
}

*+.uk-hr,
*+hr {
    margin-top: 20px
}

.uk-hr,
hr {
    overflow: visible;
    text-align: inherit;
    margin: 0 0 20px 0;
    border: 0;
    border-top: 1px solid #c4ced7
}

hr {
    display: block;
    unicode-bidi: isolate;
    margin-block-start: .5em;
    margin-block-end: .5em;
    margin-inline-start: auto;
    margin-inline-end: auto;
    overflow: hidden;
    border-style: inset;
    border-width: 1px
}

@media screen and (max-width:640px) {
    .vl-hero-image-overlay {
        margin: 0 auto;
        display: block
    }
}

@media screen and (min-width:1550px) {
    .vl-content {
        font-size: 1.1rem
    }
}

@media screen and (max-width:400px) {
    .vl-dcoc-hero {
        font-size: .8rem
    }
}

@media screen and (min-width:960px) {
    .vl-hero-image-overlay {
/*        margin: 0 0 -6.2rem -8%*/
    }
}

@media (min-width:960px) {
    .uk-width-xlarge\@m {
        width: 600px
    }
}

.vl-hero-image-overlay {
    max-width: 25rem
}

.uk-width-medium {
    width: 250px
}

img {
    max-width: 100%;
    height: auto;
    box-sizing: border-box
}

img {
    vertical-align: middle
}

.uk-grid {
    margin-left: -30px
}

.uk-grid {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    list-style: none
}

.uk-section-secondary:not(.uk-preserve-color) .uk-link,
.uk-section-secondary:not(.uk-preserve-color) a {
    color: #fff
}

.uk-button:not(:disabled) {
    cursor: pointer
}

.uk-border-pill {
    border-radius: 500px!important
}

.uk-button-default {
    background-color: #fff;
    color: #333;
    border: 1px solid #c4ced7
}

.uk-button {
    margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    -webkit-appearance: none;
    border-radius: 0;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 30px;
    vertical-align: middle;
    font-size: .875rem;
    line-height: 38px;
    text-align: center;
    text-decoration: none;
    border-radius: 2px;
    transition: all .2s cubic-bezier(.51, .01, .37, .98);
    transition-duration: .1s;
    padding: 0 20px
}

.uk-link,
a {
    color: #00688c;
    text-decoration: none;
    cursor: pointer
}

a:-webkit-any-link {
    color: white;
    cursor: pointer;
    text-decoration: none
}

.uk-section-secondary:not(.uk-preserve-color) .uk-button-default {
    background-color: transparent;
    color: #fff;
    border-color: #fcfbfa
}

.uk-section-secondary:not(.uk-preserve-color) .uk-link,
.uk-section-secondary:not(.uk-preserve-color) a {
    color: #fff
}

.uk-grid>*>:last-child {
    margin-bottom: 0
}

.uk-button:not(:disabled) {
    cursor: pointer
}

.vl-hero-feature-buttons {
    text-align: left;
    line-height: 1.5;
    border-color: rgba(255, 255, 255, .5)!important;
    border-radius: .5rem;
    background-color: rgba(255, 255, 255, .04)!important;
    padding: .5rem 1rem .7rem
}

.uk-button-default {
    background-color: #fff;
    color: #333;
    border: 1px solid #c4ced7!important
}

.uk-link,
a {
    color: #00688c;
    text-decoration: none;
    cursor: pointer
}

.uk-width-auto {
    width: auto
}

@media (min-width:960px) {
    .uk-h1,
    h1 {
        font-size: 2.625rem
    }
    .uk-h2,
    h2 {
        font-size: 2rem;
            line-height: 0;
    }
}

@media (min-width:960px) {
    .uk-section {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

.uk-section>:last-child {
    margin-bottom: 0
}

.uk-section-small {
    padding-top: 40px;
    padding-bottom: 40px
}

.uk-section-large {
    padding-top: 70px;
    padding-bottom: 70px
}

*+.uk-grid-margin,
.uk-grid+.uk-grid,
.uk-grid>.uk-grid-margin {
    margin-top: 15px
}

.uk-section-secondary:not(.uk-preserve-color) a:not(.uk-button) {
    text-decoration: none
}

@media (min-width:640px) {
    .sb-custom-box a {
        min-height: 100%
    }
    .uk-width-1-1\@s {
        width: 100%
    }
    .uk-width-1-2\@s {
        width: 50%
    }
    .uk-width-1-3\@s {
        width: calc(100% * 1 / 3.001)
    }
    .uk-width-2-3\@s {
        width: calc(100% * 2 / 3.001)
    }
    .uk-width-1-4\@s {
        width: 25%
    }
    .uk-width-3-4\@s {
        width: 75%
    }
    .uk-width-1-5\@s {
        width: 20%
    }
    .uk-width-2-5\@s {
        width: 35%
    }
    .uk-width-3-5\@s {
        width: 60%
    }
    .uk-width-4-5\@s {
        width: 80%
    }
    .uk-width-1-6\@s {
        width: calc(100% * 1 / 6.001)
    }
    .uk-width-5-6\@s {
        width: calc(100% * 5 / 6.001)
    }
    .uk-width-small\@s {
        width: 150px
    }
    .uk-width-medium\@s {
        width: 250px
    }
    .uk-width-large\@s {
        width: 400px
    }
    .uk-width-xlarge\@s {
        width: 600px
    }
    .uk-width-2xlarge\@s {
        width: 750px
    }
    .uk-width-auto\@s {
        width: auto
    }
    .uk-width-expand\@s {
        flex: 1;
        min-width: 1px
    }
}

@media (min-width:960px) {
    .uk-width-1-1\@m {
        width: 100%
    }
    .uk-width-1-2\@m {
        width: 50%
    }
    .uk-width-1-3\@m {
        width: calc(100% * 1 / 3.001)
    }
    .uk-width-2-3\@m {
        width: calc(100% * 2 / 3.001)
    }
    .uk-width-1-4\@m {
        width: 25%
    }
    .uk-width-3-4\@m {
        width: 75%
    }
    .uk-width-1-5\@m {
        width: 25%
    }
    .uk-width-2-5\@m {
        width: 35%
    }
    .uk-width-2-5\@m:lang(ar) {
        width: 40%
    }
    .uk-width-3-5\@m {
        width: 60%
    }
    .uk-width-4-5\@m {
        width: 80%
    }
    .uk-width-1-6\@m {
        width: calc(100% * 1 / 6.001)
    }
    .uk-width-5-6\@m {
        width: calc(100% * 5 / 6.001)
    }
    .uk-width-small\@m {
        width: 150px
    }
    .uk-width-medium\@m {
        width: 250px
    }
    .uk-width-large\@m {
        width: 400px
    }
    .uk-width-xlarge\@m {
        width: 600px
    }
    .uk-width-2xlarge\@m {
        width: 750px
    }
    .uk-width-auto\@m {
        width: auto
    }
    .uk-width-expand\@m {
        flex: 1;
        min-width: 1px
    }
}

@media (min-width:1200px) {
    .uk-width-1-1\@l {
        width: 100%
    }
    .uk-width-1-2\@l {
        width: 50%
    }
    .uk-width-1-3\@l {
        width: calc(100% * 1 / 3.001)
    }
    .uk-width-2-3\@l {
        width: calc(100% * 2 / 3.001)
    }
    .uk-width-1-4\@l {
        width: 25%
    }
    .uk-width-3-4\@l {
        width: 75%
    }
    .uk-width-1-5\@l {
        width: 20%
    }
    .uk-width-2-5\@l {
        width: 35%
    }
    .uk-width-3-5\@l {
        width: 60%
    }
    .uk-width-4-5\@l {
        width: 80%
    }
    .uk-width-1-6\@l {
        width: calc(100% * 1 / 6.001)
    }
    .uk-width-5-6\@l {
        width: calc(100% * 5 / 6.001)
    }
    .uk-width-small\@l {
        width: 150px
    }
    .uk-width-medium\@l {
        width: 250px
    }
    .uk-width-large\@l {
        width: 400px
    }
    .uk-width-xlarge\@l {
        width: 600px
    }
    .uk-width-2xlarge\@l {
        width: 750px
    }
    .uk-width-auto\@l {
        width: auto
    }
    .uk-width-expand\@l {
        flex: 1;
        min-width: 1px
    }
}

@media (min-width:640px) {
    .uk-text-center\@s {
        text-align: center!important
    }
}

@media (min-width:960px) {
    .uk-text-center\@m {
        text-align: center!important
    }
}

@media (min-width:1200px) {
    .uk-text-center\@l {
        text-align: center!important
    }
}

@media (min-width:640px) {
    .uk-width-1-1\@s {
        width: 100%
    }
    .uk-width-1-2\@s {
        width: 50%
    }
    .uk-width-1-3\@s {
        width: calc(100% * 1 / 3.001)
    }
    .uk-width-2-3\@s {
        width: calc(100% * 2 / 3.001)
    }
    .uk-width-1-4\@s {
        width: 25%
    }
    .uk-width-3-4\@s {
        width: 75%
    }
    .uk-width-1-5\@s {
        width: 20%
    }
    .uk-width-2-5\@s {
        width: 35%
    }
    .uk-width-3-5\@s {
        width: 60%
    }
    .uk-width-4-5\@s {
        width: 80%
    }
    .uk-width-1-6\@s {
        width: calc(100% * 1 / 6.001)
    }
    .uk-width-5-6\@s {
        width: calc(100% * 5 / 6.001)
    }
    .uk-width-small\@s {
        width: 150px
    }
    .uk-width-medium\@s {
        width: 250px
    }
    .uk-width-large\@s {
        width: 400px
    }
    .uk-width-xlarge\@s {
        width: 600px
    }
    .uk-width-2xlarge\@s {
        width: 750px
    }
    .uk-width-auto\@s {
        width: auto
    }
    .uk-width-expand\@s {
        flex: 1;
        min-width: 1px
    }
}

@media (min-width:960px) {
    .uk-width-1-1\@m {
        width: 100%
    }
    .uk-width-1-2\@m {
        width: 50%
    }
    .uk-width-1-3\@m {
        width: calc(100% * 1 / 3.001)
    }
    .uk-width-2-3\@m {
        width: calc(100% * 2 / 3.001)
    }
    .uk-width-1-4\@m {
        width: 25%
    }
    .uk-width-3-4\@m {
        width: 75%
    }
    .uk-width-1-5\@m {
        width: 25%
    }
    .uk-width-2-5\@m {
        width: 35%
    }
    .uk-width-2-5\@m:lang(ar) {
        width: 40%
    }
    .uk-width-3-5\@m {
        width: 60%
    }
    .uk-width-4-5\@m {
        width: 80%
    }
    .uk-width-1-6\@m {
        width: calc(100% * 1 / 6.001)
    }
    .uk-width-5-6\@m {
        width: calc(100% * 5 / 6.001)
    }
    .uk-width-small\@m {
        width: 150px
    }
    .uk-width-medium\@m {
        width: 250px
    }
    .uk-width-large\@m {
        width: 400px
    }
    .uk-width-xlarge\@m {
        width: 600px
    }
    .uk-width-2xlarge\@m {
        width: 750px
    }
    .uk-width-auto\@m {
        width: auto
    }
    .uk-width-expand\@m {
        flex: 1;
        min-width: 1px
    }
}

@media (min-width:1200px) {
    .uk-width-1-1\@l {
        width: 100%
    }
    .uk-width-1-2\@l {
        width: 50%
    }
    .uk-width-1-3\@l {
        width: calc(100% * 1 / 3.001)
    }
    .uk-width-2-3\@l {
        width: calc(100% * 2 / 3.001)
    }
    .uk-width-1-4\@l {
        width: 25%
    }
    .uk-width-3-4\@l {
        width: 75%
    }
    .uk-width-1-5\@l {
        width: 20%
    }
    .uk-width-2-5\@l {
        width: 35%
    }
    .uk-width-3-5\@l {
        width: 60%
    }
    .uk-width-4-5\@l {
        width: 80%
    }
    .uk-width-1-6\@l {
        width: calc(100% * 1 / 6.001)
    }
    .uk-width-5-6\@l {
        width: calc(100% * 5 / 6.001)
    }
    .uk-width-small\@l {
        width: 150px
    }
    .uk-width-medium\@l {
        width: 250px
    }
    .uk-width-large\@l {
        width: 400px
    }
    .uk-width-xlarge\@l {
        width: 600px
    }
    .uk-width-2xlarge\@l {
        width: 750px
    }
    .uk-width-auto\@l {
        width: auto
    }
    .uk-width-expand\@l {
        flex: 1;
        min-width: 1px
    }
}

.uk-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none
}

.uk-grid>* {
    margin: 0
}

.uk-grid>*>:last-child {
    margin-bottom: 0
}

.uk-grid {
    margin-left: -30px
}

.uk-grid>* {
    padding-left: 30px
}

@media (min-width:1200px) {
    .uk-grid {
        margin-left: -40px
    }
    .uk-grid>* {
        padding-left: 35px;
        padding-right: 20px;
    }
    *+.uk-grid-margin,
    .uk-grid+.uk-grid,
    .uk-grid>.uk-grid-margin {
        margin-top: 20px
    }
}

@media (min-width:1200px) {
    .uk-grid-column-large,
    .uk-grid-large {
        margin-left: -70px
    }
    .uk-grid-column-large>*,
    .uk-grid-large>* {
        padding-left: 70px
    }
    *+.uk-grid-margin-large,
    .uk-grid+.uk-grid-large,
    .uk-grid-large>.uk-grid-margin {
        margin-top: 35px
    }
}

.vl-background-hero {
    background-color: #234b55;
    background-image: url('img/hero.png');
}

.uk-background-cover {
    background-size: cover;
    box-shadow: 0 4px 4px 0px grey;
}

.uk-background-cover {
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.uk-section-secondary {
   /* background: #312d2a */
}

.uk-section-small {
    padding-top: 40px;
    padding-bottom: 40px
}

.uk-section {
    display: flow-root;
    box-sizing: border-box;
    padding-top: 40px;
    padding-bottom: 40px
}

@media (min-width:640px) {
    .uk-container {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width:960px) {
    .uk-container {
        padding-left: 40px;
        padding-right: 40px
    }
}

.uk-container>:last-child {
    margin-bottom: 0
}

.uk-container .uk-container {
    padding-left: 0;
    padding-right: 0
}

.uk-container-small {
    max-width: 900px
}

.uk-container-large {
    max-width: 1400px
}

.uk-container-xlarge {
    max-width: 1600px
}

.uk-container-expand {
    max-width: none
}

.uk-margin-small-bottom {
    margin-bottom: 10px !important
}

p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}


.card,
.jumbotron{
        box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.achievement-section {
        padding-bottom: 250px !important;
}

.work-section{
        border-top: none !important;
}

.services__item span{
        color: #0e323d !important;
}

.work__item span{
    color: #0e323d !important;
}

.work__item i{
    color: #0e323d !important;
}

.primary-btn{
 background: #0e323d !important;   
}

.pricing__item h3{
    background: #0e323d !important;  
}

.pricing__item .primary-btn{
    color: white !important;
}

.uk-list::-webkit-scrollbar {
    width: 6px;
}

.uk-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 10px rgb(255 255 255 / 60%);
    border-radius: 5px;
}

.uk-list::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 10px rgb(255 255 255 / 50%);
}

.section-title h3:after{
	background-image: unset !important;
}


@keyframes slideInFromLeft {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}

.vl-hero-image-overlay,
.sb-custom-box,
.vl-hr-accent,
.uk-custom,
.sb-custom-news {  
  /* This section calls the slideInFromLeft animation we defined above */
  animation: 1s ease-out 0s 1 slideInFromLeft;
}

.vl-hero-feature-buttons:hover{
	  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */

}

.vl-hero-image-overlay{
-webkit-filter: drop-shadow(20px 20px 20px #222);
    filter: drop-shadow(20px 20px 20px #222);	
}