/* Emlak24 2.4.13 — canonical isolated Platform & Software section */

.e24-front-page .e24-platform-section{
  position:relative;
  width:100vw;
  max-width:none;
  margin-left:calc(50% - 50vw);
  padding:50px 0 62px;
  overflow:hidden;
  box-sizing:border-box;
  background-image:
    linear-gradient(180deg,rgba(247,252,255,.82),rgba(237,248,255,.88)),
    url("/emlak24-native-assets/images/emlak24-platform-background.webp");
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
}

.e24-front-page .e24-platform-inner{
  position:relative;
  z-index:1;
  width:min(1500px,calc(100% - 54px));
  margin:0 auto;
  box-sizing:border-box;
}

.e24-front-page .e24-platform-head{
  width:min(900px,calc(100% - 30px));
  margin:0 auto 34px;
  text-align:center;
}

.e24-front-page .e24-platform-title{
  margin:0;
  color:#083b86;
  font-size:clamp(38px,3.7vw,61px);
  line-height:1.01;
  font-weight:800;
  letter-spacing:-.035em;
  text-align:center;
}

.e24-front-page .e24-platform-subtitle{
  margin:10px 0 0;
  color:#174a87;
  font-size:clamp(19px,1.5vw,27px);
  line-height:1.2;
  font-weight:500;
  text-align:center;
}

.e24-front-page .e24-platform-claim{
  display:table;
  margin:24px auto 0;
  padding:0 3px 7px;
  color:#0871dd;
  border-bottom:3px solid #1186ff;
  transform:rotate(-1.2deg);
  font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;
  font-size:clamp(22px,1.75vw,31px);
  line-height:1.12;
  font-weight:600;
  text-align:center;
}

.e24-front-page .e24-platform-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:13px;
  align-items:stretch;
}

.e24-front-page .e24-platform-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  height:100%;
  overflow:hidden;
  background:#fff;
  border:0;
  outline:0;
  border-radius:14px;
  box-shadow:0 8px 22px rgba(19,64,112,.10),0 1px 2px rgba(19,64,112,.06);
}

.e24-front-page .e24-platform-photo{
  position:relative;
  flex:0 0 180px;
  height:180px;
  overflow:hidden;
  background:#eef5fa;
}

.e24-front-page .e24-platform-photo img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  margin:0;
  transform:none;
  object-fit:cover;
  object-position:center center;
  border:0;
  outline:0;
}

.e24-front-page .e24-platform-body{
  position:relative;
  display:grid;
  grid-template-rows:58px auto;
  align-content:start;
  flex:1 1 auto;
  padding:40px 14px 18px;
  box-sizing:border-box;
}

.e24-front-page .e24-platform-icon-wrap{
  position:absolute;
  top:-32px;
  left:50%;
  width:60px;
  height:60px;
  transform:translateX(-50%);
}

.e24-front-page .e24-platform-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:60px;
  height:60px;
  color:#fff;
  border:4px solid #fff;
  border-radius:50%;
  box-shadow:0 7px 15px rgba(14,59,108,.15);
}

.e24-front-page .e24-platform-icon svg{
  display:block;
  width:27px;
  height:27px;
}

