/*
 * Generated by scripts/etl/transform.js — do not edit.
 *
 * One route's own Additional CSS, every rule prefixed with the page's [data-page]
 * attribute. See scripts/etl/page-css-scope.js for why.
 */
:is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .snapshot-row, :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).snapshot-row) {
width: 100%;
    display: inline-flex;
    flex-wrap: wrap;
    margin-left: 5px;
}

:is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .snapshot-icon, :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).snapshot-icon) {
margin-right: 30px;
}

:is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .snapshot-icon img, :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).snapshot-icon img) {
margin-top: 30px;
}

:is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .snapshot-content, :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).snapshot-content) {
width: 80%;
}

@media (max-width: 1023px) {
:is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .snapshot-row, :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).snapshot-row) {
margin-left: 5px;
}
}

:is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .my-column, :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).my-column) {
padding: 50px;
    border-radius: 0px;
    height: 100%;
}

@media (max-width: 1024px) {
:is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .my-column, :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).my-column) {
margin-top: 30px;
        padding: 30px;
}
}

@media (max-width: 768px) {
:is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .my-column, :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).my-column) {
margin-top: 35px;
}
}

:is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .text-block-three-column .column-wrapper, :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).text-block-three-column .column-wrapper) {
display: flex !important;
  flex-wrap: wrap;
  align-items: stretch;
}

:is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .text-block-three-column .column-item, :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).text-block-three-column .column-item) {
display: flex !important;
  flex-direction: column;
}

:is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .text-block-three-column .column-item .item-elem__inner, :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).text-block-three-column .column-item .item-elem__inner) {
display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
}

:is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .text-block-three-column .column-item .column-item__description, :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).text-block-three-column .column-item .column-item__description) {
flex: 1;
  display: flex;
  flex-direction: column;
}

:is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .vertical-accordion-block-section .vertical-accordion-list__item-link, :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).vertical-accordion-block-section .vertical-accordion-list__item-link) {
background-color:  #28292b;
}

:is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .vertical-accordion-block-section.dark .vertical-accordion-list__item-link, :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).vertical-accordion-block-section.dark .vertical-accordion-list__item-link) {
color: #fff;
}

:is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .vertical-accordion-block-section .vertical-accordion-list-wrapper, :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).vertical-accordion-block-section .vertical-accordion-list-wrapper) {
margin-top: 40px;
}

:is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .hov-team-grid, :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).hov-team-grid) {
display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    align-items: stretch;
}

:is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .hov-team-card, :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).hov-team-card) {
position: relative;
    display: grid;
    padding: 60px;
    background: #0E0E0E;
    overflow: hidden;
    color: #fff;
}

:is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .hov-team-front, :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).hov-team-front), :is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .hov-team-hover, :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).hov-team-hover) {
grid-area: 1 / 1;
    height: 100%;
    transition: all 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

:is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .hov-team-front, :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).hov-team-front) {
display: flex;
    align-items: flex-end;
    opacity: 1;
    transform: translateY(0);
    z-index: 2;
}

:is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .hov-team-hover, :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).hov-team-hover) {
display: flex;
    align-items: center;
    opacity: 0;
    transform: translateY(30px);
    pointer-events: none;
    z-index: 3;
}

:is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .hov-team-card:hover .hov-team-front, :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).hov-team-card:hover .hov-team-front) {
opacity: 0;
    transform: translateY(-30px);
}

:is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .hov-team-card:hover .hov-team-hover, :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).hov-team-card:hover .hov-team-hover) {
opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

:is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .hov-team-title h3, :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).hov-team-title h3) {
margin: 0;
}

@media (max-width: 768px) {
:is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .hov-team-grid, :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).hov-team-grid) {
grid-template-columns: 1fr;
        gap: 20px;
}

:is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .hov-team-card, :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).hov-team-card) {
padding: 20px;
        display: block;
}

:is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .hov-team-front, :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).hov-team-front), :is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .hov-team-hover, :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).hov-team-hover) {
position: relative;
        height: auto;
        opacity: 1 !important;
        transform: none !important;
        pointer-events: auto;
        transition: none;
}

:is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .hov-team-hover, :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).hov-team-hover) {
margin-top: 25px;
}
}

:is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .steps-row, :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).steps-row) {
display: grid;
  grid-template-columns: repeat(4, 1fr);
}

:is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .step-wrap, :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).step-wrap) {
padding: 32px 40px;
  display: flex;
  flex-direction: column;
  background-color: #181818;
  border-right: 2px solid #3B3B3B;
}

:is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .step-wrap:last-child, :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).step-wrap:last-child) {
border-right: none;
}

:is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .step-top, :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).step-top) {
display: flex;
  flex-direction: column;
}

:is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .step-top img, :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).step-top img) {
width: 56px;
  height: 56px;
  object-fit: contain;
  margin-bottom: 20px;
}

:is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .step-label, :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).step-label) {
display: inline-block;
  background: #000;
  color: #fff;
  font-size: 20px;
  padding: 12px 35px;
  border-radius: 8px;
  margin-bottom: 20px;
  width: fit-content;
}

:is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .step-title, :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).step-title) {
color: #fff;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 16px;
  line-height: 1.3;
}

:is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .step-body, :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).step-body) {
color: rgba(255, 255, 255, 0.65);
  font-size: 15px;
  line-height: 1.6;
}

@media (max-width: 1100px) {
:is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .steps-row, :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).steps-row) {
grid-template-columns: repeat(3, 1fr);
    row-gap: 30px;
}

:is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .step-wrap, :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).step-wrap) {
border-bottom: none;
    border-right: 2px solid #3B3B3B;
}

:is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .step-wrap:nth-child(3n), :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).step-wrap:nth-child(3n)) {
border-right: none;
}

:is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .step-wrap:last-child, :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).step-wrap:last-child) {
border-right: none;
}
}

@media (max-width: 700px) {
:is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .steps-row, :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).steps-row) {
grid-template-columns: 1fr;
    row-gap: 0;
}

:is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .step-wrap, :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).step-wrap) {
border-right: none;
    border-bottom: 2px solid #3B3B3B;
    padding: 28px 20px;
}

:is(:where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']) .step-wrap:last-child, :where([data-page='/portfolio/ai-call-center-for-a-real-estate-agency/']).step-wrap:last-child) {
border-bottom: none;
}
}