.busines_block { padding: 40px 20px 20px; min-height: 320px; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.2); background: var(--white); }
.busines_block h5 { color: #000; }
.external3d_box { overflow: hidden; position: relative; margin-top:5px; width: 100%; }
.external3d_box li, .external3d_box p { font-size: 20px; color: #848484; }
.external3d_hdr { padding-top: 70px; position: relative; }
.external3d_hdr:before { position: absolute; content: ""; left: -21%; top: -45%; background: url(../img/external3d/bg_before.png) no-repeat left; background-size: contain; padding: 33%; z-index: -1; }
.external3d_box .web_wrap { padding: 0 60px; }
.external3d_box .app-stores { text-align: right; }
.external3d_box .app-stores a { color: #ff267a; text-transform: capitalize; box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.17); }
.external3d_summry h3 { color: #000; padding: 20px 0; }
.external3d_detail { padding-top: 50px; }
.external3d_title { text-transform: capitalize; }
.external3d_title h4 { color: #000; font-size: 1.8rem; margin:0;}
.external3d_blocks .busines_block { min-height: 600px; padding: 0; box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1); }
.external3d_blocks .busines_block ul { padding: 25px 0; }
.external3d_blocks .busines_block ul li { text-align: left; padding: 0 20px 10px; }
.external3d_blocks .plan_des h5 { color: #fff; }
.external3d_blocks .plan_des img { height: 50px; object-fit: contain; padding-bottom: 10px; }
.external3d_blocks .plan_des { background: #1c0cab; padding: 36px 0; border-radius: 7px; }
.external3d_sec { padding-top: 100px; }
.externl_key li { position: relative; padding-bottom: 30px; padding-left: 45px; }
.externl_key li:before { position: absolute; content: ""; left: 0; background: url(../img/external3d/li_before.png) no-repeat center; background-size: contain; padding: 12px; }
.external3d_left, .external3d_right { position: relative; }
.external3d_left:before, .external3d_right:before { position: absolute; content: ""; background: url(../img/external3d/bg_before.png) no-repeat; top: -100px; padding: 50%; background-size: contain; background-repeat: no-repeat; z-index: -1; }
.external3d_left:before { left: -30%; background-position: left; }
.external3d_right:before { right: -30%; background-position: right; }
.external3d_tech-list { position: relative; background: url(../img/external3d/technology_stac.jpg) no-repeat center; background-size: cover; width: 100%; height: 100%; padding:40px 0 0; margin-top: 90px; }
.external3d_tech-list li i img { border-radius: 15px; }
.external3d_tech-list li i { display: flex; align-items: center; justify-content: center; flex-direction: column; margin: 45px; }
.external3d_tech-list li i span { padding-top: 20px; color: #fff; font-style: normal; }
.external3d_tech-list .external3d_title h4 { color: #fff; }
.external3d_logo, .join_external_3d { position: relative; }
.join_external_3d:before { position: absolute; content: ""; left: 60%; top: 0; padding: 25px; background: url(../img/external3d/triangle.png) no-repeat center; background-size: contain; }
.external3d_logo:after, .join_external_3d:after { content: ""; position: absolute; right: 5%; bottom: 0; padding: 25px; background: url(../img/external3d/triangle.png) no-repeat center; background-size: contain; }

@media (max-width: 1024px){    
  .external3d_box li, .external3d_box p { font-size: 18px; }
  .external3d_tech-list { margin-top: 50px; }
  .external3d_sec { padding-top: 60px; }
  .external3d_box .web_wrap { padding: 0 40px; }
}
@media (max-width: 1200px){
    .busines_block { padding: 30px 12px 15px; }    
    .external3d_tech-list li i { margin: 35px; }
}
@media (max-width: 991.98px){    
    .external3d_hdr .row { flex-direction: column; }
    .external3d_hdr .col-md-6 { width: 100%; max-width: 100%; }
    .external3d_hdr:before { top: 5%; }
}
@media (max-width: 767.98px){
    .busines_block { margin-bottom: 30px; min-height: auto; }
    .busines_block h5 br { display: none; font-size: 1.8rem; }
    .external3d_box .web_wrap { padding: 0 30px; }
    .externl_key.external3d_sec.ket_feat .row { flex-direction: column-reverse; }
    .external3d_left:before, .external3d_right:before { padding: 40%; }
    .externl_key li { padding-bottom: 20px; }
    .external3d_tech-list li i { margin: 20px; }
    .external3d_blocks .busines_block { min-height: auto; }
    .external3d_hdr:before { padding: 55%; }
    .external3d_summry h3 { padding: 10px 0; }
    .external3d_sec { padding-top: 30px; }
    .external3d_logo:after,   .join_external_3d:after, .join_external_3d:before { padding: 15px; }
}
@media (max-width: 575px){    
    .external3d_tech-list li i { margin: 10px; }
    .external3d_title h4 { font-size: 1.5rem; }
    .external3d_left:before, .external3d_right:before { top: -50px; }
    .externl_key li { padding-bottom: 15px; }
    .external3d_hdr:before { top: -13%; }
}