@import url('https://fonts.googleapis.com/css?family=Nunito|Rubik&display=swap');

/*Common Styles*/
body {
    background-color: #f6f6f6;
}

.text-center {
    text-align: center;
}

.text-italic {
    font-style: italic;
}

.font-18 {
    font-size: 18px !important;
}

.font-20 {
    font-size: 20px !important;
}

.text-white {
    color: #fff;
}

.p-0 {
    padding: 0 !important
}

.pt-53 {
    padding-top: 53px !important
}

.mt-25 {
    margin-top: 25px !important;
}

.mt-2_ {
    margin-top: 2% !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.font-rubik {
    font-family: 'Rubik';
}

.font-nunito {
    font-family: 'Nunito';
}

.row {
    margin: 0px;
    width: 100%;
}

.bg-white {
    background-color: #fff;
}


.slick-slide {
    margin: 0 30px 0 0;
}

.robopro_mainpage_firstpage {
    background-color: #F6F6F6;
}

.font-20 {
    font-size: 20px !important;
}

.font-24 {
    font-size: 24px !important;
}

.font-25 {
    font-size: 25px !important;
}

.font-30 {
    font-size: 30px !important;
}

.font-40 {
    font-size: 40px !important;
}

.slick-dots li button:before {
    opacity: 1;
    color: #C9C9C9;
    font-size: 66px;
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #FFBE2C;
    font-size: 66px;
}


::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-button {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-thumb {
    background: rgb(0, 109, 136);
    border: 71px none #ffffff;
    border-radius: 31px;
}

@-moz-document url-prefix() {

    html {
        border-radius: 31px;
        scrollbar-color: #0A4C95 #F6F6F6;
        height: 50px;
        scrollbar-width: thin;
        scroll-behavior: smooth;
    }

    .scrollmenu {
        scrollbar-width: thin;
    }

}

::-webkit-scrollbar-track {
    background: #eee;
    border: 65px none #ffffff;
    border-radius: 34px;
}

::-webkit-scrollbar-track:hover {
    background: #fff;
}

::-webkit-scrollbar-track:active {
    background: #aaa;
}

::-webkit-scrollbar-corner {
    background: transparent;
}

.test {
    width: 500px;
    height: 200px;
    overflow-Y: scroll
}

.scroll {
    height: 500px;
}


._404img {
    display: block;
    width: 200px;
    margin-right: auto;
    margin-left: auto;
}

:focus {
    outline: none;
}

.utility-page-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 150px;
    padding-bottom: 100px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.utility-page-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
}