section.gt-block.pobocky .pobocky__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: clamp(6rem, 8vw, 10rem) 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 6rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
section.gt-block.pobocky .pobocky__content-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-item-align: stretch;
align-self: stretch;
}
@media screen and (max-width: 768px) {
section.gt-block.pobocky .pobocky__content-header {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 3rem;
}
}
section.gt-block.pobocky .pobocky__content-header .hotline-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 2rem 3rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.5rem;
border-radius: 10.4rem;
border: 2px solid #91bd21;
}
@media screen and (max-width: 500px) {
section.gt-block.pobocky .pobocky__content-header .hotline-button {
width: 100%;
}
}
section.gt-block.pobocky .pobocky__content-header .hotline-button .icon svg {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 2.3rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-item-align: stretch;
align-self: stretch;
}
section.gt-block.pobocky .pobocky__content-header .hotline-button__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1rem;
color: #91bd21;
font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600; font-size: calc(var(--fs-small-rate) * 2rem);
line-height: 1;
text-decoration: none;
padding-top: 0.3rem;
}
section.gt-block.pobocky .pobocky__content-cards {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: clamp(3rem, 3vw, 6rem);
-ms-flex-item-align: stretch;
align-self: stretch;
}
@media screen and (max-width: 768px) {
section.gt-block.pobocky .pobocky__content-cards {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
section.gt-block.pobocky .pobocky__content-cards .card {
width: calc(33.3333333333% - 0.6666666667 * clamp(3rem, 3vw, 6rem));
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 3rem;
cursor: pointer;
}
@media screen and (max-width: 768px) {
section.gt-block.pobocky .pobocky__content-cards .card {
width: calc(50% - 0.5 * clamp(3rem, 3vw, 6rem));
}
}
@media screen and (max-width: 500px) {
section.gt-block.pobocky .pobocky__content-cards .card {
width: calc(100% - 0 * clamp(3rem, 3vw, 6rem));
}
}
section.gt-block.pobocky .pobocky__content-cards .card.open-firm-card .button-detail .btn__secondary {
border: 2px solid #687886;
cursor: unset;
}
section.gt-block.pobocky .pobocky__content-cards .card.open-firm-card .button-detail .btn__secondary .btn__text {
color: #687886;
}
section.gt-block.pobocky .pobocky__content-cards .card:hover.open-firm-card {
cursor: unset;
}
section.gt-block.pobocky .pobocky__content-cards .card:hover.open-firm-card .button-detail .btn__secondary {
background: transparent;
border: 2px solid #687886;
}
section.gt-block.pobocky .pobocky__content-cards .card:hover.open-firm-card .button-detail .btn__secondary .btn__text {
color: #687886;
}
section.gt-block.pobocky .pobocky__content-cards .card:hover .contact-info.open-firm .pobocka-img {
opacity: 1;
}
section.gt-block.pobocky .pobocky__content-cards .card:hover .contact-info__content {
opacity: 1;
}
section.gt-block.pobocky .pobocky__content-cards .card:hover .contact-info__content .contact-section {
z-index: 5;
}
section.gt-block.pobocky .pobocky__content-cards .card:hover .pobocka-img {
opacity: 0;
}
@media screen and (max-width: 500px) {
section.gt-block.pobocky .pobocky__content-cards .card:hover .pobocka-img {
opacity: 1;
}
}
section.gt-block.pobocky .pobocky__content-cards .card:hover .button-detail .btn__secondary {
background: #1bbbe9;
}
section.gt-block.pobocky .pobocky__content-cards .card:hover .button-detail .btn__secondary .btn__text {
color: #fff;
}
section.gt-block.pobocky .pobocky__content-cards .card h3 {
color: #004b89;
}
section.gt-block.pobocky .pobocky__content-cards .card-address {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
section.gt-block.pobocky .pobocky__content-cards .card-address-map {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
section.gt-block.pobocky .pobocky__content-cards .card-address-map .address-text {
font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600;
font-size: 1.6rem;
line-height: normal;
font-style: normal;
color: #004b89;
text-transform: uppercase;
padding-top: 0.3rem;
}
section.gt-block.pobocky .pobocky__content-cards .card-address .inter-text-lg {
max-width: 21rem;
}
section.gt-block.pobocky .pobocky__content-cards .card-address .inter-text-md {
max-width: 31rem;
}
section.gt-block.pobocky .pobocky__content-cards .card .contact-info {
position: relative;
}
section.gt-block.pobocky .pobocky__content-cards .card .contact-info .open {
position: relative;
-webkit-transform-origin: top;
transform-origin: top;
-webkit-transform: skew(-40deg);
transform: skew(-40deg);
overflow: hidden;
}
section.gt-block.pobocky .pobocky__content-cards .card .contact-info .open-text {
background: #004b89;
position: relative;
padding: 0.9rem 3rem 0.5rem 1rem;
font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600;
font-size: 1.6rem;
line-height: normal;
font-style: normal;
color: #fff;
text-transform: uppercase;
text-align: center;
-webkit-transform-origin: inherit;
transform-origin: inherit;
-webkit-transform: skew(40deg);
transform: skew(40deg);
}
section.gt-block.pobocky .pobocky__content-cards .card .contact-info__content {
width: 100%;
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 3rem;
-ms-flex-item-align: stretch;
align-self: stretch;
opacity: 0;
padding-bottom: 3rem;
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media screen and (max-width: 500px) {
section.gt-block.pobocky .pobocky__content-cards .card .contact-info__content {
position: relative;
opacity: 1;
}
}
section.gt-block.pobocky .pobocky__content-cards .card .contact-info__content .contact-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
section.gt-block.pobocky .pobocky__content-cards .card .contact-info__content .contact-section a {
text-decoration: none;
}
section.gt-block.pobocky .pobocky__content-cards .card .contact-info__content .contact-section a:hover {
text-decoration: underline;
}
section.gt-block.pobocky .pobocky__content-cards .card .contact-info__content .contact-section .address-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
-ms-flex-item-align: stretch;
align-self: stretch;
font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600;
font-size: 1.6rem;
line-height: normal;
font-style: normal;
color: #004b89;
text-transform: uppercase;
padding-top: 0.3rem;
}
section.gt-block.pobocky .pobocky__content-cards .card .pobocka-img {
position: relative;
-webkit-transition: 0.3s;
transition: 0.3s;
}
section.gt-block.pobocky .pobocky__content-cards .card .pobocka-img img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 14.6rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 3rem;
-ms-flex-item-align: stretch;
align-self: stretch;
-o-object-fit: cover;
object-fit: cover;
aspect-ratio: 360/146;
border-radius: 0rem 3rem 3rem 3rem;
}
section.gt-block.pobocky .pobocky__content-cards .card .button-detail .btn__secondary {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 2rem 3rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 5rem;
border: 2px solid #1bbbe9;
text-decoration: none;
}
section.gt-block.pobocky .pobocky__content-cards .card .button-detail .btn__secondary .button {
padding-top: 0.3rem;
}