.elementor-3563 .elementor-element.elementor-element-d8ed909{--display:flex;--padding-top:81px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-3563 .elementor-element.elementor-element-7a5da1b{text-align:center;}.elementor-3563 .elementor-element.elementor-element-66f3422{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3563 .elementor-element.elementor-element-29fa8f5{width:auto;max-width:auto;bottom:-20.003px;z-index:-2;}body:not(.rtl) .elementor-3563 .elementor-element.elementor-element-29fa8f5{left:654.246px;}body.rtl .elementor-3563 .elementor-element.elementor-element-29fa8f5{right:654.246px;}.elementor-3563 .elementor-element.elementor-element-501e6cb{width:auto;max-width:auto;top:112px;}body:not(.rtl) .elementor-3563 .elementor-element.elementor-element-501e6cb{right:523px;}body.rtl .elementor-3563 .elementor-element.elementor-element-501e6cb{left:523px;}.elementor-3563 .elementor-element.elementor-element-07628b8{width:auto;max-width:auto;bottom:1000px;}body:not(.rtl) .elementor-3563 .elementor-element.elementor-element-07628b8{left:626px;}body.rtl .elementor-3563 .elementor-element.elementor-element-07628b8{right:626px;}.elementor-3563 .elementor-element.elementor-element-084973e{width:auto;max-width:auto;bottom:302px;z-index:0;}body:not(.rtl) .elementor-3563 .elementor-element.elementor-element-084973e{right:507px;}body.rtl .elementor-3563 .elementor-element.elementor-element-084973e{left:507px;}.elementor-3563 .elementor-element.elementor-element-b4d80da{color:#FFFFFF;margin-top:81px;margin-bottom:96px;}.elementor-3563 .elementor-element.elementor-element-5c476a8:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-3563 .elementor-element.elementor-element-5c476a8 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#06070B;background-image:url("https://www.unihawkglobalacademy.com/wp-content/uploads/2023/09/about-img-1-scaled-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3563 .elementor-element.elementor-element-5c476a8 > .elementor-element-populated, .elementor-3563 .elementor-element.elementor-element-5c476a8 > .elementor-element-populated > .elementor-background-overlay, .elementor-3563 .elementor-element.elementor-element-5c476a8 > .elementor-background-slideshow{border-radius:20px 20px 20px 20px;}.elementor-3563 .elementor-element.elementor-element-5c476a8 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 15px 0px 15px;--e-column-margin-right:15px;--e-column-margin-left:15px;padding:66px 96px 66px 96px;}.elementor-3563 .elementor-element.elementor-element-5c476a8 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3563 .elementor-element.elementor-element-d677da2 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-3563 .elementor-element.elementor-element-f8a4573{text-align:left;}.elementor-3563 .elementor-element.elementor-element-f8a4573 .pt-heading-title{font-weight:600;}.elementor-3563 .elementor-element.elementor-element-b83e662{font-size:14px;}.elementor-3563 .elementor-element.elementor-element-cb2a6a9{text-align:right;width:var( --container-widget-width, 117.974% );max-width:117.974%;--container-widget-width:117.974%;--container-widget-flex-grow:0;}.elementor-3563 .elementor-element.elementor-element-cb2a6a9 .pt-button{display:inline-flex;}.elementor-3563 .elementor-element.elementor-element-cb2a6a9.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(max-width:1024px){body:not(.rtl) .elementor-3563 .elementor-element.elementor-element-501e6cb{right:-200px;}body.rtl .elementor-3563 .elementor-element.elementor-element-501e6cb{left:-200px;}.elementor-3563 .elementor-element.elementor-element-5c476a8 > .elementor-element-populated, .elementor-3563 .elementor-element.elementor-element-5c476a8 > .elementor-element-populated > .elementor-background-overlay, .elementor-3563 .elementor-element.elementor-element-5c476a8 > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-3563 .elementor-element.elementor-element-5c476a8 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-3563 .elementor-element.elementor-element-cb2a6a9{text-align:left;}.elementor-3563 .elementor-element.elementor-element-cb2a6a9 > .elementor-widget-container{margin:20px 0px 0px 0px;}}@media(max-width:767px){body:not(.rtl) .elementor-3563 .elementor-element.elementor-element-501e6cb{right:-300px;}body.rtl .elementor-3563 .elementor-element.elementor-element-501e6cb{left:-300px;}.elementor-3563 .elementor-element.elementor-element-5c476a8 > .elementor-element-populated{padding:48px 15px 48px 15px;}}@media(min-width:768px){.elementor-3563 .elementor-element.elementor-element-32957d7{width:75.853%;}.elementor-3563 .elementor-element.elementor-element-34c5f53{width:23.813%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3563 .elementor-element.elementor-element-32957d7{width:100%;}.elementor-3563 .elementor-element.elementor-element-34c5f53{width:100%;}}/* Start custom CSS for html, class: .elementor-element-10de2e0 */<style>
    .timeline{
  position:relative;
  margin:20px auto;
  padding:15px 0;
  width:1000px;
  box-sizing:border-box;
}
.timeline:before{
  content:'';
  position:absolute;
  left:50%;
  width:2px;
  height:100%;
  background:#EDEDFD;
}
.timeline ul{
  padding:0;
  margin:0;
}
.timeline ul li{
  list-style:none;
  position:relative;
  width:50%;
  padding:20px 40px;
  box-sizing:border-box;
}
.timeline ul li:nth-child(odd){
  float:left;
  text-align:right;
  clear:both;
}
.timeline ul li:nth-child(even){
  float:right;
  text-align:left;
  clear:both;
}
.content {
  position: relative;
  padding: 25px;
  background: #fff;
  text-align: left;
  box-shadow: 0px 0px 15px 1px #ebebeb;
  border: 1px solid #ddd;
  border-radius: 8px;
}
.content.even::before {
  content: '';
  position: absolute;
  top: 10px;
  left: -11px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #ddd; 
  filter: drop-shadow(0px 0px 5px #ebebeb);
  z-index: 0;
}

.content.even::after {
  content: '';
  position: absolute;
  top: 10px;
  left: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #fff;
  z-index: 1;
}
.content.odd::before {
  content: '';
  position: absolute;
  top: 10px;
  right: -11px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #ddd;
  filter: drop-shadow(0px 0px 5px #ebebeb);
  z-index: 0;
}
.content.odd::after {
  content: '';
  position: absolute;
  top: 10px;
  right: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #fff;
  z-index: 1;
}
.timeline ul li:nth-child(odd):before
{
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    top: 24px;
    right: -6px;
    background: #3D1B52;
    border-radius: 50%;
    box-shadow: 0 0 0 3px #3d1b526b;
}
.timeline ul li:nth-child(even):before
{
  content:'';
  position:absolute;
  width:10px;
  height:10px;
  top:24px;
  left:-4px;
    background: #3D1B52;
    border-radius: 50%;
    box-shadow: 0 0 0 3px #3d1b526b);
}
.timeline ul li h3{
padding: 0;
    margin: 0;
    color: #373737;
    font-size: 20px;
    font-weight: 600;
}
.timeline ul li p{
  margin:10px 0 0;
  padding:0;
}
.timeline ul li .time h4{
  margin:0;
  padding:0;
  font-size:14px;
}
.timeline ul li:nth-child(odd) .time
{
  position:absolute;
  top:12px;
  right:-165px;
  margin:0;
  padding:8px 16px;
  background:rgba(233,33,99,1);
  color:#fff;
  border-radius:18px;
  box-shadow:0 0 0 3px rgba(233,33,99,0.3);
}
.timeline ul li:nth-child(even) .time
{
  position:absolute;
  top:12px;
  left:-165px;
  margin:0;
  padding:8px 16px;
  background:rgba(233,33,99,1);
  color:#fff;
  border-radius:18px;
  box-shadow:0 0 0 3px rgba(233,33,99,0.3);
}
@media(max-width:1000px)
{
  .timeline{
    width:100%;
  }
}
@media(max-width:767px){
    .content.odd::before {
      content: '';
      position: absolute;
      top: 10px;
      left: -11px;
      width: 0;
      height: 0;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      border-right: 10px solid #ddd; 
      border-left: none;
      filter: drop-shadow(0px 0px 5px #ebebeb);
      z-index: 0;
    }
    .content.odd::after {
      content: '';
      position: absolute;
      top: 10px;
      left: -10px;
      width: 0;
      height: 0;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      border-right: 10px solid #fff; 
      border-left: none;
      z-index: 1;
    }
    .timeline ul li {
    padding-top: 0;
}
  .timeline{
    width:100%;
    padding-bottom:0;
  }
  h1{
    font-size:40px;
    text-align:center;
  }
  .timeline:before{
    left:20px;
    height:100%;
  }
  .timeline ul li:nth-child(odd),
  .timeline ul li:nth-child(even)
  {
    width:100%;
    text-align:left;
    padding-left:50px;
    padding-bottom:50px;
  }
  .timeline ul li:nth-child(odd):before,
  .timeline ul li:nth-child(even):before
  {
    top:-18px;
    left:16px;
  }
  .timeline ul li:nth-child(odd) .time,
  .timeline ul li:nth-child(even) .time{
    top:-30px;
    left:50px;
    right:inherit;
  }
}
</style>/* End custom CSS */