*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.topic-row1,
.topic2 {
  position: absolute;
  top: 0;
  left: 0;
  letter-spacing: 0.05em;
}
.topic2 {
  line-height: 124.89%;
}
.topic2-wrapper {
  width: 133px;
  position: relative;
  height: 81px;
  z-index: 0;
}
.dreams {
  margin: 0;
}
.dream-word-container {
  position: absolute;
  top: 1px;
  left: 0;
  letter-spacing: 0.05em;
  line-height: 124.89%;
  display: inline-block;
  background: linear-gradient(93.12deg, #1e6f83, #ff5c01, #ff5c01);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: 325px;
  height: 246px;
}
.dream-word-wrapper {
  width: 515px;
  position: absolute;
  margin: 0 !important;
  top: -1px;
  left: 144px;
  height: 83px;
  overflow: hidden;
  flex-shrink: 0;
  z-index: 1;
}
.component-5 {
  position: absolute;
  top: 78px;
  left: 2px;
  width: 965px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
}
.headerTopic {
  position: absolute;
  top: 214px;
  left: 123px;
  width: 967px;
  height: 159px;
  font-size: var(--font-size-46xl);
  color: var(--color-gray-100);
  font-family: var(--font-encode-sans-condensed);
}
.macbook-mockup-la,
.main-icon,
.shadow-icon {
  position: absolute;
  top: 31px;
  left: 33px;
  width: 489px;
  height: 432px;
  object-fit: cover;
}
.macbook-mockup-la,
.main-icon {
  height: 402px;
}
.macbook-mockup-la {
  top: 41px;
  left: 41px;
  width: 347px;
  height: 292px;
  mix-blend-mode: normal;
}
.macbook-mockup {
  position: absolute;
  top: 600px;
  left: 20px;
  width: 522px;
  height: 462px;

}
.headerImg,
.main-parent {
  position: absolute;
  top: 1173px;
  left: 600px;
  width: 461px;
  height: 472px;
}
.headerImg {
  top: -424px;
  left: 875px;
  width: 1661px;
  height: 1662px;
  overflow: hidden;
}
.header-para,
.header-subtitle {
  position: absolute;
  left: 122px;
  letter-spacing: 0.05em;
  color: var(--color-gray-400);
}
.header-subtitle {
  top: 385px;
  font-size: var(--font-size-3xl);
}
.header-para {
  top: 433px;
  text-align: justify;
  display: inline-block;
  width: 696px;
}
.cimatic-labs-pvt {
  position: absolute;
  top: 175px;
  left: 125px;
  font-size: var(--font-size-3xl);
  letter-spacing: 0.09em;
  font-family: var(--font-anek-bangla);
  color: #2d2d2d;
}
.about-para {
  position: absolute;
  top: 67px;
  left: 1px;
  letter-spacing: 0.02em;
  display: inline-block;
}
.about-us {
  position: absolute;
  top: 0;
  left: 0;
  letter-spacing: 0.09em;
}
.group-child {
  position: absolute;
  top: 25px;
  left: 146px;
  max-height: 100%;
  width: 60px;
}
.about-us-parent {
  position: absolute;
  top: 0;
  left: 0;
  width: 206px;
  height: 49px;
  text-align: center;
  font-size: 26px;
  color: var(--color-steelblue);
  font-family: var(--font-anek-bangla);
}
.about-text-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 689px;
  height: 346px;
}

.contact-button {
  cursor: pointer;
  border: none;
  position: absolute;
  top: 350px;
  left: 1px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.25);
  border-radius: var(--br-lgi);
  background: linear-gradient(96.85deg, #008cd2, #00486c);
  width: 140px;
  height: 50px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-3xs);
  box-sizing: border-box;
  text-align: center;
  font-size: var(--headings-bold-16-size);
  color: var(--color-linen);
  font-family: var(--font-microsoft-sans-serif);
  transition: 0.5s;
  border: #d2d2d2 solid;
}

.contact-button:hover{
  box-shadow: -3px -3px 5px rgba(0, 0, 0, 0.25);

}

