@charset "utf-8";
/* CSS Document */
.banner-title-inner {background: rgba(7,55,73,0.6); padding: 20px 40px; font-size: 36px; width: 70%;}
.center-title-box {top: 50%; display: inline-block; left: 50%; right: auto; transform: translate(-50%,-50%); background: #295d6e; border-color: #295d6e; color: #ffffff; border-width: 0px; padding-left: 20px; padding-right: 20px; z-index: 2;}
.center-title-box a {color: #ffffff;}
.center-title-box:hover {background: #63a1b9; border-color: #63a1b9; box-shadow: 0px 0px 25px 0px rgba(255,255,255,0.7);}
.card-hover-box {overflow: hidden; position: relative;}
.card-hover-box:before {background: rgba(0, 0, 0, 0.3); content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
.card-hover-box:hover:before {opacity: 0;}
.card-hover-box img {transform: scale(1); transition: transform 0.3s;}
.card-hover-box:hover img {transform: scale(1.1); transition: transform 0.3s;}

.btn-primary {background: #295d6e; border-color: #295d6e;}
.btn-primary:hover {background: #63a1b9; border-color: #63a1b9;}

.header-side-menu a {background: #295d6e; color: #fff;}
.header-side-menu a:hover {background: #63a1b9;}

/**/
label {margin-bottom: 0;}
@media (max-width: 1200px) and (min-width: 768px) {
    .header-wrapper .row .col-12 > div {max-width: 250px; margin-left: auto; margin-right: auto;}
}
@media (max-width: 768px) {
    body {font-size: 14px;}
    .banner-title-inner {font-size: 16px; width: 90%;}    
    .page-title {font-size: 18px;}
    .description-text h2 {font-size: 20px;}
    .font-40 {font-size: 20px;}
    .font-36 {font-size: 18px;}
    .font-23 {font-size: 16px;}
    .font-22 {font-size: 14px;}
    .footer-sec-01 .btn.btn-secondary {font-size: 16px;}

    .center-title-box {transform: translate(0,-50%); left: 10%; right: 10%;}
    label {line-height: 24px; font-size: 16px; margin-bottom: 0;}
}
/**/

.banner-title .banner-title-inner {background: none !important; padding: 0px !important; width: auto !important; font-size: inherit !important;}