.map .title {
color: var(--blue);
font-size: 42px;
font-weight: 800;
font-family: "Sofia Sans Extra Condensed", sans-serif;
margin: 15px 0;
}
.map .map_locations_bg {
width: 100%;
height: 416px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
cursor: pointer;
} .locations_tag {
margin: 60px 0;
}
.locations_tag .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
}
.locations_tag .left {
padding: 0 5% 0 0;
}
.locations_tag .left, .locations_tag .right {
width: 50%;
}
.locations_tag .left .title {
color: var(--blue);
font-size: 42px;
font-weight: 800;
font-family: "Sofia Sans Extra Condensed", sans-serif;
margin: 0 0 15px;
}
.locations_tag .left .text {
color: var(--black);
font-size: 16px;
font-weight: 500;
line-height: 28px;
margin: 0 0 20px 0;
}
.locations_tag .left .buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 15px;
margin: 30px 0 0;
}
.locations_tag .left .buttons .btn {
border-radius: 50px;
text-align: center;
font-weight: 700;
font-size: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.locations_tag .left .buttons .btn.request {
color: #fff;
background: rgb(23, 138, 225);
background: -webkit-gradient(linear, left top, right top, from(rgba(23, 138, 225, 1)), to(rgba(13, 72, 117, 1)));
background: -o-linear-gradient(left, rgba(23, 138, 225, 1) 0%, rgba(13, 72, 117, 1) 100%);
background: linear-gradient(90deg, rgba(23, 138, 225, 1) 0%, rgba(13, 72, 117, 1) 100%);
padding: 18px 34px;
gap: 18px;
}
.locations_tag .left .buttons .btn.request:hover {
background: -webkit-gradient(linear, left top, right top, from(rgba(23, 138, 225, 1)), color-stop(0%, rgba(23, 138, 225, 1)));
background: -o-linear-gradient(left, rgba(23, 138, 225, 1) 0%, rgba(23, 138, 225, 1) 0%);
background: linear-gradient(90deg, rgba(23, 138, 225, 1) 0%, rgba(23, 138, 225, 1) 0%);
}
.locations_tag .left .buttons .btn.about {
color: #21598b;
border: 2px solid #d2dbe1;
padding: 18px 40px;
}
.locations_tag .left .buttons .btn.about:hover {
background-color: #21598b;
color: #fff;
}
.locations_tag .left .buttons svg {
width: 10px;
color: var(--green);
margin: 8px 0 0;
}
.locations_tag .right .location_card {
background-color: #fffffff0;
border-radius: 20px;
padding: 10px 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-shadow: 0 0 10px #a1a1a136;
box-shadow: 0 0 10px #a1a1a136;
margin: 0 0 15px;
width: 316px;
}
.locations_tag .right .location_card .content {
width: 80%;
}
.locations_tag .right .location_card .title {
color: #070707;
font-weight: 800;
font-size: 14px;
}
.locations_tag .right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media only screen and (max-width:1600px) {
.locations_tag .right {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 2%;
}
.locations_tag .right .location_card {
width: 47%;
}
}
@media only screen and (max-width:1500px) {
.locations_tag .left .title {
font-size: 38px;
}
.locations_tag .left .text {
font-size: 14px;
line-height: 24px;
}
}
@media only screen and (max-width:1300px) {
.map iframe, .map .map_locations_bg {
height: 300px;
}
.locations_tag .left .buttons .btn {
font-size: 14px;;
}
.locations_tag .left .buttons .btn.request {
padding: 14px 26px;
gap: 12px;
}
.locations_tag .left .buttons .btn.about {
padding: 14px 35px;
}
}
@media only screen and (max-width:1024px) {
.locations_tag .container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.locations_tag .left, .locations_tag .right {
width: 100%;
padding: 0;
}
.locations_tag .right {
margin: 30px 0 0;
}
}
@media only screen and (max-width:510px) {
.locations_tag .left .buttons {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.locations_tag .right .location_card {
width: 100%;
}
}