.contact-sec{background: #F7F9FC;}
.contact-sec .heading h3 {perspective: 600px;font-weight: 700;line-height: 100%;font-size: 40px;background: linear-gradient(90deg, #033658 25.5%, #007FD2 81.71%);-webkit-background-clip: text;background-clip: text;color: transparent;}
.contact-sec .container{position: relative;z-index: 1;}
.tab-btn p {font-weight: 700;font-size: 18px;color: rgba(3, 54, 88, 0.7);padding-bottom: 10px;}

.tab-btn button {font-size: 12px;font-weight: 400;border: 1px solid rgba(3, 54, 88, 0.9);padding: 8px 18px;border-radius: 4px;margin-right: 10px;margin-bottom: 10px;color: rgba(3, 54, 88, 0.9);}

.tab-btn button:hover {background-color: rgba(3, 54, 88, 0.9);color: #fff;}
.tab-btn .active {background-color: rgba(3, 54, 88, 0.9);color: #fff;}

@media(min-width:640px){
  .contact-sec .heading h3 {font-size: 48px;}
}
@media(min-width:768px){
  .contact-sec .heading h3 {font-size: 56px;}
  .tab-btn p {font-size: 20px;}
  .tab-btn button {font-size: 14px;padding: 6px 16px;}
}
@media(min-width:1024px){
  .contact-sec .heading h3 {font-size: 80px;}
  .tab-btn p {font-size: 22px;}
}
@media(min-width:1280px){
  .contact-sec .heading h3 {font-size: 105px; }
  .tab-btn p {font-size: 24px;}
  /* .tab-btn button{font-size: 20px;} */
}

/* contact form */
.contact-form span {color: #ff0000;}
.contact-form .form-control {margin-bottom:5px;padding: 0 13px 5px;border-bottom: 1px solid rgba(3, 54, 88, 0.7) ;background: transparent;}
.contact-form textarea {background: transparent;}
.contact-form label {font-size: 18px;text-align: left;padding: 2px;font-weight: 500;line-height: 1.5;color:#555;}
.reachOut h3{font-size: 16px;font-weight: 500;color: rgba(3, 54, 88, 0.7);}
.reachOut h3>a{font-weight: 600;text-decoration: underline;color: rgba(0, 39, 65, 0.95);}
/* .btn-submit input {font-size: 14px;margin-bottom: 22px !important;background: linear-gradient(180deg, #01253E 0%, #014775 97.92%, rgba(0, 72, 119, 0) 100%);cursor: pointer;border: none!important;border-radius: 8px;padding: 10px 40px;} */

@media(min-width:768px){
  .reachOut h3{font-size: 18px;}
}
@media(min-width:768px){
  .contact-form label {font-size: 20px}
  .btn-submit input {font-size: 16px}
  .reachOut h3{font-size: 24px;}
}

.error-message {color: #ff0000 !important;padding-left: 13px !important;font-size: 14px !important;font-weight: 300px !important;}

.success-msg {position: fixed;top: 15%;left: 45%;transform: translateX(-45%);border-radius: 4px;z-index: 9999;display: none;background: #FFF;border-left: 6px solid #27AE60;box-shadow: 0 5px 8px rgba(0, 0, 0, 0.08);transition: all linear 0.3s;padding:10px;font-weight: 500;font-size: 14px;}
.success-msg i{color: #27AE60;font-size: 16px;}
@media(min-width:768px){
  .success-msg {left: 50%;transform: translateX(-50%);padding:16px 30px;font-size: 16px;}
  .success-msg i{font-size: 20px;padding-right: 2px;}
}