/* easybell.com */
.body-bg-top {
    padding-top: 0px !important;
}
.contentcontainer {
    margin: 0;
    padding: 0;
}
#c36130 {
    padding-top: 0;
}
#c36132 .gallery-item img {
    margin-left: 0;
}
#c36132 .frame-header {
    position: absolute;
    bottom: 30px;
    background: #9333C8;
    color: #fff;
    margin: 0;
    line-height: 1em;
    border-radius: 50%;
    width: 350px;
    height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    right: 150px;
    bottom: 50px;
}
#c36132 .frame-header h2 {
    transition: transform 0.35s, opacity 0.35s ease-in-out;
    transform: translate3d(0, 24px, 0);
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
}
#c36132 .frame-header h2:hover {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
#c36132 .frame-header h1 {
    font-size: 1.5em;
    font-weight: 700;
    margin: 0;
    line-height: 1em;
}
#c36162 .gallery-item img{
    float: left;
}
.gallery-item img, .gallery-item picture {
    width: 100%;
    height: 100%;
}
/* Stack contentcontainer-columns vertically at small breakpoint */
@media (max-width: 992px) {
    .contentcontainer {
        flex-direction: column !important;
    }

    .contentcontainer-column {
        width: 100% !important;
        margin-bottom: 20px;
    }

    .contentcontainer-column[data-container-column="left"],
    .contentcontainer-column[data-container-column="right"] {
        width: 100% !important;
    }
    #c36132 .frame-header {
        scale: 70%;
        bottom: 0;
    }
}


#c36130, #c36133, #c36135{
    padding-left: 3rem;
}


/* Location pin icon for btn-c2a buttons */
.btn-c2a {
    width: 250px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}

.btn-c2a::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 0.5rem;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' role='graphics-symbol' aria-hidden='false' aria-label=''%3E%3Cpath d='M168.3 499.2C116.1 435 0 279.4 0 192C0 85.96 85.96 0 192 0C298 0 384 85.96 384 192C384 279.4 267 435 215.7 499.2C203.4 514.5 180.6 514.5 168.3 499.2H168.3zM192 256C227.3 256 256 227.3 256 192C256 156.7 227.3 128 192 128C156.7 128 128 156.7 128 192C128 227.3 156.7 256 192 256z' fill='rgb(17, 24, 39)'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex-shrink: 0;
}

/* White location pin for btn-primary buttons */
.btn-c2a.btn-primary::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' role='graphics-symbol' aria-hidden='false' aria-label=''%3E%3Cpath d='M168.3 499.2C116.1 435 0 279.4 0 192C0 85.96 85.96 0 192 0C298 0 384 85.96 384 192C384 279.4 267 435 215.7 499.2C203.4 514.5 180.6 514.5 168.3 499.2H168.3zM192 256C227.3 256 256 227.3 256 192C256 156.7 227.3 128 192 128C156.7 128 128 156.7 128 192C128 227.3 156.7 256 192 256z' fill='white'/%3E%3C/svg%3E");
}

/* Ensure button text is left-aligned */
.btn-c2a span,
.btn-c2a .btn-text {
    text-align: left;
    flex-grow: 1;
}

/* Ensure arrow is right-aligned */
.btn-c2a .arrow,
.btn-c2a::after {
    margin-left: auto;
    flex-shrink: 0;
}
