/*
 Theme Name:   Techzen Child
 Theme URI:    https://demo.rstheme.com/wordpress/techzen/
 Description:  Techzen Child
 Author:       RSTheme
 Author URI:   http://rstheme.com
 Template:     techzen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
 */
.sys-bio-steps-section .bio-steps {
	display: unset;
}
.sys-bio-steps-section .bio-steps  {
  max-width: 1300px;
  margin: 0 auto;
  padding: 10px 0px;
  display: grid;
  grid-template-columns: 1fr 127px 1fr 139px 1fr 140px 1fr 126px 1fr;
  align-items: end;
  font-family: Arial, sans-serif;
}

.sys-bio-steps-section .bio-step {
  text-align: center;
}

.sys-bio-steps-section .step-text {
  color: var( --e-global-color-primary );
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 4px;
}

.sys-bio-steps-section .bio-step h3 {
  margin: 0 0 18px;
  color: var(--white);
  font-size: 20px;
  line-height: 1;
}

.sys-bio-steps-section .icon-circle {
  width: 124px;
  height: 124px;
  border: 2px solid var( --e-global-color-primary );
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #087b7d;
  font-size: 52px;
  position: relative;
  box-sizing: border-box;
}
.sys-bio-steps-section .icon-circle img{
	height: 1em;
}
.sys-bio-steps-section .badge {
	padding: .10em .15em;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 34px;
  height: 34px;
  background: var( --e-global-color-primary );
  color: #fff;
  border-radius: 50%;
  font-size: 28px;
  line-height: 32px;
  font-weight: 500;
  box-shadow: 0 3px 7px rgba(0,0,0,.22);
}

.sys-bio-steps-section .minus {
  line-height: 29px;
}