.aboutus-section,
.service-para {
  position: absolute;
  font-size: var(--font-size-lg);
  color: var(--color-gray-300);
}
.aboutus-section {
  top: 714px;
  left: 678px;
  height: 412px;
  text-align: justify;
}
.service-para {
  align-items: center;
  justify-content: center;
  top: 1352px;
  left: calc(50% - 425px);
  letter-spacing: 0.02em;
  display: inline-block;
  width: 849px;
}
.group-inner,
.group-item {
  position: absolute;
  top: 94px;
  max-height: 100%;
  width: 1196px;
}
.group-inner {
  top: 47px;
  left: 950px;
  width: 60px;
}
.our-services {
  position: absolute;
  top: 0;
  left: calc(50% - 172px);
  letter-spacing: 0.09em;
  font-weight: 300;
}
.service-header {
  display: flex;
  align-items: center;
  justify-content: center;

  position: absolute;
  top: 1239px;
  width: 100%;
  height: 94px;
  font-size: var(--font-size-31xl);
  color: var(--color-steelblue);
  font-family: var(--font-anek-bangla);
}
.group-child1 {
  position: absolute;
  top: 47px;
  left: 1020px;
  max-height: 100%;
  width: 60px;
}
.technology-stack {
  position: absolute;
  top: 0;
 
  letter-spacing: 0.09em;
  font-weight: 300;
}
.stack-header {

  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 2665px;
  width: 100%;
  height: 94px;
  font-size: var(--font-size-31xl);
  color: var(--color-steelblue);
  font-family: var(--font-anek-bangla);
}
.group-child3 {
  position: absolute;
  top: 47px;
  left: 920px;
  max-height: 100%;
  width: 60px;
}
.contact-us1 {
  position: absolute;
  top: 0;
  left: calc(50% - 146px);
  letter-spacing: 0.09em;
  font-weight: 300;
}
.contactUs-header {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 3190px;
  width: 100%;
  height: 94px;
  font-size: var(--font-size-31xl);
  color: var(--color-steelblue);
  font-family: var(--font-anek-bangla);
}
.group-child4 {
  position: absolute;
  top: 47px;
  left: 371px;
  max-height: 100%;
  width: 60px;
}
.testimonials {
  position: absolute;
  top: 0;
  left: calc(50% - 215.5px);
  letter-spacing: 0.09em;
  font-weight: 300;
}
.testimonials-header {
  position: absolute;
  top: 3947px;
  left: 545px;
  width: 431px;
  height: 93px;
  font-size: var(--font-size-31xl);
  color: var(--color-steelblue);
  font-family: var(--font-anek-bangla);
}
.card-child {
  width: 360px;
  position: relative;
  border-radius: var(--br-mini);
  height: 206px;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
  z-index: 0;
  transition: 1s;
}

.card-child:hover{
  transform: scale(1.1);
}


