@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');


@import 'main.css';
@import '../fonts/poppins/index.css';

body {
    background: rgb(226,231,225);
    background: linear-gradient(90deg, rgba(226,231,225,1) 0%, rgba(164,174,155,1) 35%, rgba(133,147,122,1) 100%);
    color: #2c2e2f;
    font-family: Poppins-Regular, sans-serif;
}

body.assessor {
    background: #F5F5EF;
    color: #2c2e2f;
    font-family: 'Roboto', sans-serif!important;
    font-size: 14px !important;
}

.login, .image {
  min-height: 100vh;
}

.bg-image {
  background-image: url("../img/trophy.png");
  background-size: cover;
  background-position: center center;
}

.eoi_bg {
       background: url(../../img/about.png);
    background-size: 400px;
    background-position: right bottom;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.nav_header_vny {
    background-image: linear-gradient(to right, #50b062,#5db9a7,#469ed7);
}

.other_links span:not(:last-child) {
    margin-right: 60px;
}

.hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


      
.horizontal-flip .magic-box{
    color: #fff;
    -webkit-perspective: 1000;
            perspective: 1000;
    overflow: hidden;
    margin-bottom: 30px;
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
}
.horizontal-flip .magic-box, .horizontal-flip .magic-box .magic-box-content, .horizontal-flip .magic-box .magic-box-cover{ height: 297px; }
.horizontal-flip .magic-box-content, .horizontal-flip .magic-box-cover{
    width:100%;
    padding:10px;
}

.horizontal-flip .magic-box.active>.flipper, .horizontal-flip .magic-box.active>.flipper, .horizontal-flip .magic-box:hover>.flipper {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
}

.horizontal-flip .magic-box-cover{
  display:table;
  vertical-align:middle;
  z-index: 2;
    /* for firefox 31 */
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
}
.horizontal-flip .magic-box-content {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  display:table;
}
.horizontal-flip .industry img{
  display:block;
margin:0 auto;
}
.horizontal-flip .magic-box-content .industry{
      display: table-cell;
    vertical-align: middle;
}

.horizontal-flip .magic-box-cover .industry{
  display:table-cell; 
  vertical-align:middle;
}
.horizontal-flip .flipper{
    -webkit-transition: 0.6s;
    transition: 0.6s;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    position: relative;

}

.horizontal-flip .magic-box-cover, .horizontal-flip .magic-box-content{
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.client-logo-title .row-fluid::-webkit-scrollbar {
    width: 0;
}


@media only screen and (min-width: 1200px) {
 
 .client-logo-title .row-fluid {
        height: 1318px;
    background: #fff;
    overflow-y: scroll;
    border-radius: .5rem;
}   
}


@media only screen and (min-width: 991px) and (max-width: 1199px) {
 
 .client-logo-title .row-fluid {
        height: 1365px;
    background: #fff;
    overflow-y: scroll;
    border-radius: .5rem;
}   
}



@media only screen and (min-width: 768px) and (max-width: 990px) {
 
 .client-logo-title .row-fluid {
        height: 1405px;
    background: #fff;
    overflow-y: scroll;
    border-radius: .5rem;
}   
}