/*=========================================
        PAGE BANNER
==========================================*/

.page-banner{

background:linear-gradient(rgba(33,49,102,.90),rgba(33,49,102,.90)),
url('../img/banner.jpg');

background-size:cover;
background-position:center;

padding:90px 0;

text-align:center;

color:#fff;

}

.page-banner h1{

font-size:46px;

font-weight:700;

margin-bottom:15px;

}

.page-banner p{

font-size:18px;

max-width:700px;

margin:auto;

opacity:.95;

}

/*=========================================
        INQUIRY SECTION
==========================================*/

.inquiry-section{

padding:80px 0;

}

.inquiry-card{

background:#fff;

padding:45px;

border-radius:20px;

box-shadow:0 20px 45px rgba(0,0,0,.08);

transition:.4s;

}

.inquiry-card:hover{

transform:translateY(-5px);

box-shadow:0 25px 60px rgba(0,0,0,.12);

}

.inquiry-card h2{

font-size:36px;

font-weight:700;

color:#213166;

margin-bottom:10px;

}

.inquiry-card p{

color:#777;

margin-bottom:0;

}

/*=========================================
        FORM LABEL
==========================================*/

.form-label{

font-size:15px;

font-weight:600;

color:#213166;

margin-bottom:8px;

}

/*=========================================
        INPUT
==========================================*/

.form-control,
.form-select{

height:55px;

border-radius:12px;

border:1px solid #d8d8d8;

font-size:15px;

padding:12px 15px;

transition:.3s;

box-shadow:none;

}

textarea.form-control{

height:auto;

min-height:140px;

resize:none;

}

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

border-color:#213166;

box-shadow:0 0 0 .2rem rgba(33,49,102,.15);

}

/*=========================================
        BUTTONS
==========================================*/

.btn-primary{

background:#213166;

border:none;

padding:14px 35px;

font-size:17px;

font-weight:600;

border-radius:50px;

transition:.3s;

}

.btn-primary:hover{

background:#FFC107;

color:#213166;

transform:translateY(-3px);

}

.btn-outline-secondary{

border-radius:50px;

padding:14px 35px;

font-weight:600;

transition:.3s;

}

.btn-outline-secondary:hover{

background:#213166;

border-color:#213166;

color:#fff;

}

/*=========================================
        ICON
==========================================*/

.btn i{

margin-right:8px;

}

/*=========================================
        FORM ANIMATION
==========================================*/

.inquiry-card{

animation:fadeUp .8s ease;

}

@keyframes fadeUp{

0%{

opacity:0;

transform:translateY(40px);

}

100%{

opacity:1;

transform:translateY(0);

}

}

/*=========================================
        PLACEHOLDER
==========================================*/

::placeholder{

color:#999;

}

/*=========================================
        SELECT
==========================================*/

.form-select{

cursor:pointer;

}

/*=========================================
        FORM GRID SPACING
==========================================*/

.row>.col-md-6,
.row>.col-12{

margin-bottom:5px;

}

/*=========================================
        CARD TITLE
==========================================*/

.inquiry-card .text-center{

margin-bottom:40px;

}

/*=========================================
        SHADOW EFFECT
==========================================*/

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

border-color:#213166;

}

/*=========================================
        MOBILE
==========================================*/

@media(max-width:991px){

.page-banner{

padding:70px 0;

}

.page-banner h1{

font-size:36px;

}

.inquiry-card{

padding:30px;

}

}

@media(max-width:768px){

.page-banner h1{

font-size:30px;

}

.page-banner p{

font-size:15px;

}

.inquiry-card{

padding:25px;

}

.inquiry-card h2{

font-size:28px;

}

.btn-primary,
.btn-outline-secondary{

width:100%;

margin-bottom:15px;

}

}

@media(max-width:576px){

.page-banner{

padding:55px 0;

}

.page-banner h1{

font-size:26px;

}

.page-banner p{

font-size:14px;

}

.form-control,
.form-select{

height:50px;

font-size:14px;

}

textarea.form-control{

min-height:120px;

}

}

/*=========================================
        REMOVE HORIZONTAL SCROLL
==========================================*/

html,
body{

overflow-x:hidden;

}

/*=========================================
        CUSTOM SCROLLBAR
==========================================*/

::-webkit-scrollbar{

width:8px;

}

::-webkit-scrollbar-track{

background:#f1f1f1;

}

::-webkit-scrollbar-thumb{

background:#213166;

border-radius:20px;

}

::-webkit-scrollbar-thumb:hover{

background:#FFC107;

}