[class^=information] .informaition-header {
    position: relative;
    margin-bottom: 3rem;
    background-image: url(/image/catalog/home/slider/slider-02.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

[class^=information] .informaition-header:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--primary_1);
    top: 0;
    opacity: 0.6;
    z-index: 100;
}

main {
    margin: auto;
}

.main-location {
    border-radius: var(--border-radius_1);
    overflow: hidden;
    border: 4px solid var(--border_color_3);
    padding: var(--margin-2);
}

.contact {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    border-radius: 2rem;
    box-shadow: 0 5px 8px -3px rgb(0 0 0 / 10%);
    padding: 3rem 15px;
    margin-bottom: 2rem;
}
.contact-information {
    padding: 0;
}
.contact-information .contact-information-inner {
    background: var(--primary_4);
    padding: var(--margin);
    border-radius: var(--border-radius_1);
    min-height: 140px;
    margin-bottom: 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: all 0.5s;
}
.contact-information .contact-information-inner:hover {
    background: var(--primary_1);
    transition: all 0.5s;
}
.contact-information .contact-information-inner:hover a,
.contact-information .contact-information-inner:hover svg {
    color:#fff;
    transition: all 0.5s;
}
.contact-information .contact-information-inner.address svg{
    width: 3.4rem;
    height: 3.4rem;
    margin-bottom: 1rem;
}
.contact-information .contact-information-inner a {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 3.4rem;
    font-size: 16px;
    font-weight: bold;
}
.contact-information .contact-information-inner a svg {
    margin-right: 1rem;
}
.contact-information .contact-information-inner ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.contact-information .contact-information-inner ul li {
    margin: 0.5rem 1rem;
}
.contact-information .contact-information-inner ul a svg.bi {
    width: 4rem;
    height: 4rem;
    margin: 0;
}
.contact-information p {
    text-align: justify;
    clear: both;
    margin: 0 1.5rem 1rem;
    float: right;
}
.contact-form button {
    width: 100%;
    padding: 16px 5rem;
    background: var(--primary_1);
    color: var(--primary_2);
    text-shadow: 0px 2px #0b003d;
    border-radius: var(--border-radius_1);
    font-size: 18px;
    font-weight: bold;
    text-overflow: ellipsis;
}
.contact-form button:hover {
    color: var(--primary_2);
}
.contact-form input[type=text].form-control,
.contact-form textarea {
    line-height: 2.5rem;
    background-color: #fff;
    border-radius: var(--border-radius_1);
    padding: 3rem 2rem;
    font-size: 16px;
    border: 1px solid var(--border_color_3);
    color: var(--text-color-dark-1);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.logo-image {
    position: absolute;
    border-radius: var(--border-radius_1);
    width: 150px;
    height: 150px;
    margin: var(--margin);
    padding: var(--margin-2);
    border: 4px solid var(--border_color_3);
    background-color: #ffffff;
}

.locations {
    display: flex;
    gap: var(--margin) 0;
    margin: 0 auto;
    padding: 0;
}
.locations-detail-inner {
    height: 100%;
    padding: var(--margin-2) var(--margin);
    border: var(--border-2);
}
.locations .caption {
    height: unset;
    padding-bottom: var(--margin-2);
    margin-bottom: var(--margin);
    border-bottom: var(--border-2);
    font-size: 20px;
    text-align: center;
}
.locations-detail {

}
.locations-detail img.locations-img  {
    margin-bottom: var(--margin-2);
}

.locations-detail .address {
    flex-grow: 3;
}
.locations-detail .address > * {
    line-height: 26px;
    margin-bottom: 0;
    font-size: 14px;
}
.locations-detail .address a {
    background: #172b3b;
    color: #fff !important;
    border-radius: 0.4rem;
}
.locations-detail .address a:hover {
    background: #172b3b;
}

.locations-detail .gmap_canvas {
    display: flex;
    margin: var(--margin-2) 0;
}

.mapouter{
    position:relative;
    text-align:right;
    height:480px;
    width:100%;
}

.main-location .gmap_canvas {
    overflow:hidden;
    background:none!important;
    height:484px;
    width:100%;
}

.info-contact .name-store h3 {
  font-size: 16px;
  color: #222;
  text-transform: uppercase;
}
.info-contact .text {
  padding-right: 30px;
}
.info-contact .comment {
  padding-bottom: 10px;
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 25px;
}

.contact-form legend {
  border: none;
  padding: 0;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
}

/*==================================// Content \\================================== */

.informaition-header {
    background-color: var(--primary_1);
    margin-bottom: 3rem;
}
.informaition-header h1 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 180px;
    padding: 0 15px;
    margin: auto;
    font-size: 36px;
    font-weight: bold;
    max-width: 1300px;
    color: var(--text-color-dark-2);
    text-shadow: 0px 2px #0b003d;
    z-index: 101;
    position: relative;
}

.modtitle {
    margin: 4rem 0 var(--margin);
}

/*==================================// form-template-1 \\================================== */
.form-template-1 .form-group {
    margin-bottom: var(--margin);
}

.form-template-1 #input-message {
    height: 152px;
}