* {
  box-sizing: border-box;
}

.banaBackground {
  height: 550px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

.banaBackground::after {
  width: 90px;
  height: 90px;
}

.cntrFrame {
  height: 120px;
  margin-top: 120px;
}

.cntrFrameImgHoldr:first-child, .cntrFrameImgHoldr:nth-child(2) {
  height: 100px;
  width: 250px;
}

.cntrFrameImgHoldr:first-child {
  bottom: -20%;
  left: 4%;
}

.cntrFrameImgHoldr:nth-child(2) {
  top: -20%;
  right: 4%;
}

.cntrFrameImgHoldr:nth-last-child(-n+2) {
  height: 80px;
  width: 150px;
}

.cntrFrameImgHoldr:nth-last-child(2) {
  bottom: -30%;
  right: 35%;
}

.cntrFrameImgHoldr:nth-last-child(1) {
  top: -30%;
  left: 38%;
}

.bottomFrame {
  margin-top: 60px;
}

.bannerTextChild:first-child {
  font-size: 40px;
}

.bannerTextChild:last-child {
  font-size: 20px;
}

.bannerButton {
  width: 150px;
  height: 60px;
  font-size: 17px;
}

.buttomBanerdesign:first-of-type {
  position: absolute;
  right: -2%;
  bottom: -7%;
}

.buttomBanerdesign:last-of-type {
  right: -2%;
}

.worListHldr {
  width: 90%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
}

.listDesign {
  width: 60%;
  height: 340px;
  position: relative;
  padding: 0 20px 0 0;
  margin-left: 40%;
}

.listFrame {
  width: 70%;
  padding: 10px 3%;
}
.listFrame h3 {
  font-size: 30px;
  margin-bottom: 10px;
  font-family: "Arial Rounded MT Bold";
}

.photoFrame:first-of-type {
  height: 100px;
  width: 180px;
}

.photoFrame:nth-of-type(2) {
  height: 100px;
  width: 180px;
  bottom: -10%;
}

.photoFrame:nth-of-type(3) {
  width: 160px;
  height: 110px;
}

.photoFrame:nth-of-type(4) {
  width: 140px;
  height: 120px;
  overflow: hidden;
}

.coloFrame:first-child {
  width: 50px;
  height: 320px;
  background-color: orange;
  border-radius: 30px;
  bottom: -15%;
  left: 1.5%;
}

.coloFrame:nth-child(2) {
  width: 120px;
  height: 120px;
  background-color: orange;
  background-color: #330066;
  top: 58%;
  left: 37%;
  border-radius: 13px;
}

.coloFrame:nth-child(2)::after {
  height: 80%;
  width: 80%;
  top: 10%;
  left: 10%;
  content: "";
  position: absolute;
  background-color: white;
  border-radius: 12px;
}

.coloFrame:nth-child(3) {
  width: 130px;
  height: 130px;
}

.workListItem {
  height: 30px;
  width: 100%;
  font-size: 13.5px;
  font-weight: 600;
}

.mimumAbtChild {
  font-size: 13px;
}

.mimumAbtDesign:last-of-type {
  width: 150px;
}

.teamPiSectionDesignChild:nth-child(4) {
  height: 60px;
  width: 60px;
  left: 16%;
  top: 42%;
}

.teamPiSection {
  width: 80%;
  height: 280px;
}

.textHoldr {
  width: 50%;
}
.textHoldr h3 {
  font-size: 25px;
  font-weight: 500;
  margin-bottom: 12px;
  margin-top: 12px;
}
.textHoldr div {
  line-height: 22px;
  padding: 0 5%;
  font-size: 14px;
}

.photoHoldr {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 120px;
  -ms-flex: 0 0 120px;
  flex: 0 0 120px;
  height: 120px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}

/*# sourceMappingURL=tab.css.map */