/*
 * 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='/webrtc/app-development/']) p:empty, :where([data-page='/webrtc/app-development/']):is(p):empty) {
display: none;
}

:is(:where([data-page='/webrtc/app-development/']) .text-block-three-column .column-wrapper, :where([data-page='/webrtc/app-development/']).text-block-three-column .column-wrapper) {
display: flex !important;
  flex-wrap: wrap;
  align-items: stretch;
}

:is(:where([data-page='/webrtc/app-development/']) .text-block-three-column .column-item, :where([data-page='/webrtc/app-development/']).text-block-three-column .column-item) {
display: flex !important;
  flex-direction: column;
margin-top:0px
}

:is(:where([data-page='/webrtc/app-development/']) .text-block-three-column .column-item .item-elem__inner, :where([data-page='/webrtc/app-development/']).text-block-three-column .column-item .item-elem__inner) {
display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
}

:is(:where([data-page='/webrtc/app-development/']) .text-block-three-column .column-item .column-item__description, :where([data-page='/webrtc/app-development/']).text-block-three-column .column-item .column-item__description) {
flex: 1;
  display: flex;
  flex-direction: column;
}

@media  (max-width: 767.98px) {
:is(:where([data-page='/webrtc/app-development/']) .portfolio-slider__item-title, :where([data-page='/webrtc/app-development/']).portfolio-slider__item-title) {
font-size: 1.5rem!important;
}
}

:is(:where([data-page='/webrtc/app-development/']) .card-one-ic-wrap, :where([data-page='/webrtc/app-development/']).card-one-ic-wrap) {
display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

:is(:where([data-page='/webrtc/app-development/']) .card, :where([data-page='/webrtc/app-development/']).card) {
display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    justify-items: left;
    align-items: start;
    padding: 60px;
    border-radius: 5px;
    border: 1px solid #ffffff;
}

:is(:where([data-page='/webrtc/app-development/']) .card-one-heading, :where([data-page='/webrtc/app-development/']).card-one-heading) {
font-size: 1.875rem;
}

@media (max-width: 1180px) {
:is(:where([data-page='/webrtc/app-development/']) .card-one-ic-wrap, :where([data-page='/webrtc/app-development/']).card-one-ic-wrap) {
grid-template-columns: repeat(2, 1fr);
}
}

@media (max-width: 770px) {
:is(:where([data-page='/webrtc/app-development/']) .card-one-ic-wrap, :where([data-page='/webrtc/app-development/']).card-one-ic-wrap) {
grid-template-columns: 1fr;
        padding: 0px;
}
}

@media (max-width: 599px) {
:is(:where([data-page='/webrtc/app-development/']) .card, :where([data-page='/webrtc/app-development/']).card) {
padding: 30px;
}
}

:is(:where([data-page='/webrtc/app-development/']) .my-column, :where([data-page='/webrtc/app-development/']).my-column) {
padding: 50px;
    height: 100%;
}

@media (max-width: 1024px) {
:is(:where([data-page='/webrtc/app-development/']) .my-column, :where([data-page='/webrtc/app-development/']).my-column) {
margin-top: 30px;
    padding: 30px;
}
}

@media (max-width: 768px) {
:is(:where([data-page='/webrtc/app-development/']) .my-column, :where([data-page='/webrtc/app-development/']).my-column) {
margin-top: 35px;
}
}

@media (min-width: 1024px) {
:is(:where([data-page='/webrtc/app-development/']) .text-block-three-column .column-item__description, :where([data-page='/webrtc/app-development/']).text-block-three-column .column-item__description) {
height: 100% !important;
}
}