.sys-bio-steps-section .dot-line {
  height: 7px;
  margin-bottom: 55px;
  background: radial-gradient(circle, #087b7d 3px, transparent 4px);
  background-size: 17px 7px;
  background-repeat: repeat-x;
}



/* Tablet */
@media (max-width: 991px) {
  .sys-bio-steps-section .bio-steps {
    grid-template-columns: repeat(5, 1fr);
    gap: 25px 10px;
  }

  .sys-bio-steps-section .dot-line {
    display: none;
  }

  .sys-bio-steps-section .icon-circle {
    width: 105px;
    height: 105px;
    font-size: 42px;
  }

  .sys-bio-steps-section .bio-step h3 {
    font-size: 22px;
  }
}

/* Mobile */
@media (max-width: 600px) {
	.bio-card {
    	gap: 20px;
    	display: grid;
	}
  .sys-bio-steps-section .bio-steps {
    grid-template-columns: 1fr;
    gap: 50px;
	padding: 0 15px;
  }

  .sys-bio-steps-section .bio-step {
    display: flex;
    align-items: center;
    text-align: left;
    gap: 18px;
  }

  .sys-bio-steps-section .bio-step h3 {
    margin: 0;
    font-size: 18px;
  }

  .sys-bio-steps-section .step-text {
    font-size: 16px;
	margin-bottom: 0;
  }

  .sys-bio-steps-section .icon-circle {
    order: -1;
    width: 85px;
    height: 85px;
    min-width: 85px;
    font-size: 36px;
  }

  .sys-bio-steps-section .badge {
    width: 28px;
    height: 28px;
    font-size: 23px;
    line-height: 27px;
  }

}

/* box */

.sys-bio-steps-section .centia-container{
    max-width:1300px;
    margin:0 auto;
    padding:0 15px;
}

.sys-bio-steps-section .centia-process-cards{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:20px;
}

.sys-bio-steps-section .centia-card{
    border:1px solid var( --e-global-color-primary );
    border-radius:18px;
    padding:15px 15px;
    display:flex;
    gap:18px;
    align-items:flex-start;
    transition:.3s;
    min-height:180px;
    box-shadow:0 2px 10px rgba(0,0,0,.03);
}

.sys-bio-steps-section .centia-card:hover{
    transform:translateY(-4px);
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.sys-bio-steps-section .centia-icon{
    width:55px;
    height:55px;
    min-width:55px;
    border-radius:50%;
    background:linear-gradient(135deg,#eef8f8,#f8fcfc);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
}

.sys-bio-steps-section .centia-content h3{
    margin:0 0 12px;
    color: var( --e-global-color-primary );
    font-size:18px;
    line-height:1;
    font-weight:500;
}

.sys-bio-steps-section .centia-content p{
    margin:0;
    color: var(--white);
    font-size:16px;
    line-height:1.8;
    font-weight:400;
}

/* Tablet */

@media(max-width:1200px){

    .sys-bio-steps-section .centia-process-cards{
        grid-template-columns:repeat(3,1fr);
    }

}

/* Mobile */

@media(max-width:768px){

    .sys-bio-steps-section .centia-process-cards{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:576px){

    .sys-bio-steps-section .centia-process-cards{
        grid-template-columns:1fr;
    }

    .sys-bio-steps-section .centia-card{
        min-height:auto;
    }

    .sys-bio-steps-section .centia-content h3{
        font-size:20px;
    }

}
/* Initial State */
.sys-bio-steps-section .centia-card{
    opacity:0;
    transform:translateY(60px);
    animation:fadeInUp .8s ease forwards;
}

/* Delay One By One */
.sys-bio-steps-section .centia-card:nth-child(1){
    animation-delay:.2s;
}

.sys-bio-steps-section .centia-card:nth-child(2){
    animation-delay:.4s;
}

.sys-bio-steps-section .centia-card:nth-child(3){
    animation-delay:.6s;
}

.sys-bio-steps-section .centia-card:nth-child(4){
    animation-delay:.8s;
}

.sys-bio-steps-section .centia-card:nth-child(5){
    animation-delay:1s;
}

/* Animation */
@keyframes fadeInUp{
    from{
        opacity:0;
        transform:translateY(60px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* mission */
.sys-bio-steps-section .mission-section {
    padding: 0 15px;
}
.sys-bio-steps-section .mission-container{
    max-width:1300px;
    margin:auto;
    padding:15px 18px;
    border:1px solid #dce8e8;
    border-radius:18px;
    background:linear-gradient(180deg,#fbfdfd,#f3f8f8);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
}

.sys-bio-steps-section .mission-main{
    flex:1.8;
}

.sys-bio-steps-section .mission-item{
    display:flex;
    align-items:center;
    gap:15px;
}

.sys-bio-steps-section .mission-icon{
    width:70px;
    height:70px;
    min-width:70px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:42px;
    color:#0d8b8e;
}

.sys-bio-steps-section .mission-content{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
}

.sys-bio-steps-section .mission-content h3{
    margin:0;
    color:#0d8b8e;
    font-size:36px;
    font-weight:700;
}

.sys-bio-steps-section .mission-content p{
    margin:0;
    color:#24364b;
    font-size:16px;
    line-height:1.5;
}

.sys-bio-steps-section .mission-divider{
    width:1px;
    height:70px;
    background:#d8e2e4;
}

.sys-bio-steps-section .mission-circle{
    width:60px;
    height:60px;
    min-width:60px;
    border-radius:50%;
    background:#fff;
    border:1px solid #edf3f3;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    box-shadow:0 4px 15px rgba(0,0,0,.04);
}

.sys-bio-steps-section .mission-text{
    max-width:160px;
    font-size:16px;
    color:#24364b;
    line-height:1.5;
    font-weight:500;
}

.mission-section .mission-icon img{
	width: 1.2em;
}
.mission-section .mission-circle img{
	width: 0.9em;
}



@media(max-width:991px){

    .sys-bio-steps-section .mission-container{
        flex-wrap:wrap;
        justify-content:center;
    }

    .sys-bio-steps-section .mission-divider{
        display:none;
    }

    .sys-bio-steps-section .mission-main{
        width:100%;
        flex:100%;
    }

}

@media(max-width:767px){

    .sys-bio-steps-section .mission-container{
        padding:20px;
    }

    .sys-bio-steps-section .mission-item{
        width:100%;
    }

    .sys-bio-steps-section .mission-content h3{
        font-size:28px;
    }

    .sys-bio-steps-section .mission-content p{
        font-size:16px;
    }

}
@media screen and (max-width: 782px) {
header.rstb-header .elementor-element.elementor-element-7d416cb5.e-con-full.rstb-sticky-up.e-flex.e-con.e-child.is-sticky {
    top: 0;
}
}

/* Tablet */
@media (min-width:600px) and (max-width:1024px){

    .sys-bio-steps-section .bio-steps{
        display:grid !important;
        grid-template-columns:repeat(2,1fr) !important;
        gap:50px 25px !important;
        align-items:start;
        margin: 0 20px;
    }

    .sys-bio-steps-section .dot-line{
        display:none !important;
    }

    .sys-bio-steps-section .bio-step{
        display:flex;
        flex-direction:column;
        align-items:center;
        text-align:center;
		margin-bottom: 20px;
    }
	.sys-bio-steps-section .centia-card{
		min-height: auto;
	}
	.sys-bio-steps-section .mission-container{
		display: grid !important;
    	grid-template-columns: repeat(1, 1fr);
		gap: 15px;
	}
	.mission-divider{
		display: none;
	}
    .sys-bio-steps-section .bio-steps > .centia-card{
        width:100%;
        min-height:220px;
        margin-top:-15px;
    }
}

.sys-publication .gsap-move-no p{
	margin-bottom: 0px;
}
.elementor-2482 .elementor-element.elementor-element-2d9d559 .form-btn-area em {
    position: absolute !important;
    left: 50%;
    bottom: 15px;
    right: 50%;
    transform: translate(50px, 0);
}

.our-solution-step .services-inner{
	display: flex !important;
}
.our-solution-step .services-inner h4.title {
    font-size: 24px !important;
}

/* 14-7-26 */
.our-solution-step .content_part .desc-text {
    font-size: 14px;
    line-height: 1.3;
}
.our-solution-step .rs-addon-services .services-inner .numbering {
    height: 47px !important;
    width: 50px !important;
    display: flex !important;
	justify-content: center;
    align-items: center !important;
}

.sys-roadmap section#roadmap {
    background: transparent;
}
/* .contact-us form.wpcf7-form.init input, .contact-us form.wpcf7-form.init textarea {
    background: transparent !important;
} */

/* .sys-contact-us .wpcf7-submit{
	background: #528874 !important;
} */