.section-heading h2 {

     font-weight: 700;

     margin-bottom: 40px;
 }

 .card {
     border: none;
     border-radius: 18px;
     overflow: hidden;
     margin-bottom: 25px;
     box-shadow: 0 15px 40px rgba(0, 0, 0, .08);
     transition: .35s;

 }

 .card:hover {
     transform: translateY(-6px);
     box-shadow: 0 25px 45px rgba(0, 0, 0, .12);
 }

 .card-body {
     padding: 30px;
 }

 .contact-content {
     font-size: 16px;
     line-height: 30px;
     color: #555;
 }

 .contact-content a {
     color: #0056d6;
     text-decoration: none;
     font-weight: 500;
 }

 .contact-content a:hover {
     color: #ff9800;
 }

 .contact-form {
     background: #fff;
     padding: 40px;
     border-radius: 20px;
     box-shadow: 0 20px 45px rgba(0, 0, 0, .08);
 }

 .form-label {
     font-weight: 600;
     margin-bottom: 8px;
     color: #24324b;
 }

 .form-control {
     height: 55px;
     border-radius: 12px;
     border: 1px solid #dce3ed;
     padding: 15px;
     font-size: 15px;
     transition: .3s;
 }

 textarea.form-control {
     height: auto;
     min-height: 180px;
 }

 .form-control:focus {
     border-color: #0056d6;
     box-shadow: 0 0 0 .2rem rgba(0, 86, 214, .12);
 }

 .cus-contact-btn {
     height: 55px;
     border: none;
     border-radius: 50px !important;
     background: linear-gradient(44.16deg, rgba(37, 65, 163, 0.9) -20.28% -20.28%, rgba(26, 47, 143, 0.9) 100%);
     font-weight: 600;
     transition: .3s;
 }

 .cus-contact-btn:hover {
     transform: translateY(-3px);
     box-shadow: 0 15px 30px rgba(0, 86, 214, .25);
 }

 hr {
     margin: 25px 0;
     opacity: .15;
 }

 @media(max-width:991px) {

     .contact-form {
         margin-top: 30px;
         padding: 30px;
     }

     .section-heading h2 {
         font-size: 30px;
     }

 }

 @media(max-width:576px) {

     .contact-form {
         padding: 20px;
     }

     .card-body {
         padding: 20px;
     }

     .cus-contact-btn {
         width: 100% !important;
     }
 }