.bluebert{
    background-color: #18436E;
}

.bluebert-text{
    color: #18436E!important;
}

.bluebert-text-light{
    color: #18436E;
}

.remove-space{
    margin-top: -15px!important;
}

.small-space{
    width: 1200px;
    position: relative;
    margin: 0 auto;
}

@media screen and (min-width: 960px) {
    .mobilemenu {
        display: none;
    }
    
}

@media screen and (max-width: 960px) {
    .desktop {
        display: none;
    }
        a.uk-navbar-toggle.uk-navbar-toggle-animate.rightposition.uk-icon.uk-navbar-toggle-icon{
            justify-content: right;
            padding-right: 5rem;
        }
}

ul > li > a {
    color: #76808a!important;;
}

ul > li > a:hover {
    color: #18436E!important;
    ;
}

.uk-offcanvas-bar {
    box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p{
    font-family: 'Manrope','arial',sans-serif;
}

p{
    font-size: 16px;
    font-weight: 300;
}

.margin-top-100{
    margin-top: 100px;
}

.margin-top-50{
    margin-top: 50px;
}

.margin-top-20{
    margin-top: 20px;
}
.machine-image{
    width: 65%;
    height: 65%;
    object-fit: cover;
}
.bolder-text{
    font-weight: 800;
}

.h1-title-size{
    font-size: 40px;
}

.uk-card-light-blue{
    background-color: #EFF4F8;
    border-radius: 18px;

}

.uk-card-hover{
    background-color: #EFF4F8!important;
    border-radius: 18px;    
}



.uk-card{
    box-shadow: none;
    transition: box-shadow 600ms ease-in-out;
        
}

.card-description {
    height: 8rem;
}

@media screen and (max-width: 960px) {
.card-description{
    height: auto!important;
}
}

@media screen and (min-width: 1600px) {
.padding-card-description {
    padding: 10px 60px 10px 60px;
}
.uk-card-body {
    height: 20rem;
}
}

.uk-card{
}


.icon-arrow{
    width: 40px;
    transition: transform 300ms ease-in-out;
    transform: rotate(-90deg);
    border-radius: 4px;
}

.icon-arrow-rotate{
    transform: rotate(-45deg);
    transition: transform 300ms ease-in-out;
}

.buttonforarrow:hover+.prebutton-space+.preicon .icon-arrow {
    animation: shake 0.4s ease;
}

.prebutton-space{
    padding-left: 20px;
    padding-right: 10px;
   
}

.preicon{
    background-color: #18436E;
        padding: 9px 1px;
        border-radius: 4px;
}

.button-padding-60{
    padding-left: 5rem;
    padding-right: 5rem;
}


.padding-button-card{
    padding-bottom: 5rem;
}

/* .uk-card-body{
    border: 1px solid red;
} */



img.top-slider{
    height: 650px;
}

.uk-button{
    border-radius: 4px;
    font-size: small;
}
/* 
.navleft{
    position: relative;
    float: left;
} */

.alignelementcenter{
    position: absolute;
    center:auto 0;
}

.uk-container-xlarge {
    max-width: 1260px;
    margin-left: auto;
    margin-right: auto;
}
.footerlogo{
    height: 150px;
}

.footerlogoipg {
    height: 30px!important;
    width: 30px;
}

.uk-overlay-primary {
    background-color: rgba(24, 67, 110, .75);
}


.width50rem{
    width: 50rem;
}

@media screen and (max-width: 960px) {
    .width50rem {
            width: 100%;
        }
    .smallsizefont12{
        /* font-size: 12px; */
    }
}

@media screen and (max-width: 960px) {

    #secondslider.uk-slideshow-items{
        aspect-ratio: 2/3!important;
    }
}


ul.uk-navbar-nav > li > a {
    color: #76808a!important;
}

ul.uk-navbar-nav>li>a:hover {
    color: #18436E !important;
    font-weight: 600;
}

.uk-active {
    font-weight: 700;
}

.uk-navbar-container, .uk-navbar {
    /* background-color: rgba(239, 244, 248, 1); */
    background-color: transparent;
}

nav {
   background-color: rgba(239, 244, 248, 1)!important;
   /* box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px; */
    box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;
}