body {
  margin: 0;
  line-height: normal;
}
html{
  font-size: 62.5%;
}
:root {
  /* fonts */
  --font-eras-bold-itc: "Eras Bold ITC";
  --font-geometr415-blk-bt: "Geometr415 Blk BT";
  --font-eras-medium-itc: "Eras Medium ITC";
  --font-inter: Inter;
  --font-roboto-condensed: "Roboto Condensed";

  /* font sizes */
  --font-size-29xl: 3rem;
  --font-size-21xl: 2.5rem;
  --font-size-13xl: 2rem;
  --font-size-base: 1rem;
  --font-size-xl: 1.25rem;
  --font-size-77xl: 6rem;
  --font-size-5xl: 1.5rem;

  /* Colors */
  --color-teal: #41807c;
  --color-darkslategray-100: #206460;
  --color-gold-100: #f1c50e;
  --color-black: #000;
  --color-white: #fff;
  --color-cadetblue: #5ea6a1;
  --color-gray-100: #1e1e1e;
  --color-gray-200: #111;
  --color-darkgray: #afafaf;

  /* Gaps */
  --gap-8xl: 1.69rem;
  --gap-5xl: 1.5rem;
  --gap-27xl: 2.88rem;

  /* Paddings */
  --padding-31xl: 3.13rem;
  --padding-13xl: 2rem;
  --padding-29xl: 3rem;
  --padding-xl: 1.25rem;
  --padding-9xs: 0.25rem;
  --padding-5xl: 1.5rem;
  --padding-mid: 1.06rem;
  --padding-23xl: 2.63rem;

  /* border radiuses */
  --br-31xl: 50px;
  --br-6xl: 25px;
  --br-8xs: 5px;
  --br-xl: 20px;
}

html{
  font-size: 62.5%;
}
.frame,
.frame-child {
  position: absolute;
  top: 0;
  height: 30.28rem;
}
.frame-child {
  left: 3.28rem;
  width: 35.04rem;
}
.frame {
  left: 0;
  width: 38.32rem;
  overflow: hidden;
}
.frame-item {
  position: absolute;
  top: 26.01rem;
  left: -0.21rem;
  width: 16.3rem;
  height: 14.8rem;
}
.frame-group {
  position: relative;
  width: 38.32rem;
  height: 40.81rem;
}
.electronics {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  line-height: 127.2%;
  font-weight: 700;
  font-family: inherit;
}
.this-program-gives {
  display: block;
}
.this-program-gives-container {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-13xl);
  line-height: 127.2%;
  color: var(--color-white);
}
.domain__item__desc li{
  list-style: none;
  margin: 1rem 0;
}
.electronics-parent,
.frame-parent {
  /* align-self: stretch; */
  display: flex;
  gap: var(--gap-5xl);
}
.electronics-parent {
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  justify-content: flex-start;
}