.e24-front-page .e24-platform-card--private .e24-platform-icon{background:#20b879}
.e24-front-page .e24-platform-card--company .e24-platform-icon{background:#1686e8}
.e24-front-page .e24-platform-card--construction .e24-platform-icon{background:#f58a23}
.e24-front-page .e24-platform-card--project .e24-platform-icon{background:#8951db}
.e24-front-page .e24-platform-card--commercial .e24-platform-icon{background:#ea565e}
.e24-front-page .e24-platform-card--institutional .e24-platform-icon{background:#d5a11c}

.e24-front-page .e24-platform-card-title{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:58px;
  min-height:58px;
  margin:0;
  padding:0 2px;
  box-sizing:border-box;
  color:#082f70;
  font-size:17px;
  line-height:1.13;
  font-weight:800;
  letter-spacing:-.015em;
  text-align:center;
}

.e24-front-page .e24-platform-card-copy{
  width:100%;
  margin:0;
  padding-top:5px;
  color:#3d587b;
  font-size:13px;
  line-height:1.42;
  font-weight:450;
  text-align:justify;
  text-align-last:left;
  hyphens:auto;
  overflow-wrap:break-word;
}

/* Emlak24 2.4.16 — subject centering for the two narrow source photos only. */
.e24-front-page .e24-platform-card--commercial .e24-platform-photo img{
  transform:scale(1.12) translateX(-3.5%);
}
.e24-front-page .e24-platform-card--institutional .e24-platform-photo img{
  transform:scale(1.08) translateX(-1.5%);
}
@media(max-width:1199px){
  .e24-front-page .e24-platform-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
  }
}

@media(max-width:767px){
  .e24-front-page .e24-platform-section{
    padding:36px 0 42px;
    background-position:center center;
  }

  .e24-front-page .e24-platform-inner{
    width:calc(100% - 20px);
  }

  .e24-front-page .e24-platform-head{
    width:100%;
    margin-bottom:25px;
    padding:0 5px;
    box-sizing:border-box;
  }

  .e24-front-page .e24-platform-title{
    font-size:30px;
    line-height:1.03;
  }

  .e24-front-page .e24-platform-subtitle{
    margin-top:7px;
    font-size:16px;
  }

  .e24-front-page .e24-platform-claim{
    margin-top:17px;
    font-size:19px;
    border-bottom-width:2px;
  }

  .e24-front-page .e24-platform-grid{
    grid-template-columns:1fr;
    gap:9px;
  }

  .e24-front-page .e24-platform-card{
    border-radius:11px;
  }

  .e24-front-page .e24-platform-photo{
    flex-basis:118px;
    height:118px;
  }

  .e24-front-page .e24-platform-body{
    grid-template-rows:48px auto;
    padding:29px 9px 12px;
  }

  .e24-front-page .e24-platform-icon-wrap{
    top:-24px;
    width:47px;
    height:47px;
  }

  .e24-front-page .e24-platform-icon{
    width:47px;
    height:47px;
    border-width:3px;
  }

  .e24-front-page .e24-platform-icon svg{
    width:22px;
    height:22px;
  }

  .e24-front-page .e24-platform-card-title{
    height:48px;
    min-height:48px;
    font-size:13.5px;
    line-height:1.14;
  }

  .e24-front-page .e24-platform-card-copy{
    padding-top:3px;
    font-size:10.8px;
    line-height:1.34;
    text-align:left;
    text-align-last:auto;
  }
}

/* EMLAK24 2.4.27 — MOBILE PLATFORM PHOTO +35 AND CENTERED COPY */
@media(max-width:767px){
  .e24-front-page .e24-platform-photo{
    height:159px!important;
  }

  .e24-front-page .e24-platform-body{
    text-align:center!important;
    align-items:center!important;
  }

  .e24-front-page .e24-platform-card-title{
    width:100%!important;
    text-align:center!important;
  }

  .e24-front-page .e24-platform-card-copy{
    width:100%!important;
    text-align:center!important;
    text-align-last:center!important;
  }

  .e24-front-page .e24-platform-icon-wrap{
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* EMLAK24 2.4.30-r63 — PLATFORM BACKGROUND RESPONSIVE */
@media(min-width:768px) and (max-width:1199px){
  .e24-front-page .e24-platform-section{
    background-image:linear-gradient(180deg,rgba(249,253,255,.90),rgba(240,249,255,.94)),url("/emlak24-native-assets/images/emlak24-platform-background.webp");
    background-position:center center;background-size:cover;
  }
}
@media(max-width:767px){
  .e24-front-page .e24-platform-section{
    background-image:linear-gradient(180deg,rgba(252,254,255,.96),rgba(243,250,255,.98)),url("/emlak24-native-assets/images/emlak24-platform-background.webp");
    background-position:center bottom;background-size:cover;
  }
}

/* EMLAK24 2.4.30-r64 — PLATFORM COASTAL WRAPPER COMPATIBILITY */
#e24-coastal-2420 > .e24-platform-section{
  width:100vw;
  max-width:none;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}