@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*{
    padding: 0%;
    margin: 0%;
    box-sizing: border-box;
    overflow-x: hidden;
}

:root{
    --bright-color: #0356a2;
    --text-white-color: #fff;
    --nunito-font: 'Nunito', 'sans-serif'
}

@media (min-width: 768px) and (max-width: 992px){
    .footer-grid{
       display: grid;
       grid-template-columns: repeat(2,1fr);
    }
    .footer-cols{
        width: 100%;
    }
}
.owl-dots.disabled{
    display: block !important;
}
 .student-management:hover .fa,
 .cooperative:hover .fa,
 .college-management:hover .fa
{
    color: white;
}

.container-sidebar {
    transition: transform 0.3s ease;
    transform: translateX(-100%);
}

.container-sidebar.hidden {
    transform: translateX(0);
}

@media (min-width: 768px) and (max-width: 992px){
    .visitor{
        bottom: 10%;
    }
    /* .flipper{
        min-height: 350px;
    } */
    .who-we{
        padding: 0em 2em;
    }
}

@media screen and (max-width: 767) {
    .sideblock{
        display: block;
    }
}

html.pop-window{
    overflow: hidden;
}

.paginate_button nav{
    column-gap: 1em;
}

.job-description {
    max-width: 800px;
    margin: 0 auto;
  }

  .job-section:last-child {
    border-bottom: none;
  }

 @media screen and (min-width: 1024px) {
    .product_detail.header-product-active{
        display: block;
        height: 300px;
        overflow-y: scroll;
      }
      .product_submenu:hover{
         background-color: #0356a2;
         color: #fff;
      }
      .product_detail{
        display: none;
      }
      .destktop_menu{
        display: block;
      }
 }


 @media screen and (max-width: 1024px) {
    .dropMenu{
        display: block !important;
    }
 }


.contact-page h3 label{
    font-family: var(--nunito-font);
}

.modal_overlay{
    overflow: hidden;
}

.paginate_button nav span,
.paginate_button nav a{
    background-color: #fff;
    color: #0356a2;
    cursor: pointer;
}


@media screen and (min-width: 992px) {
    .header-product-active{
        height: 300px;
        overflow-y: scroll !important;
      scroll-behavior: smooth;
      padding: 1em;
    }
    .product_button_active{
        background-color: #0356a2;
        color: #fff;
    }
    .product_button_active a{
        color: #fff;
    }
 
   .product-submenu {
    display: none;
   }
   .destktop_menu.product-submenu{
    display: block;
   }
   .product_html_class{
    overflow: hidden;
   }
}