* {
    padding: 0px;
    margin: 0px;
    font-family: Calibri, 'Trebuchet MS', sans-serif;
}

a,
a:hover {
    text-decoration: none;
}
body{
    background-color: #D4EDFC;
}
.Header h1{
margin: 0px;
padding:  0px;
text-align: center;
}

.Header{
    margin: 0;
    /* width: 100%; */
    line-height: 65px;
    /* height: 90px; */
    padding: 15px;
    text-transform: uppercase;
    animation-name: welcome ;
    animation-duration: 3.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction:alternate ;
}

@keyframes welcome{
    0%{
        /* text-align: left; */
        background-color: #393185;
        color: white;
    }
    25%{
        background-color: cyan;
        color: blueviolet;
    }
    50%{
        /* text-align: center; */
        background-color: #006CB5;
        color:blanchedalmond;
    }
    75%{
        background-color: green;
        color:blanchedalmond;
    }
    100%{
        /* text-align: right; */
        background-color: #83D0F4;
        color:black;
    }
}
.item{
    margin: 18px 36px;
}
.item .col-md-6{
    padding: 10px;
    height: calc(50vh - 82px);
}

.item a{
    display: inline-block;
    height: 100%;
    width: 100%;
    text-transform: uppercase;
    background: #006CB5;
    color: bisque;
    font-size: 30px;
    padding: 25px;
}

.item_img{
    position: relative;
    overflow: hidden;
}
.item_img:hover .item_text{
    left: -100%;
}

.item_text{
    position: absolute;
    top: 0px;
    left: 0px;
    background:rgba(7, 76, 122, 0.8);
    height: 100%;
    width: 100%;
    transition: all 1s;
}

.item_text h2{
    position: relative;
    top : 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.item .web{
    background-size:cover;
    background-image:url(/images/Index_Page_Image/Web.jpg);
}

.item .print{
    background-size:cover;
    background-image:url(/images/Index_Page_Image/Printing.jpg);
}

.item .fashion{
    background-size:cover;
    background-image:url(/images/Index_Page_Image/Fashion.jpg);
}

.item .office{
    background-size:cover;
    background-image:url(/images/Index_Page_Image/office.jpg);
}

.item .looms{
    background-size:cover;
    background-image:url(/images/Index_Page_Image/looms.jpg);
}

.item .form{
    background-size:cover;
    background-image:url(/images/Index_Page_Image/form.png);
}

.footer{
    margin: 0px;
    padding: 0px;
    background: #83D0F4;
    color: black;
    font-size: larger;
}
.footer p{
    padding: 10px;
    margin: 0;
}