:root{
  --av-blue:#1f4aa8;
}


.section{
  padding:40px 20px 120px;
}

.container{
  max-width:1200px;
  margin:0 auto;
  text-align:center;
}

/* ================= LOGO ================= */
.parent-logo{
  max-width:270px;
  margin-bottom:10px;
  margin-right: 15px;
}

/* ================= CONNECTOR ================= */
.connector{
  position:relative;
  height:200px;
  margin-bottom:10px;
}

/* top horizontal */
.top-line{
  position:absolute;
  top:0;
  left:39%;
  right:39%;
  height:2px;
  background:var(--av-blue);
}

/* center vertical */
.center-down{
  position:absolute;
  top:0;
  left:50%;
  width:2px;
  height:182px;
  background:var(--av-blue);
}

.center-down::after{
  content:"";
  position:absolute;
  bottom:-6px;
  left:50%;
  width:10px;
  height:10px;
  border-right:2px solid var(--av-blue);
  border-bottom:2px solid var(--av-blue);
  transform:translateX(-50%) rotate(45deg);
}

/* LEFT PATH */
.left-down-1{
  position:absolute;
  top:0;
  left:45%;
  width:2px;
  height:85px;
  background:var(--av-blue);
}

.left-across{
  position:absolute;
  top:83px;
  left:15%;
  width:30%;
  height:2px;
  background:var(--av-blue);
}

.left-down-2{
  position:absolute;
  top:83px;
  left:15%;
  width:2px;
  height:100px;
  background:var(--av-blue);
}

.left-down-2::after{
  content:"";
  position:absolute;
  bottom:-6px;
  left:50%;
  width:10px;
  height:10px;
  border-right:2px solid var(--av-blue);
  border-bottom:2px solid var(--av-blue);
  transform:translateX(-50%) rotate(45deg);
}

/* RIGHT PATH */
.right-down-1{
  position:absolute;
  top:0;
  right:44.8%;
  width:2px;
  height:85px;
  background:var(--av-blue);
}

.right-across{
  position:absolute;
  top:83px;
  right:15%;
  width:30%;
  height:2px;
  background:var(--av-blue);
}

.right-down-2{
  position:absolute;
  top:85px;
  right:15%;
  width:2px;
  height:98px;
  background:var(--av-blue);
}

.right-down-2::after{
  content:"";
  position:absolute;
  bottom:-6px;
  left:50%;
  width:10px;
  height:10px;
  border-right:2px solid var(--av-blue);
  border-bottom:2px solid var(--av-blue);
  transform:translateX(-50%) rotate(45deg);
}

/* ================= CHILDREN ================= */
.children{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:40px;
}

.child h3{
  font-size:40px;
  color:var(--av-blue);
  margin-bottom:12px;
  padding: 0;
  padding: 0;
  margin: 0;
}

.child img{
  max-width:120px;
  margin-bottom:10px;
}

.child p{
	text-align: center;
  letter-spacing: normal;
	font-weight: 700;
  font-size:15px;
  color:#444;
  line-height: 27px;
  padding: 0;
  margin: 0;
}

/* ================= MOBILE ================= */
@media(max-width:900px){
.parent-logo {
	max-width: 186px;}
	
  .connector{
    height:140px;
    margin-bottom:30px;
    transform:scale(0.92);
    transform-origin:top center;
  }
	.cert-header{font-size: 16px;}
  .children{
    grid-template-columns:1fr;
    gap:60px;
  }

  /* Center everything for mobile */
  .top-line{
    left:25%;
    right:25%;
  }

  .left-across,
  .right-across{
    width:20%;
  }
.right-across {
  	top: 59px;
	right: 25%;}
	
.left-across {
  top: 59px;
	left: 25%;}	
	
.right-down-2 {
  top: 61px;
  right: 25%;
	width: 2px;}
	
	
  .left-down-1,
  .right-down-1{
    height:60px;
  }

  .left-down-2,
  .right-down-2{
    height:70px;
  }
	.left-down-2 {
  position: absolute;
  top: 61px;
  left: 25%;
width: 2px;}
}