.highlight {

    color: #6b63a9;

}

section.contact_content h2 {

    font-size: 48px;

    font-weight: 700;    

}

.info_data-card .wrapper {

    padding: 40px;

    border: 1px solid #c8c8c8;   

    height: 100%; 

}

.section_header .subtitle:before {

    content: '';

    position: absolute;

    left: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    height: 2px;

    width: 40px;

    background: #ffc631;

}

.section_header .subtitle {

    text-transform: uppercase;

    padding-left: 60px;

    position: relative;

    font-size: 16px;

    margin-bottom: 15px;

    font-weight: 600;

}

.info_data-card .icon {

    color: #ffc631;

    font-size: 32px;

    line-height: 30px;

}

.info_data-card .title {

    margin: 15px 0 10px;

    font-weight: 700;

}

.contact-area .heading h2 {

    font-weight: 600;

    text-transform: capitalize;

}

.contact-area .heading {

    margin-bottom: 30px;

}

.contact-area .contact-items input {

    border: 1px solid #e7e7e7;

    border-radius: inherit;

    box-shadow: inherit;

}

.form_section .form-group {

    margin-bottom: 15px;

}

.form_section .contact-area .contact-items button {

    /*background: transparent none repeat scroll 0 0;

    border: 2px solid #232323;

    color: #666666;

    display: inline-block;

    font-family: "Poppins", sans-serif;

    font-weight: 600;

    letter-spacing: 1px;

    margin-top: 15px;

    padding: 10px 35px;

    text-transform: uppercase;

    width: max-content;    */

}

.form_section .contact-area .contact-items textarea {

    border: 1px solid #e7e7e7;

    border-radius: inherit;

    box-shadow: inherit;

    padding: 15px 10px;

}

section.contact_content {

    padding: 80px 0 0;

}

.info_data {

    margin-bottom: 40px;

}

.info_data-card {

    margin-top: 30px;

}

.info_data-card .wrapper span.content a{

    text-decoration: none;

    color: #000;

}

.info_data-card .wrapper span.content a:hover {

    color: #6b63a9;

}







.custom-btn {

  width: max-content;

  color: #fff;

  border-radius: 5px;

  font-family: 'Lato', sans-serif;

  font-weight: 500;

  transition: all 0.3s ease;

  position: relative;

  display: inline-block;

   box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),

   7px 7px 20px 0px rgba(0,0,0,.1),

   4px 4px 5px 0px rgba(0,0,0,.1);

  outline: none;

}

.btn-1 {

    background: linear-gradient(0deg, #343a40 0%, #343a40 100%);

    padding: 0;

    border: none;

}

.btn-1 span{

    position: relative;

    display: block;

    width: 100%;

    height: 100%;

    padding: 10px 25px;

}

.btn-1 span:before {

    width: 2px;

    height: 0%;

}

.btn-1 span:after {

    height: 2px;

    width: 0%;

}

.btn-1 span:before, .btn-1 span:after {

    position: absolute;

    content: "";

    left: 0;

    top: 0;

    background: rgb(107 99 169);

    box-shadow: -7px -7px 20px 0px rgba(255,255,255,.9), -4px -4px 5px 0px rgba(255,255,255,.9), 7px 7px 20px 0px rgba(0,0,0,.2), 4px 4px 5px 0px rgba(0,0,0,.3);

    transition: all 0.3s ease;

}

.btn-1:before {

    height: 0%;

    width: 2px;

}

.btn-1:after {

    width: 0%;

    height: 2px;

}

.btn-1:before, .btn-1:after {

    position: absolute;

    content: "";

    right: 0;

    bottom: 0;

    background: rgb(107 99 169);

    box-shadow: -7px -7px 20px 0px rgba(255,255,255,.9), -4px -4px 5px 0px rgba(255,255,255,.9), 7px 7px 20px 0px rgba(0,0,0,.2), 4px 4px 5px 0px rgba(0,0,0,.3);

    transition: all 0.3s ease;

}

.btn-1:hover {

    color: rgb(107 99 169);

    background: transparent;

}

.btn-1:hover:before {

    height: 100%;

}

.btn-1 span:before {

    width: 2px;

    height: 0%;

}

.btn-1 span:after {

    height: 2px;

    width: 0%;

}

.btn-1:hover:after {

    width: 100%;

}

.btn-1 span:hover:before {

    height: 100%;

}

.btn-1 span:hover:after {

    width: 100%;

}

section.form_section{

    position: relative;

}

section.contact_content::before {

    content: "";

    position: absolute;

    background: url(../img/home_about_bg1.svg);

    left: 0;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    z-index: -1;
    opacity: 0.4;

}

section.form_section::after {

    content: "";

    position: absolute;

    background: url(../img/home_about_bg1.svg);

    right: 0;

    bottom: 0;

    width: 500px;

    height: 500px;

    background-repeat: no-repeat;

    z-index: -1;

    transform: rotate(360deg);

}





































@media screen and (min-width: 768px){

section.contact_content .info_data {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    grid-gap: 30px;

    margin-bottom: 60px;

}

section.contact_content .info_data-card {

    margin-top: 0;

}

}







@media screen and (min-width: 1024px){

section.contact_content {

    padding: 100px 0 0;

}

}







@media screen and (min-width: 1280px){

section.contact_content .info_data {

    grid-template-columns: repeat(4, 1fr);

}

}







@media screen and (min-width: 1280px) and (max-width:1399px){

.info_data-card .wrapper {

    padding: 20px;

}

}





@media(min-width:769px) and (max-width:991px){



}





@media(max-width:767px){

.contact-area.item-flex .thumb {

    min-height: 300px;

}

.contact-area.item-flex .contact-items {

    margin-top: 30px;

    padding: 0 15px;

}

}





@media(max-width:575px){

section.contact_content {

    padding: 20px 0 0;

}

.info_data-card .wrapper {

    padding: 40px 15px;  

}

section.contact_content h2{

    font-weight: 40px;

}

}