.rdx_notice__board  {
    max-width: 600px;
    margin: 40px auto;
    padding: 30px;
    border-radius: 15px;
    background-color: #f2f2f2;
}
.rdx_notice__board  .swiper-wrapper {
    width: calc(100% - 50px);
}

.rdx_notice__board  a {
    color: #000;
    text-decoration: none;
}
.top_companies h5 {
    font-size: 16px;
    padding-bottom: 0;
    margin-bottom: 0;
    color: #000;
}

.rdx_notice__board .swiper-slide{
    text-align: left;
    padding: 10px 17px;
    background-color: #fff;
    border-radius: 15px 0;
}


body .rdx_notice__board .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 280px;
}

.img_thum{
    width: 80px;
    border-radius:8px;
}
.rdx_notice_cont {
    display: flex;
    align-items: center;
    grid-gap: 15px;
}

.content_cvr h5 a{
    color:red;
    font-size: 18px ;
    font-weight:bold;
    
}
.content_cvr p {
margin-bottom:0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 100%;
}

.product-name{
padding:5px 2px;
text-align:center;
height:40px
}
.product-name a{
color:#333!important;
font-size:14px
}
.gallery-pdding-mng{
margin-bottom:30px!important;
padding:8px!important;
border:1px solid #ccc
}
.gallary .gallary-item{
margin-bottom:20px!important;
display:block;
position:relative;
margin:0 auto;
max-width:400px
}
.gallary .gallary-item .hover-bg{
overflow:hidden;
position:relative
}
.gallary .hover-bg .hover-text{
position:absolute;
text-align:center;
margin:0 auto;
color:#fff;
background:rgba(0,0,0,.66);
padding:25% 0;
height:100%;
width:100%;
opacity:0;
transition:all .5s
}
.gallary .hover-bg .hover-text>h4{
opacity:0;
-webkit-transform:translateY(100%);
transform:translateY(100%);
transition:all .3s
}
.gallary .hover-bg:hover .hover-text>h4{
opacity:1;
-webkit-backface-visibility:hidden;
-webkit-transform:translateY(0);
transform:translateY(0)
}
.gallary .hover-bg .hover-text>i{
opacity:0;
-webkit-transform:translateY(0);
transform:translateY(0);
transition:all .3s
}
.gallary .hover-bg:hover .hover-text>i{
opacity:1;
-webkit-transform:translateY(100%);
transform:translateY(100%)
}
.isotope-item{
z-index:2;
margin-right:-1px;
backface-visibility:hidden
}
.isotope-hidden.isotope-item{
z-index:1
}
.isotope,.isotope .isotope-item{
-webkit-transition-duration:.8s;
-moz-transition-duration:.8s;
transition-duration:.8s
}
.isotope{
backface-visibility:hidden;
-webkit-transition-property:height,width;
-moz-transition-property:height,width;
transition-property:height,width
}
.isotope .isotope-item{
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
-webkit-transition-property:-webkit-transform,opacity;
-moz-transition-property:-moz-transform,opacity;
transition-property:transform,opacity
}

.gallery-col{
width:100%;
position:relative;
display:inline-block;
list-style:none;
-webkit-perspective:300px;
perspective:300px;
vertical-align:middle;
overflow:hidden;
box-shadow:0 0 10px rgba(36,175,170,.2);
-ms-transition-duration:.4s;
transition-duration:.4s
}
.gallery-col .personal-overly{
position:absolute;
display:block;
text-decoration:none;
height:100%;
width:100%;
z-index:110;
padding:0;
color:#FFF;
background-color:#000;
opacity:0;
-ms-transform-origin:center;
-moz-transform-origin:center;
-webkit-transform:center;
transform-origin:center;
-webkit-transform:rotateX(90deg);
-ms-transform:rotateX(90deg);
-moz-transform:rotateX(90deg);
transform:rotateX(90deg);
transition-duration:.4s
}
.gallery-col img{
position:relative;
display:block;
width:100%;
z-index:100;
-webkit-transition-duration:.4s;
-moz-transition-duration:.4s;
-ms-transition-duration:.4s;
transition-duration:.4s;
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}
.gallary .hover-bg:hover .hover-text>i,.isotope,.isotope-item{
-webkit-backface-visibility:hidden
}
.gallery-col div span{
position:relative;
display:block;
top:50%;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%)
}
.gallery-col .personal-overly>span a{
position:relative;
display:inline-block;
text-decoration:none
}
.gallery-icon{
border:1px solid #fff;
height:60px;
float:left;
margin:12px 10px;
width:60px;
background:rgba(255,255,255,.91);
text-decoration:none;
color:#F5FFFF;
border-radius:4px;
-webkit-transition-duration:.5s;
-ms-transition-duration:.5s;
-moz-transition-duration:.5s;
transition-duration:.5s;
-webkit-transform:rotate(45deg)
}
.gallery-col .personal-overly i{
font-size:26px;
position:relative;
display:block;
padding:0;
margin:0;
color:#000;
line-height:60px
}
.gallery-col:hover div{
display:block;
opacity:.8;
-webkit-transform-origin:center top;
-moz-transform-origin:center top;
-ms-transform-origin:center top;
transform-origin:center top;
-webkit-transform:rotateX(0);
-ms-transform:rotateX(0);
-moz-transform:rotateX(0);
transform:rotateX(0)
}
.gallery-col:hover img{
-webkit-transform:scale(1.2);
-ms-transform:scale(1.2);
-moz-transform:scale(1.2);
transform:scale(1.2)
}
.gallery-icon:hover{
border-radius:50px;
background-color:#398e39;
border-color:#398e39
}
.gallery-icon:hover i{
color:#fff
}
.gallery-icon i{
-webkit-transform:rotate(-45deg)!important
}

.product-hover .transition {
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.product-hover .btn {
padding: 8px 40px;
border-radius: 2px;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
background-color: #dd003b;
color: #fff;
}
.product-hover .btn:hover {
background-color: #aa002d;
color: #fff;
}
.product-hover h3 {
font-family: 'Noto Serif', serif;
font-size: 20px;
color: #444444;
}
.img-responsive {
width: 100%;
border-radius: 2px;
}
.basic-widgets {
padding-top: 15px;
padding-bottom: 15px;
}

/* project hover*/
.product-hover {
position: relative;
overflow: hidden;
background: black;
}
.product-hover:hover .text-view {
top: 40%;
opacity: 1;
}
.product-hover:hover .btn-view {
top: 60%;
opacity: 1;
}
.project-hover:hover img {
opacity: .8;
}
.product-hover .text-view {
width: 95%;
position: absolute;
top: 35%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
font-weight: 600;
}
.product-hover .text-view h3 {
margin-bottom: 10px;
font-weight: 600;
}
.product-hover .btn-view {
width: 100%;
position: absolute;
top: 65%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
}


.categories {
padding: 10px 0;
text-align:center;
margin-bottom:40px;
}

.categories li {
display: inline-block;
margin-top: 10px;
}

.img-responsive{
height:100%;

}

