/* .my-color {
    background-color: #B8E5FF !important;
} */
.page-a {
    /* width: 21cm; */
    /* height: 29.7cm; */
    margin-left: auto;
    margin-right: auto;
}
.my-color , .table th {
    background-color: #B8E5FF !important;
    /* background-color: rgb(239, 102, 3) !important; */
}
.my-height{
    bottom: 0px;
}
/* .single-content{
    position: relative; */
    /* transition:.3s; */
    /* box-shadow: 10px 20px 20px rgb(0,0,0,0.8) */
/* }
.single-content .text-content, 
.single-content:after{
    position: absolute;
    left: 200px;
    right: 200px;
}
.single-content:after{
    content: '';
    display: block;
    background: #f1f1f1;
    top: 2px;
    bottom: 2px;
    opacity: 0;
    transform: rotate3d(-1,1,0,100deg);
    transition: .4s;
}
.single-content:hover:after{
    opacity: .9;
    transform: rotate3d(0,0,0,0deg);
}
.single-content{
    width:100%;
    height: auto;
}
.text-content{
    top: 45%;
    opacity: 0;
    z-index: 1;
    transform: translate(10%,-30%);
    transition: .3s;
    text-align: center;
    color: #fff;
}
.single-content:hover .text-content{
    opacity: 1;
    transform: translate(0,-50%);
    transition-delay: .3s;
} */
.conn{
    position: relative;
    transition: .3s;
}
.overlay{
    position:absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
    background: rgb(103, 103, 185);
    cursor: pointer;
}
.conn:hover .overlay{
    opacity: 0.8;
}

/* .single-content{
    position: relative;
    transition: .3s;
}
.single-content .text-content, 
.single-content:after{
    position: absolute;
    left: 200px;
    right: 200px;
}
.single-content:after{
    content: '';
    display: block;
    background: #31c7c7;
    top: 2px;
    bottom: 2px;
    opacity: 0;
    transform: rotate3d(-1,1,0,100deg);
    transition: .4s;
}
.single-content:hover:after{
    opacity: .9;
    transform: rotate3d(0,0,0,0deg);
}
.single-content{
    width:100%;
    height: auto;
}
.text-content{
    top: 45%;
    opacity: 0;
    z-index: 1;
    transform: translate(10%,-30%);
    transition: .3s;
    text-align: center;
    color: #fff;
} */
/* .single-content:hover .text-content{
    opacity: 1;
    transform: translate(0,-50%);
    transition-delay: .3s;
} */