section.section-intro-header-breadcrumbs{background-image:url("../../themes/ozc-company/assets/images/services/services-banner.png") !important;width:100%;height:520px;background-size:cover;background-repeat:no-repeat}
section.--intro-section{margin:140px 0 100px 0}
section.--intro-section .description{text-align:center;max-width:1170px;margin:auto;font-weight:300;line-height:26px}
section.--benefits-section{margin-bottom:100px}
section.--benefits-section .ozc-intro .heading{font-size:28px;margin-bottom:60px;font-weight:600}
section.--benefits-section .benefits-container{gap:30px}
section.--benefits-section .benefits-container .card{margin:0;padding:60px 30px;max-width:450px;flex:0 0 auto;width:33.33%;text-align:center}
section.--benefits-section .benefits-container .card .card-img-top{width:50px;height:50px}
section.--benefits-section .benefits-container .card .card-body{padding:0}
section.--business-features-section{margin-bottom:100px}
section.--business-features-section .ozc-intro{text-align:center;gap:60px;max-width:1170px;margin-left:auto;margin-right:auto;margin-bottom:60px}
section.--business-features-section .ozc-intro .heading{font-size:28px;font-weight:600}
section.--business-features-section .feature-img{max-width:690px;margin-left:auto;margin-right:auto}
section.--business-features-section .card-group{display:flex;column-gap:30px;row-gap:90px;align-items:flex-start;justify-content:center}
section.--business-features-section .card-group .card{width:calc(50% - 15px);max-width:330px;margin:0;padding:0;border:none;box-shadow:none;flex:0 0 auto;flex-direction:row;gap:15px;align-items:unset}
section.--business-features-section .card-group .card .forward-icon{width:20px;height:20px}
section.--business-features-section .card-group .card .card-body{padding:0}
section.--planning-process-section{margin-bottom:60px}
section.--planning-process-section .ozc-intro{text-align:center;margin-bottom:60px}
section.--planning-process-section .ozc-intro .heading{font-size:28px;font-weight:600}
section.--planning-process-section .group-card{gap:30px;display:flex;flex-flow:column;width:100%}
section.--planning-process-section .group-card .planning-process{position:relative;display:flex;justify-content:center}
section.--planning-process-section .group-card .planning-process .card{padding:50px 30px;margin:0;align-items:center;flex:0 0 auto;background-color:#423E9F;color:#fff;height:400px;gap:20px}
section.--planning-process-section .group-card .planning-process .card .card-head{font-size:100px;line-height:100%;font-weight:800;font-family:"Jeko DEMO"}
section.--planning-process-section .group-card .planning-process .card .card-body{gap:20px;text-align:center;padding:0}
section.--planning-process-section .group-card .planning-process .card .card-body .card-title{font-size:20px;font-weight:600;line-height:28px}
section.--planning-process-section .group-card .planning-process .card .card-body .card-text,
section.--planning-process-section .group-card .planning-process .card .card-body p{font-size:16px}
section.--planning-process-section .group-card .planning-process .step-icon{position:absolute;width:350px;height:15px;top:100%;left:auto;right:90%;transform:translateX(50%) rotate(90deg)}
section.--planning-process-section .group-card .planning-process .step-icon>img{width:350px;height:50px}
@media (max-width:1399px) and (min-width:992px){section.--planning-process-section .group-card .planning-process .step-icon{transform:translateX(45%);width:280px}section.--planning-process-section .group-card .planning-process .step-icon>img{width:235px}}
section.--planning-process-section .group-card .planning-process:last-child .card{background-color:#e96338 !important}
section.--planning-process-section .group-card .planning-process:nth-child(20) .card{background-color:#000}
section.--planning-process-section .group-card .planning-process:nth-child(19) .card{background-color:#000}
section.--planning-process-section .group-card .planning-process:nth-child(18) .card{background-color:#000}
section.--planning-process-section .group-card .planning-process:nth-child(17) .card{background-color:#000}
section.--planning-process-section .group-card .planning-process:nth-child(16) .card{background-color:#000}
section.--planning-process-section .group-card .planning-process:nth-child(15) .card{background-color:#000}
section.--planning-process-section .group-card .planning-process:nth-child(14) .card{background-color:#000}
section.--planning-process-section .group-card .planning-process:nth-child(13) .card{background-color:#000}
section.--planning-process-section .group-card .planning-process:nth-child(12) .card{background-color:#06060e}
section.--planning-process-section .group-card .planning-process:nth-child(11) .card{background-color:#100f24}
section.--planning-process-section .group-card .planning-process:nth-child(10) .card{background-color:#19183a}
section.--planning-process-section .group-card .planning-process:nth-child(9) .card{background-color:#232150}
section.--planning-process-section .group-card .planning-process:nth-child(8) .card{background-color:#2c2965}
section.--planning-process-section .group-card .planning-process:nth-child(7) .card{background-color:#36327b}
section.--planning-process-section .group-card .planning-process:nth-child(6) .card{background-color:#3f3b91}
section.--planning-process-section .group-card .planning-process:nth-child(5) .card{background-color:#4944a7}
section.--planning-process-section .group-card .planning-process:nth-child(4) .card{background-color:#5651b8}
section.--planning-process-section .group-card .planning-process:nth-child(3) .card{background-color:#6b67c1}
section.--planning-process-section .group-card .planning-process:nth-child(2) .card{background-color:#807dca}
section.--planning-process-section .group-card .planning-process:nth-child(1) .card{background-color:#9692d3}
section.--coding-languages-section{margin:100px 0}
section.--coding-languages-section .row{justify-content:center}
section.--coding-languages-section .ozc-intro{text-align:center;max-width:1170px;gap:60px;margin-bottom:100px}
section.--coding-languages-section .ozc-intro .heading{font-size:28px;font-weight:600}
section.--coding-languages-section .ozc-intro p{font-size:16px;line-height:26px}
section.--coding-languages-section .group-card{flex-direction:row;display:flex;flex-flow:row wrap;justify-content:center;gap:10px}
section.--coding-languages-section .group-card .card{padding:15px 30px;margin:0;width:calc(50% - 10px);max-width:200px;flex:0 0 auto;justify-content:center}
section.--coding-languages-section .group-card .card .card-img>img{width:100%;max-height:87px;object-fit:cover}
@media (min-width:500px) and (max-width:743px){section.--planning-process-section .group-card{gap:20px;flex-direction:column;justify-content:center}section.--planning-process-section .group-card .planning-process{display:flex;flex-direction:row-reverse}section.--planning-process-section .group-card .planning-process .card{padding:30px;gap:10px;max-width:none;flex-direction:column;height:auto}section.--planning-process-section .group-card .planning-process .card .card-head{font-size:100px;line-height:100%;font-weight:800;font-family:"Jeko DEMO"}section.--planning-process-section .group-card .planning-process .card .card-body{gap:10px;text-align:center}section.--planning-process-section .group-card .planning-process .card .card-body .card-title{font-size:19px;line-height:28px}section.--planning-process-section .group-card .planning-process .step-icon{width:315px;height:38px;transform:rotate(90deg);top:100%;left:auto;right:265px}section.--planning-process-section .group-card .planning-process .step-icon>img{width:315px;height:38px}}
@media (min-width:320px) and (max-width:743px){section.--intro-section{margin:30px 0 60px 0}section.--benefits-section{margin-bottom:66px}section.--benefits-section .ozc-intro .heading{font-size:28px;margin-bottom:30px;line-height:40px}section.--benefits-section .benefits-container{gap:20px}section.--benefits-section .benefits-container .card{max-width:333px;width:100%;padding:30px 20px}section.--business-features-section{margin-bottom:60px}section.--business-features-section .ozc-intro{text-align:center;gap:20px;max-width:1170px;margin-left:auto;margin-right:auto;margin-bottom:10px}section.--business-features-section .ozc-intro .heading{line-height:40px}section.--business-features-section .feature-img{max-width:unset;width:100%;margin-bottom:20px}section.--business-features-section .card-group{gap:20px;flex-direction:column;align-items:center}section.--business-features-section .card-group .card{max-width:330px}section.--planning-process-section .ozc-intro{margin-bottom:30px}section.--planning-process-section .ozc-intro .heading{line-height:40px}section.--coding-languages-section{margin:60px 0}section.--coding-languages-section .ozc-intro{gap:20px;margin-bottom:30px}section.--coding-languages-section .ozc-intro .heading{font-weight:600;line-height:40px}section.--coding-languages-section .ozc-intro p{font-size:16px;line-height:26px;font-weight:300}section.--coding-languages-section .group-card{gap:20px;flex-wrap:wrap;justify-content:center}section.--coding-languages-section .group-card .card{flex:0 0 calc(50% - 10px);width:30% !important;max-width:200px}}
@media (min-width:744px) and (max-width:991px){section.--intro-section{margin:40px 0 60px 0}section.--intro-section .description{font-size:14px;line-height:20px}section.--benefits-section{margin-bottom:60px}section.--benefits-section .ozc-intro .heading{font-size:30px;margin-bottom:30px;font-weight:800;line-height:150%}section.--benefits-section .benefits-container{gap:20px}section.--benefits-section .benefits-container .card{max-width:322px;width:50%;padding:30px 20px}section.--business-features-section{margin-bottom:60px}section.--business-features-section .ozc-intro{text-align:center;gap:20px;max-width:644px;margin-bottom:5px}section.--business-features-section .ozc-intro .heading{font-size:30px;font-weight:800;line-height:150%}section.--business-features-section .feature-img{max-width:400px;margin-bottom:20px}section.--business-features-section .card-group{column-gap:20px;row-gap:30px}section.--business-features-section .card-group .card{max-width:322px}section.--planning-process-section{margin-bottom:45px}section.--planning-process-section .ozc-intro{margin-bottom:30px}section.--planning-process-section .ozc-intro .heading{font-size:30px;font-weight:800;line-height:150%}section.--planning-process-section .group-card{gap:20px;flex-direction:column;justify-content:center}section.--planning-process-section .group-card .planning-process{display:flex;flex-direction:row-reverse}section.--planning-process-section .group-card .planning-process .card{padding:40px;align-items:center;flex:0 0 auto;background-color:#423E9F;color:#fff;height:auto;gap:40px;width:100%;flex-direction:row}section.--planning-process-section .group-card .planning-process .card .card-head{font-size:100px;line-height:100%;font-weight:800;font-family:"Jeko DEMO"}section.--planning-process-section .group-card .planning-process .card .card-body{gap:10px;text-align:left}section.--planning-process-section .group-card .planning-process .step-icon{width:206px;height:37px;transform:rotate(90deg);top:100%;left:-12%}section.--planning-process-section .group-card .planning-process .step-icon>img{width:206px;height:37px}section.--coding-languages-section{margin:45px 0}section.--coding-languages-section .ozc-intro{max-width:664px;gap:20px;margin-bottom:30px}section.--coding-languages-section .ozc-intro .heading{font-size:30px;font-weight:800;line-height:150%}section.--coding-languages-section .ozc-intro p{font-size:14px;line-height:20px;font-weight:400}section.--coding-languages-section .group-card{gap:20px;flex-wrap:wrap}section.--coding-languages-section .group-card .card{width:33.33%;max-width:208px}}
@media (min-width:992px) and (max-width:1199px){section.--coding-languages-section .group-card .card{max-width:none;width:calc(100% / 6 - 10px)}}
@media (min-width:992px){section.--planning-process-section .group-card{flex-flow:row wrap;gap:30px;justify-content:center;width:990px;margin:auto}section.--planning-process-section .group-card .planning-process{text-align:center;flex:1 0 300px}section.--planning-process-section .group-card .planning-process .card{width:100%;max-width:300px}section.--planning-process-section .group-card .planning-process .step-icon{width:100%;height:50px;top:100%;left:auto;right:0;transform:translateX(50%)}section.--planning-process-section .group-card .planning-process .step-icon>img{width:100%;height:100%}}