/*==========================
CONTACT SECTION
===========================*/

.contact-section{

background:#f7fbff;

}

.section-tag{

display:inline-block;

padding:8px 20px;

background:#eaf5ff;

color:#0077C8;

border-radius:30px;

font-weight:700;

}

.section-title{

font-size:42px;

font-weight:700;

color:#003b73;

margin:15px 0;

}

.contact-form,
.contact-info{

background:#fff;

padding:40px;

border-radius:20px;

box-shadow:0 15px 40px rgba(0,0,0,.08);

height:100%;

}

.contact-form h3,
.contact-info h3{

font-weight:700;

margin-bottom:30px;

color:#003b73;

}

.form-control,
.form-select{

height:55px;

border-radius:10px;

border:1px solid #ddd;

}

textarea.form-control{

height:auto;

}

.form-control:focus,
.form-select:focus{

border-color:#0077C8;

box-shadow:none;

}

.contact-btn{

background:#0077C8;

color:#fff;

padding:14px 35px;

border:none;

border-radius:40px;

font-weight:600;

transition:.3s;

}

.contact-btn:hover{

background:#005ea6;

}

.info-box{

display:flex;

align-items:flex-start;

margin-bottom:30px;

}

.info-box i{

width:55px;

height:55px;

background:#0077C8;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

color:#fff;

font-size:22px;

margin-right:20px;

}

.info-box h5{

font-weight:700;

margin-bottom:5px;

color:#003b73;

}

.info-box p{

margin:0;

line-height:28px;

color:#666;

}

.info-box a{

color:#666;

text-decoration:none;

}

.info-box a:hover{

color:#0077C8;

}

/*==========================
RESPONSIVE
===========================*/

@media(max-width:991px){

.section-title{

font-size:32px;

}

.contact-form,
.contact-info{

padding:25px;

}

}

@media(max-width:576px){

.section-title{

font-size:26px;

}

.contact-form,
.contact-info{

padding:20px;

}

}