.section-cards{
    margin:20px 0;
}

/***************************** contact form design start ***************************/

   .card {
        background: #ffffff;
        border-radius: 20px;
        padding: 30px;
      	border-top: 6px solid #123aa6 !important;
        color: #333;
        box-shadow: 0 10px 25px rgba(0,0,0,0.08);
        transition: all 0.4s ease;
        position: relative;
        overflow: hidden;
    }

    .card:hover {
        transform: translateY(-10px);
        box-shadow: 0 20px 45px rgba(0,0,0,0.15);
        	border-color: rgb(12 11 197 / 8%) !important;
    }

    .card::before {
        content: "";
        position: absolute;
        width: 150%;
        height: 150%;
        background: linear-gradient(120deg, transparent, rgba(0,0,0,0.05), transparent);
        top: -100%;
        left: -100%;
        transform: rotate(25deg);
        transition: 0.6s;
    }

    .card:hover::before {
        top: 100%;
        left: 100%;
    }

    .card h2 {
        margin-bottom: 20px;
        font-weight: 600;
        text-align: left;
        color: #222;
        	font-size: 15px;
        	
    }

    .info {
        display: flex;
        align-items: center;
        margin: 1px 0;
        padding: 10px;
        border-radius: 10px;
        transition: 0.3s;
    }

    .info:hover {
        background: #f1f5f9;
    }

    .info i {
        font-size: 14px;
        margin-right: 12px;
        color: #1067b4;
        width: 25px;
        text-align: center;
        font-style: normal;
    }
    
    .info a{
        text-decoration: none;
	color: #333;
    }
    
    .info a:hover{
        text-decoration: none;
    }

    .info span {
        font-size: 14px;
    }

    .btn {
        display: block;
        text-align: center;
        margin-top: 20px;
        padding: 12px;
        border-radius: 30px;
        background: linear-gradient(135deg, #4facfe, #00c6ff);
        color: #fff;
        text-decoration: none;
        font-weight: 500;
        transition: 0.3s;
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    }

    .btn:hover {
        transform: scale(1.05);
        box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    }

    @media(max-width: 400px) {
       
    }
    	  .accordion {
background: linear-gradient(5deg, #f2f2f2, transparent) !important;
	color: #444;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: 0.4s;
	margin-bottom: 10px;
	border-radius: 8px;
		border-left: 5px solid #e3e4e5 !important;
}
    
/*********************************** contact form design end *********************/

.section-cards .col {
    margin:10px 0;
    height: 450px;
}