﻿
@media (max-width: 767.98px)
{
    .m-none
    {
        display: none !important;
    }
}

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

@media (max-width: 767.98px)
{
    .m-h-size
    {
        font-size: 15px !important;
    }
}

@media (max-width: 767.98px)
{
    .top-header-2
    {
        /* background: #028dd0; */
        background-image: none;
    }
}

.top-header-2
{
   padding-top: 0.5rem !important;
   padding-bottom: 0.5rem !important;
   padding-left: 15px;
   background: #1665b1;
   background-image: url('/Media/NewImage/m-top-banner.png');
   background-color: #016aa7 !important;
   background-image: url(/Media/NewImage/bg-1.png);
}

.top-header.top-header-2 {}

.text-sologan
{
    text-transform: uppercase;
    padding-left: 15px;
    margin-bottom: 0px;
}

.bo1 a
{
    font-weight: 900;
    color: #028dd0;
    /* font-size: 20px; */
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    color: #fff;
}

.cuc1 a
{
    font-weight: 700;
    color: #ff0018;
    font-size: 17px;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 2px;
    color: #ffec11;
}

.text1
{
    font-weight: 500;
    /* color: #425A8B; */
    font-size: 13px;
    /* text-transform: uppercase; */
    text-decoration: none;
    letter-spacing: 1px;
    color: #028dd0;
    padding: 5px 5px;
    color: #ffffff;
}

.text-site1
{
    display: flex;
    align-items: center;
}



.nav-tabs .nav-link.active {

    color: #ed4631 !important;
}

@media (max-width: 767.98px)
{
.m-fe
{ display:flex;
      flex-direction: column-reverse;
    
    }}
    
    /* sadsa*/
    
    
    
    
.normal,
.hover {
  flex: 1;
 
}
.demo-title {
  color: #666;
  margin: 0 0 15px;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
}
.module {
        min-width: 270px;
        height: 340px;
        /* box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); */
        transition: all 0.3s linear 0s;
        overflow: hidden;
        position: relative;
        border: 1px solid #D5DFE4;
        border-radius: 4px;
}
.module:hover {
  box-shadow: 0 1px 35px 0 rgba(0, 0, 0, 0.3);
}
.thumbnail {
  position: relative;
  overflow: hidden;
  background: black;
  background-image: url(../img/svg/thumbnail.svg);
  width: 100%;
  height: 100%;
}
.thumbnail img {
  width: 100%;
  transition: all 0.3s;
  /* height: 100%; */
  object-fit: cover;
  height: 220px;
}
.module:hover .thumbnail img {
  transform: scale(1.1);
  opacity: 0.6;
}

.thumbnail .date {
      position: absolute;
    top: 20px;
    right: 20px;
    background: #fff;
    padding-top: 10px;
    color: #425A8B;
    font-weight: bold;
    border-radius: 100%;
    height: 55px;
    width: 55px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
    text-transform: uppercase;
}
.date div:first-child {
  font-size: 18px;
  line-height: 1.2;
}
.content {
    position: absolute;
    width: 100%;
    height: 150px;
    bottom: 0;
    background: #fff;
    padding: 15px;
    transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
}
.module:hover .content {
  height: 278px;
}

.content .category {
      position: absolute;
      top: -34px;
      left: 0;
      color: #425A8B;
      text-transform: uppercase;
      background: #f0f3f8;
      padding: 10px 15px;
      font-weight: bold;
      font-size: 15px;
}
.title {
       margin: 0;
       padding: 0 0 10px;
       color: #253D4E;
       /* font-size: 24px; */
       /* font-weight: 700; */
       font-size: 16px;
       line-height: 1.5;
       }
.sub-title {
    margin: 0;
    padding: 0 0 20px;
    /* color: #e74c3c; */
    font-size: 16px;
    font-weight: 400;
}
.description {
  color: #666666;
  font-size: 14px;
  line-height: 1.8em;
  height: 0;
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
  overflow: hidden;
}
.module:hover .description {
  height: 100px;
}
.meta {
  margin: 10px 0 0;
  color: #999999;
}


.info-b2 {
    padding: 0px 0px 10px 0px;
    font-weight: 700;
    color: #445c8c;
    font-size: 18px;
}

.bord-b {
    border-bottom: 1px solid #D5DFE4;
}