.frame-parent {
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  text-align: left;
  font-size: var(--font-size-29xl);
  color: #f4d13e;
  font-family: var(--font-inter);
}
.information-technology {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
}
.in-depth-tutorials-across-container {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-13xl);
  color: var(--color-white);
}
.information-technology-parent {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: var(--padding-9xs) 5rem 0 var(--padding-29xl);
  align-items: center;
  justify-content: center;
  gap: var(--gap-5xl);
}
.frame-inner {
  position: absolute;
  top: 0;
  left: -0.21rem;
  width: 37.58rem;
  height: 45.42rem;
}
.frame-icon,
.frame1 {
  position: absolute;
  height: 30.28rem;
}
.frame-icon {
  top: 0;
  left: 1.81rem;
  width: 35.14rem;
}
.frame1 {
  top: 7.3rem;
  left: 0;
  width: 36.95rem;
  overflow: hidden;
}
.frame-div {
  position: relative;
  width: 37.37rem;
  height: 45.42rem;
}
.frame-container {
  /* align-self: stretch; */
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  font-size: var(--font-size-29xl);
  color: var(--color-gold-100);
  font-family: var(--font-inter);
}
.frame-child1 {
  position: absolute;
  top: 25.85rem;
  left: -0.2rem;
  width: 18.13rem;
  height: 15.46rem;
  object-fit: cover;
}
.frame-child2 {
  position: absolute;
  top: 0;
  left: 3.98rem;
  width: 35.04rem;
  height: 30.28rem;
}
.frame-parent1 {
  position: relative;
  width: 39.04rem;
  height: 41.31rem;
}
.civil {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  line-height: 118.2%;
  font-weight: 700;
  font-family: inherit;
}
.demands-training-that {
  margin-block-start: 0;
  margin-block-end: 9px;
}
.in-orena-we {
  margin: 0;
}
.demands-training-that-container {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-13xl);
  line-height: 129.2%;
  color: var(--color-white);
}
.civil-parent {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: var(--padding-9xs) 0 0 var(--padding-5xl);
  align-items: flex-start;
  justify-content: flex-start;
}
.mechanical-engineering-deals-container {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-13xl);
  line-height: 3.13rem;
  color: var(--color-white);
}
.mechanical-parent {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 0 0 0 var(--padding-13xl);
  align-items: center;
  justify-content: center;
}
.frame-child3 {
  position: absolute;
  top: 0;
  left: -0.21rem;
  width: 38.7rem;
  height: 45.43rem;
}
.frame-child4 {
  position: absolute;
  top: 7.25rem;
  left: 2.81rem;
  width: 35.25rem;
  height: 30.7rem;
}
.frame-parent3 {
  position: relative;
  width: 38.49rem;
  height: 45.43rem;
}
.frame-child5 {
  position: absolute;
  top: 26.23rem;
  left: -0.21rem;
  width: 16.89rem;
  height: 15.19rem;
}
.frame-child6 {
  position: absolute;
  top: 0;
  left: 2.75rem;
  width: 35.05rem;
  height: 30.27rem;
}
.frame-parent5 {
  position: relative;
  width: 37.8rem;
  height: 41.42rem;
}
.instrumental-parent {
  align-self: stretch;
  flex: 1;
  flex-direction: column;
  padding: 0 2.5rem 0 0;
  justify-content: flex-start;
  gap: 0.63rem;
}
.frame-parent4,
.instrumental-parent,
.study-abroad {
  display: flex;
  align-items: center;
}
.frame-parent4 {
  /* align-self: stretch; */
  flex-direction: row;
  justify-content: center;
  gap: var(--gap-8xl);
  text-align: left;
  font-size: var(--font-size-29xl);
  color: var(--color-gold-100);
  font-family: var(--font-inter);
}
.study-abroad {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
  width: 27.94rem;
  height: 3.69rem;
  flex-shrink: 0;
}
.span {
  color: var(--color-black);
}
.once-in-a {
  line-height: false;
}
.study-abroad-parent {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.38rem;
}
.frame-child7 {
  position: absolute;
  top: 0;
  left: -0.21rem;
  width: 38.57rem;
  height: 45.37rem;
}
.frame-child8 {
  position: absolute;
  top: 7.25rem;
  left: 2.81rem;
  width: 35.25rem;
  height: 30.7rem;
  object-fit: cover;
}
.frame-parent7 {
  position: relative;
  width: 38.37rem;
  height: 45.37rem;
}
.frame-child9,
.frame2 {
  position: absolute;
  left: 0;
  height: 16.76rem;
}
.frame-child9 {
  top: 0;
  width: 17.34rem;
}
.frame2 {
  top: 24.88rem;
  width: 40.41rem;
  overflow: hidden;
}
.frame-child10,
.frame3 {
  position: absolute;
  top: 0;
  height: 30.28rem;
}
.frame-child10 {
  left: 5.38rem;
  width: 35.04rem;
  object-fit: cover;
}
.frame3 {
  left: 0;
  width: 40.41rem;
  overflow: hidden;
}
.frame-parent9 {
  position: relative;
  width: 40.41rem;
  height: 41.63rem;
}
.behavioral-skills-parent {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.38rem;
}
.frame-parent8 {
  /* align-self: stretch; */
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: 2.63rem;
  text-align: left;
  font-size: var(--font-size-29xl);
  color: var(--color-gold-100);
  font-family: var(--font-inter);
}
.managerial-skills,
.managerial-skills-parent {
  align-self: stretch;
  display: flex;
  align-items: center;
}
.managerial-skills {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
  height: 3.13rem;
  flex-shrink: 0;
}
.managerial-skills-parent {
  flex: 1;
  flex-direction: column;
  justify-content: center;
}
.frame-child11 {
  position: absolute;
  top: 0;
  left: -0.21rem;
  width: 38.57rem;
  height: 44.91rem;
}
.frame-child12 {
  position: absolute;
  top: 7.63rem;
  left: 2.68rem;
  width: 35.25rem;
  height: 30.7rem;
  object-fit: cover;
}
.frame-parent11 {
  position: relative;
  width: 38.37rem;
  height: 44.91rem;
}
.frame-parent10 {
  /* align-self: stretch; */
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: left;
  font-size: var(--font-size-29xl);
  color: var(--color-gold-100);
  font-family: var(--font-inter);
}
.frame-child13 {
  position: absolute;
  top: 0;
  left: calc(50% - 157.31px);
  width: 35.04rem;
  height: 30.28rem;
  object-fit: cover;
}
.frame-child14 {
  position: absolute;
  top: 25.6rem;
  left: -0.2rem;
  width: 17.88rem;
  height: 15.71rem;
}
.frame-parent13 {
  position: relative;
  width: 38.91rem;
  height: 41.31rem;
}
.marketing-skills-parent {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  /* padding: var(--padding-31xl) 0 0; */
  align-items: center;
  justify-content: flex-start;
}
.frame-parent12 {
  /* align-self: stretch; */
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: 2.13rem;
  text-align: left;
  font-size: var(--font-size-29xl);
  color: var(--color-gold-100);
  font-family: var(--font-inter);
}
.want-to-become {
  position: relative;
}
.explore-our-courses {
  position: relative;
  font-size: 4rem;
  font-weight: 900;
  font-family: var(--font-geometr415-blk-bt);
}
.want-to-become-a-expert-in-you-parent {
  /* flex: 1; */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0.13rem;
}
.explore-now {
  position: relative;
  font-size: var(--font-size-29xl);
  font-family: var(--font-eras-bold-itc);
  color: var(--color-black);
  text-align: left;
}
.explore-now-wrapper {
  cursor: pointer;
  border: 0;
  padding: 0.69rem var(--padding-xl);
  background-color: var(--color-gold-100);
  border-radius: var(--br-31xl);
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.frame-parent14,
.our-domains-locofy {
  display: flex;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
}
.frame-parent14 {
  background-color: #1d5c59;
  width: 76.13rem;
  flex-direction: row;
  padding: var(--padding-13xl) var(--padding-29xl);
  gap: var(--gap-8xl);
}
.our-domains-locofy {
  position: relative;
  margin-top: 15rem;
  background-color: var(--color-teal);
  width: 100%;
  overflow: hidden;
  flex-direction: column;
  padding: var(--padding-31xl);
  text-align: left;
  font-size: var(--font-size-21xl);
  color: var(--color-white);
  font-family: var(--font-eras-medium-itc);
}
/* common custom css */
section{
  width: 80%;
}
.cta-container{
  width: 80%;
}
section:nth-child(odd):nth-child(2){
  margin-top: 2rem;
}
section:first-child{
  /* width: 30; */
}
section:nth-child(odd) div:nth-child(2){
  width: 70%;
  margin-top: 3vw;
}
@media screen and (max-width: 1200px) {
  .our-domains-locofy {
    overflow: hidden;
  }
}
@media screen and (max-width: 960px) {
  .electronics-parent {
    flex: unset;
    align-self: stretch;
  }
  .frame-parent {
    flex-direction: column;
  }
  .information-technology-parent {
    flex: unset;
    align-self: stretch;
  }
  .frame-container {
    flex-direction: column;
  }
  .civil-parent,
  .instrumental-parent,
  .mechanical-parent {
    flex: unset;
    align-self: stretch;
  }
  .frame-parent4 {
    flex-direction: column;
  }
  .behavioral-skills-parent,
  .study-abroad-parent {
    flex: unset;
    align-self: stretch;
  }
  .frame-parent8 {
    flex-direction: column;
  }
  .managerial-skills-parent {
    flex: unset;
    align-self: stretch;
  }
  .frame-parent10 {
    flex-direction: column;
  }
  .marketing-skills-parent {
    flex: unset;
    align-self: stretch;
  }
  .frame-parent12 {
    flex-direction: column;
  }
  .want-to-become-a-expert-in-you-parent {
    flex: unset;
    align-self: stretch;
  }
  .frame-parent14 {
    flex-direction: column;
  }
  section:nth-child(even)
  {
    flex-direction: column-reverse;
  }
  .frame-parent8,.frame-parent,.frame-parent12
  {
    align-self: center;
    align-items: center;
  }
  .cta-container{
    width: 90%;
  }
  .frame-child13{
    left: 4rem;
  }
  section{
    margin: 2rem 0;
  }
}
@media screen and (max-width: 420px) {
  .frame-parent4 {
    align-items: center;
    justify-content: center;
    padding-top: 0;
    box-sizing: border-box;
  }
  .managerial-skills-parent {
    flex: unset;
    align-self: stretch;
  }
  .frame-parent10 {
    flex-direction: column;
  }
  .marketing-skills-parent {
    flex: unset;
    align-self: stretch;
  }
  .frame-parent12 {
    flex-direction: column;
  }
  .want-to-become-a-expert-in-you-parent {
    flex: unset;
    align-self: stretch;
  }
  .frame-parent14 {
    flex-direction: column;
  }
}