.card-topic {
  position: absolute;
  top: 37px;
  left: 35px;
  letter-spacing: 0.05em;
  font-weight: 600;
}
.card-topic-wrapper {
  width: 278px;
  position: absolute;
  margin: 0 !important;
  top: 138px;
  left: 41px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: var(--br-mini);
  background-color: var(--color-gray-500);
  height: 184px;
  overflow: hidden;
  flex-shrink: 0;
  z-index: 1;
}
.card-inner,
.card-item {
  width: 56px;
  position: absolute;
  margin: 0 !important;
  top: 110px;
  left: 152px;
  border-radius: 50%;
  background-color: var(--color-white);
  height: 56px;
  z-index: 2;
}
.card-inner {
  width: 46px;
  top: 115px;
  left: 157px;
  background-color: var(--color-darkslategray-200);
  height: 46px;
  z-index: 3;
}
.subwayworld-1-icon {
  width: 30px;
  position: absolute;
  margin: 0 !important;
  top: 123px;
  left: 165px;
  height: 30px;
  overflow: hidden;
  flex-shrink: 0;
  z-index: 4;
}
.card-text {
  width: 235px;
  position: absolute;
  margin: 0 !important;
  top: 218px;
  left: 62.5px;
  font-size: var(--font-size-xs);
  letter-spacing: 0.02em;
  font-family: var(--font-anek-devanagari);
  color: var(--color-gray-300);
  display: inline-block;
  height: 76px;
  flex-shrink: 0;
  z-index: 5;
}
.card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.card-topic2,
.card-topic4 {
  position: absolute;
  top: 37px;
  left: 27px;
  letter-spacing: 0.05em;
  font-weight: 600;
}
.card-topic4 {
  left: 109px;
}
.row1{
  display: flex;
  align-items: center;
  justify-content: center;
  
}
.our-services-section{
  display: grid;
  align-items: center;
  justify-content: center;

}
.row1-wrapper {
  position: absolute;
  top: 1468px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-45xl);
  font-family: var(--font-encode-sans-condensed);
}
.card-text0,
.card-topic6,
.card-topic8 {
  position: absolute;
  top: 37px;
  left: 54px;
  letter-spacing: 0.05em;
  font-weight: 600;
}
.card-text0,
.card-topic8 {
  left: 29px;
}
.card-text0 {
  left: 79px;
}
.card-group {
  position: absolute;
  top: 1856px;
  left: calc(50% - 604px);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-45xl);
  font-family: var(--font-encode-sans-condensed);
}
.card-text4 {
  position: absolute;
  top: 37px;
  left: 59px;
  letter-spacing: 0.05em;
  font-weight: 600;
}
.card-container {
  position: absolute;
  top: 2244px;
  left: calc(50% - 394px);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-45xl);
  font-family: var(--font-encode-sans-condensed);
}
.g3484-icon,
.landing-page-inner,
.landing-page-item {
  position: absolute;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.landing-page-item {
  height: 5.18%;
  width: 16.04%;
  top: 8.07%;
  right: 33.47%;
  bottom: 86.76%;
  left: 50.49%;
  object-fit: contain;
}
.g3484-icon,
.landing-page-inner {
  height: 0.57%;
  width: 2.87%;
  top: 7.86%;
  right: 49.98%;
  bottom: 91.57%;
  left: 47.15%;
}
.g3484-icon {
  height: 0.28%;
  width: 1.03%;
  top: 3.6%;
  right: 92.17%;
  bottom: 96.13%;
  left: 6.81%;
  object-fit: cover;
}
.group-icon,
.landing-page-child1,
.landing-page-child2,
.backimg3,
.backimg4,
.backimg5 {
  position: absolute;
  height: 0.35%;
  width: 1.31%;
  top: 11.69%;
  right: 86.05%;
  bottom: 87.96%;
  left: 12.64%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.landing-page-child1,
.landing-page-child2,
.backimg3,
.backimg4,
.backimg5 {
  top: 3.61%;
  right: 63.48%;
  bottom: 96.04%;
  left: 35.21%;
}
.landing-page-child2,
.backimg3,
.backimg4,
.backimg5 {
  top: 11.33%;
  right: 4.17%;
  bottom: 88.32%;
  left: 94.51%;
}
.backimg3,
.backimg4,
.backimg5 {
  height: 0.22%;
  width: 0.76%;
  top: 3.84%;
  right: 31.67%;
  bottom: 95.94%;
  left: 67.57%;
}
.backimg4,
.backimg5 {
  height: 0.48%;
  width: 1.77%;
  top: 4.04%;
  right: 9.9%;
  bottom: 95.48%;
  left: 88.33%;
}
.backimg5 {
  top: 10.37%;
  right: 54.2%;
  bottom: 89.16%;
  left: 44.03%;
}
.about-Img-outline,
.about-Img {
  position: absolute;
  border-radius: var(--br-11xl);
  overflow: hidden;
}
.about-Img-outline {
  height: 96.75%;
  width: 94.09%;
  top: 3.25%;
  right: 5.91%;
  bottom: 0;
  left: 0;
  border: 5px solid var(--color-orangered);
  box-sizing: border-box;
}
.about-Img {
  height: 93.74%;
  width: 93.86%;
  top: 0;
  right: 0;
  bottom: 6.26%;
  left: 6%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  transition: 1s;
}

.about-Img:hover {
  top: -10px;
  left: 7%;
}


.about-Img-wrapper {
  position: absolute;
  top: 708px;
  left: 122px;
  width: 440px;
  height: 431px;
}
.frame-child {
  width: 100px;
  position: relative;
  height: 100px;
  object-fit: cover;
}
.languages-row {
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0px;
  display: flex;
  flex-direction: row;
  gap: 55px;
}
.languages-row2 {
  position: absolute;
  top: 150px;
  left: 300px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 55px;
}

.languages-wrapper {
  position: absolute;
  top: 2820px;
  width: 100%;
  height: 350px;
  overflow: hidden;
}
.icon,
.icon1,
.icon2 {
  position: absolute;
  top: 0;
  left: 977px;
  border-radius: var(--br-xl);
  width: 612px;
  height: 529px;
  object-fit: cover;
}
.icon1,
.icon2 {
  left: 211px;
  width: 843px;
}
.icon2 {
  left: 0;
  width: 275px;
}
.picture {
  width: 1589px;
  position: relative;
  height: 529px;
  z-index: 0;
}
.rectangle-div {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: var(--br-xl);
  border: 1px solid var(--color-darkslategray-200);
  box-sizing: border-box;
  width: 467px;
  height: 442px;
}
.get-in-touch {
  position: absolute;
  top: 21px;
  left: 134px;
  font-size: 34px;
  letter-spacing: 0.01em;
  line-height: 186.68%;
  font-weight: 500;
  font-family: var(--font-anek-bangla);
  color: var(--color-black);
}
.contactUs-text {
  position: absolute;
  top: 94px;
  left: 32px;
  font-size: var(--headings-bold-16-size);
  letter-spacing: 0.02em;
  display: inline-block;
  width: 405px;
  height: 76px;
}
.abc-road-colombo,
.div,
.div1,
.contact-email {
  position: absolute;
  top: 215px;
  left: 102px;
  letter-spacing: 0.02em;
}
.div,
.div1,
.contact-email {
  top: 220px;
}
.div,
.div1 {
  top: 285px;
  left: 101px;
  letter-spacing: 0.32em;
}
.div1 {
  top: 310px;
  left: 100px;
  letter-spacing: 0.25em;
}
.basillocation-solid-icon,
.fluentcall-20-filled-icon,
.majesticonsmail {
  position: absolute;
  top: 218px;
  left: 55px;
  width: 24px;
  height: 24px;
  overflow: hidden;
}
.fluentcall-20-filled-icon,
.majesticonsmail {
  top: 222px;
}
.fluentcall-20-filled-icon {
  top: 300px;
  left: 57px;
  width: 20px;
  height: 20px;
}
.rectangle-group {
  width: 467px;
  position: absolute;
  margin: 0 !important;
  top: 44px;
  left: 851px;
  height: 442px;
  z-index: 1;
}
.contactus {
  position: absolute;
  top: 3311px;
  left: -89px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-3xs);
  font-size: var(--font-size-lg);
  color: var(--color-gray-300);
}
.child {
  position: absolute;
  top: 0;
  left: calc(50% - 465.5px);
  box-shadow: 1px 3px 5px 6px rgba(0, 0, 0, 0.25);
  border-radius: var(--br-xl);
  background-color: var(--color-white);
  width: 931px;
  height: 451.2px;
}
.review1 {
  position: absolute;
  top: 120px;
  left: 395px;
  display: inline-block;
  width: 450px;
  height: 141.6px;
}
.comma-up,
.comma-down {
  position: absolute;
  top: 90px;
  left: 341.2px;
  width: 37.7px;
  height: 28.2px;
  object-fit: cover;
}
.comma-down {
  top: 268.2px;
  left: 858.7px;
  width: 41.6px;
  height: 28.5px;
  object-fit: contain;
}
.testimonial-name {
  position: absolute;
  top: 359.3px;
  left: 124.2px;
  font-size: var(--font-size-xl);
  color: var(--color-mediumblue);
}
.testimonial-occupation {
  position: absolute;
  top: 398.5px;
  left: 67.8px;
  display: inline-block;
  width: 242.5px;
  height: 37.7px;
  opacity: 0.9;
}
.testimonial-img {
  position: absolute;
  top: 71.6px;
  left: 37.7px;
  border-radius: var(--br-48xl);
  width: 279.5px;
  height: 270.4px;
  object-fit: cover;
}




.child3,
.star2,
.star3,
.star4,
.inner {
  position: absolute;
  top: 312.6px;
  left: 530px;
  width: 24.1px;
  height: 29.4px;
}
.star2{
  left: 570px;
}
.star3{
  left: 610px;
}
.star4{
  left: 650px;
}
.testimonials-card-wrapper {
  width: 931px;
  position: relative;
  height: 451.2px;
}


.manupa-bimsara {
  position: absolute;
  top: 359.3px;
  left: 113.2px;
  font-size: var(--font-size-xl);
  color: var(--color-mediumblue);
}
.div4 {
  width: 931px;
  position: relative;
  filter: blur(8px);
  height: 451.2px;
  z-index: 2;
}
.leftarrow-child {
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 4px 2px 7px 1px rgba(0, 0, 0, 0.25);
  border-radius: var(--br-xl);
  background-color: var(--color-snow);
  width: 48.2px;
  height: 50.5px;
}
.leftarrow-item {
  position: absolute;
  top: 26.1px;
  left: 12.8px;
  width: 22.6px;
  height: 0.5px;
  object-fit: contain;
}
.leftarrow {
  width: 48.2px;
  position: absolute;
  margin: 0 !important;
  top: 200px;
  left: 947px;
  height: 50.5px;
  z-index: 3;
}
.right-arrow-child {
  position: absolute;
  top: 0;
  left: 45.9px;
  box-shadow: 4px 2px 7px 1px rgba(0, 0, 0, 0.25);
  border-radius: var(--br-xl);
  background-color: var(--color-snow);
  width: 45.9px;
  height: 51.2px;
  transform: rotate(180deg);
  transform-origin: 0 0;
}
.right-arrow-item {
  position: absolute;
  top: 24.9px;
  left: 12.8px;
  width: 21.6px;
  height: 0.5px;
  object-fit: contain;
}
.right-arrow {
  width: 45.9px;
  position: absolute;
  margin: 0 !important;
  top: 200px;
  left: 1915px;
  height: 51.2px;
  z-index: 4;
}
.testimonials-card-outline {
  position: relative;
  top: 10px;
  left:0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.testimonials-card,
.testimonials-para {
  position: absolute;
  letter-spacing: 0.07em;
}
.testimonials-card {
  top: 4163px;
  width: 100%;
  height: 480px;
  overflow: hidden;
 
}
.testimonials-para {
  top: 4056px;
  left: calc(50% - 572px);

  white-space: pre-wrap;
  display: inline-block;
  width: 1144px;
  height: 85px;
}
.background-img1,
.background-img2 {
  position: absolute;
  bottom: 59px;
  left: 0;
  width: 1986px;
  height: 599px;
}
.background-img2 {
  bottom: 0;
  left: 13px;
  width: 1965px;
  height: 635px;
}
.communication-call {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  object-fit: cover;
}
.phone {
  position: absolute;
  top: 440px;
  left: 1176px;
  width: 161px;
  height: 25px;
}
.ourstudiohellocom {
  position: absolute;
  top: 1px;
  left: 40px;
  line-height: 150%;
}
.address,
.email {
  position: absolute;
  top: 440px;
  left: 942px;
  width: 194px;
  height: 25px;
}
.address {
  left: 680px;
  width: 222px;
  height: 49px;
}
.copyright-cimatic-labs {
  position: absolute;
  top: 440px;
  left: 104px;
  line-height: 150%;
  color: #283646;
}

.behance-icon,
.fb-icon,
.instagram-icon {
  position: absolute;
  top: 160px;
  left: 112px;
  width: 40px;
  height: 40px;
}
.behance-icon,
.fb-icon {
  left: 56px;
}
.fb-icon {
  left: 0;
}
.join {
  text-decoration: none;
  border: none;
  fill: none;
  position: relative;
  line-height: 150%;
  font-weight: 500;
}
.contact-button-wrapper {
  position: absolute;
  cursor: pointer;
  top: 83px;
  left: 313px;
  border: none;
  border-radius: 8px;
  background-color: #3a86ff;
  display: flex;
  align-items: center;
  padding: var(--padding-base) 48px;
  font-size: var(--paragraph-medium-14-size);
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.25);

  color: white;
  font-size: medium;
  letter-spacing: 0.1em;
  transition: 0.5s;
}
.contact-button-wrapper:hover{
 
  box-shadow: -2px -2px 1px rgba(0, 0, 0, 0.25);
}
.form,
.your-email {
  position: absolute;
  left: 0;
}
.form {
  border: 1px solid var(--color-darkslategray-200);
  outline: 0;
  font-family: var(--paragraph-regular-16);
  font-size: var(--headings-bold-16-size);
  background-color: #cfcfcf;
  top: 32px;
  border-radius: var(--br-3xs);
  box-sizing: border-box;
  width: 296px;
  height: 56px;
  padding: var(--padding-base);
  color: #77808b;
}
.your-email {
  top: 0;
  line-height: 150%;
}
.email1,
.join-our-team {
  position: absolute;
  left: 1px;
}
.email1 {
  top: 48px;
  width: 296px;
  height: 88px;
  color: var(--color-gray-200);
}
.join-our-team {
  top: 0;
  line-height: 22px;
  font-family: var(--headings-bold-16);
  color: var(--color-orangered);
}
.section-04 {
  position: absolute;
  top: 24px;
  left: 757px;
  width: 437px;
  height: 200px;
  color: var(--color-white);
}
.service {
  cursor: pointer;
  margin-block-start: 0;
  margin-block-end: 16px;
}
.service-features-container {
  position: absolute;
  top: 48px;
  left: 0;
  line-height: 150%;
  font-weight: 500;
}
.footer-topics {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 22px;
  font-family: var(--headings-bold-16);
  color: var(--color-orangered);
}
.section-02,
.section-03 {
  position: absolute;
  top: 24px;
  left: 550px;
  width: 150px;
  height: 272px;
}
.section-02 {
  left: 310px;
  width: 190px;
}
.ourstudio-is-a-container {
  position: absolute;
  top: 72px;
  left: 30px;
  line-height: 150%;
}
.vector-icon1,
.vector-icon2 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 36.54%;
  bottom: 0;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.vector-icon2 {
  width: 40px;
  right: 83.48%;
}
.cimatic-labs-pvt1 {
  position: absolute;
  top: 27.04%;
  left: 10%;
  color: #000;
  width: 100%;
}
.footer-logo-wrapper,
.group {
  position: absolute;
  left: 0;
}
.group {
  
  height: 54.82%;
  width: 100%;
  top: 22.68%;
  right: 12.98%;
  bottom: 22.5%;
}
.footer-logo-wrapper {
  top: 70px;
  height: 156px;
  overflow: hidden;
  color: var(--color-orangered);
  font-family: var(--headings-bold-16);
}
.footer-logo{
  height: inherit;
}
.footer-container {
  position: absolute;
  top: 90px;
  left: 150px;
  width: 1194px;
  height: 296px;
}
.footer-text {
  position: absolute;
  bottom: 100px;
  left: 223px;
  border-radius: var(--br-3xs);
  width: 1440px;
  height: 481.5px;
  overflow: hidden;
}
.foooter {
  bottom: -59px;
  left: -223px;
  width: 1986px;
  height: 658px;
  text-align: left;
  color: var(--color-gray-200);
  font-family: var(--paragraph-regular-16);
}
.cimatic,
.foooter {
  position: absolute;
}

.cimatic-parent {
  position: relative;
  display: inline;
  align-items: center;
  justify-content: center;
  width: 204px;
  height: 40px;
  left: -520px;
  top: 5px;
}
.logoImg{
  position: relative;
  top: 2px;
  height: inherit;
  height: 38px;
}
.logoImg2{
  height: inherit;
  height: 20px;
}
.logoText{
  position: relative;
  top:-10px;
  color: #163448;
  font-size: 14px;
  
}
.logoText2{
  position: relative;
  top:-15px;
  color: #163448;
  font-size: 8px;
  
}
.home {
  position: absolute;
  top: 0;
  left: 0;
  font-size: var(--font-size-lg);
  font-family: var(--font-microsoft-sans-serif);
  color: var(--color-darkslategray-100);
  text-align: center;
  transition: 1s;
}
.home:hover{
color: #ff5c01;
font-weight: bold;
}

.component-1,
.component-2,
.component-3 {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: transparent;
  width: 49px;
  position: relative;
  height: 20px;
}
.component-2,
.component-3 {
  width: 71px;
}
.component-3 {
  width: 64px;
}
.component-1-parent {
  position: absolute;
  top: calc(50% - 10.5px);
  left: calc(50% - 237px);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 80px;
}
.iconoirsearch,
.navbar-child {
  position: absolute;
  overflow: hidden;
}
.navbar-child {
  top: calc(50% - 14.5px);
  left: 1021px;
  max-width: 100%;
  height: 28px;
}
.iconoirsearch {
  top: calc(50% - 12.5px);
  left: 981px;
  width: 24px;
  height: 24px;
}
.contact-us3 {
  position: relative;
  font-size: var(--headings-bold-16-size);
  font-family: var(--font-microsoft-sans-serif);
  color: var(--color-linen);
  text-align: center;
}
.component-61 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-3xs);
  background-color: transparent;
  position: absolute;
  top: calc(50% - 18.5px);
  left: 1046px;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.25);
  border-radius: var(--br-lgi);
  background: linear-gradient(96.85deg, #008cd2, #00486c);
  width: 130px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.landing-page,
.navbar {
  background-color: var(--color-white);
  overflow: hidden;
}
.navbar {
  position: fixed;
  z-index: 6;
  top: 39px;
  left: calc(50% - 598px);
  box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  width: 1196px;
  height: 75px;
  font-size: 25px;
  color: transparent;
  font-family: var(--font-poppins);
}
.landing-page {
  width: 100%;
  position: relative;
  border-radius: var(--br-xl);
  height: 5361px;
  text-align: center;
  font-size: var(--headings-bold-16-size);
  color: var(--color-black);
  font-family: var(--font-anek-devanagari);
}