.card .card-block,.card .card-body
{
	padding:27px 0px;
}

   .bg-c-blue
	{
		background:linear-gradient(45deg,var(--purple),var(--gray-dark));
		
	}
	
		
	.bg-c-green
	{
		background: linear-gradient(45deg,var(--cyan),#09243e);
		
	}
	
		.bg-c-yellow
	{
		background:linear-gradient(45deg,var(--primary),var(--gray-dark));
	}
	
	.bg-patern-white
	{
		background-image:url(../images/crossword.png);
	}
	
	.cardd
	{
    position: relative;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 100%;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border:0px!important;
    border-radius: .25rem;
    box-shadow: 2px 2px 2px #333;
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    color: black;
    background-color:#dee2e6;
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.card-header2 {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #212529;
    background-color: rgb(0 123 255 / 25%);
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.text-white {
    color: #fff!important;
    text-shadow: 2px 1px 1px #333;
}

.welcome
{
    float: right;
    font-size: 17px;
    letter-spacing: 1px;
    font-weight: 600;
    color: #12127b;
}

.serviceBox {
    background: #fff;
    text-align: center;
    border-top: 10px solid #0062cc;
    position: relative;
    height: 224px;
    box-shadow: 2px 2px 2px #adb5bd;
    border-radius: 4%;
}

    .serviceBox:before {
        content: "";
        position: absolute;
        border: 20px solid transparent;
        border-bottom-color: #0062cc;
        top: -50px;
        left: 44%;
    }

    .serviceBox .service-head {
        padding: 10px 0;
    }

        .serviceBox .service-head > h3 {
            color: #3e454c;
            font: bold 70px/60px "arial";
            margin-bottom: 20px;
            text-transform: uppercase;
        }

        .serviceBox .service-head > h4 {
            color: #e74c3c;
            font-size: 30px;
            font-weight: normal;
            line-height: 69px;
            margin-bottom: -19px;
            padding: 27px 10px;
        }

    .serviceBox .service-content > span {
        color: #3e454c;
        font-size: 30px;
        line-height: 20px;
        margin: 0 0 8px;
        display: block;
    }

    .serviceBox .service-content > p {
        color: #bfbfbf;
        font-size: 14px;
        line-height: 25px;
        padding: 0 60px;
    }

    .serviceBox .read {
        padding: 20px 0 45px;
    }

        .serviceBox .read a {
            background: #e74c3c;
            border: medium none;
            border-radius: 0;
            color: #fff;
            padding: 14px 17px;
            font: 600 14px/18px "arial";
            text-transform: uppercase;
            transition: all 0.5s ease 0s;
        }

            .serviceBox .read a:hover {
                background: #3e454c;
                transition: all 0.5s ease 0s;
            }

@media screen and (max-width: 990px) {
    .serviceBox {
        margin-bottom: 30px;
    }

        .serviceBox .service-head > h4 {
            font-size: 26px;
        }
}

@media screen and (max-width: 767px) {
    .serviceBox:before {
        left: 47%;
    }
}

@media screen and (max-width: 480px) {
    .serviceBox:before {
        left: 44%;
    }
}