a,
   button,
   input,
   select,
   h1,
   h2,
   h3,
   h4,
   h5,
   * {
       box-sizing: border-box;
       margin: 0;
       padding: 0;
       border: none;
       text-decoration: none;
       background: none;
   
       -webkit-font-smoothing: antialiased;
   }
          .component-in { 
    height: 149px;
    position: relative;
    top: 425px;
}
   menu, ol, ul {
       list-style-type: none;
       margin: 0;
       padding: 0;
   }
.mac-book-air-1,
.mac-book-air-1 * {
  box-sizing: border-box;
}
    .component-ren {
        height: 149px;
        position: relative;
        top: 58px;
    }
.mac-book-air-1 {
  background: #ffffff;
}
.the {
  color: #000000;
  text-align: left;
  font-family: "Inter-ThinItalic", sans-serif;
  font-size: 18px;
  font-weight: 100;
  font-style: italic;
  position: absolute;
    left: 70px;
    top: 64px;
}
.p-1 {
  color: #737373;
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 28px;
  font-weight: 400;
  position: absolute;
      left: 67px;
    top: 84px;
}
.rest-p{
  font-family: "Inter-Regular", sans-serif;
}
.text-italic {
  font-family: auto;
  font-weight: 100;
  font-style: italic;
}
.para-start {
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 15px;
  font-weight: 400;
  position: absolute;
  left: 93px;
  top: 236px;
}
.para {
  color: #b5b5b5;
}
.name-p {
  color: #767676;
}
.click-p {
  color: #3c91ff;
}

.rectangle-2 {
  background: #ffffff;
  border-radius: 4px;
  width: 10.88%;
  height: 5.37%;
  position: absolute;
  right: 89.12%;
  left: 0%;
  bottom: 94.63%;
  top: 0%;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.rectangle-3 {
  background: #eaffe5;
  border-radius: 4px;
  width: 0.78%;
  height: 5.37%;
  position: absolute;
  right: 73.92%;
  left: 25.29%;
  bottom: 94.63%;
  top: 0%;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.rectangle-4 {
  background: #fff3e5;
  border-radius: 4px;
  width: 10.88%;
  height: 5.37%;
  position: absolute;
  right: 37.55%;
  left: 51.57%;
  bottom: 94.63%;
  top: 0%;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.rectangle-6 {
  background: #c3f4b8;
  border-radius: 4px;
  width: 0.78%;
  height: 5.37%;
  position: absolute;
  right: 47.16%;
  left: 52.06%;
  bottom: 94.63%;
  top: 0%;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.rectangle-5 {
  background: #edcfe5;
  border-radius: 4px;
  width: 10.88%;
  height: 5.37%;
  position: absolute;
  right: 3.53%;
  left: 85.59%;
  bottom: 94.63%;
  top: 0%;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.rectangle-7 {
  background: #ffe19f;
  border-radius: 4px;
  width: 0.78%;
  height: 5.37%;
  position: absolute;
  right: 2.25%;
  left: 96.96%;
  bottom: 94.63%;
  top: 0%;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.rectangle-8 {
  background: #ff0000;
  border-radius: 4px;
  width: 0.78%;
  height: 5.37%;
  position: absolute;
  right: 47.16%;
  left: 52.06%;
  bottom: 94.63%;
  top: 0%;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.unsense1 a {
  color: #737373;
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 28px;
  font-weight: 400;
  position: absolute;
  left: 0.2%;
  bottom: 51.68%;
  top: 25.5%;
  height: 22.82%;
}
.unsense1-span2 {
  font-family: "Inter-Regular", sans-serif;
}
.unsense a {
  color: #737373;
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 28px;
  font-weight: 400;
  position: absolute;
  left: 0.2%;
  bottom: 51.68%;
  top: 25.5%;
  height: 22.82%;
}
.widget1-head{
  font-family: "Inter-ThinItalic", sans-serif;
  font-weight: 100;
  font-style: italic;
}
.unsense-span2 {
  font-family: "Inter-Regular", sans-serif;
}
.the-view a{
  color: #737373;
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 28px;
  font-weight: 400;
  position: absolute;
  right: 63.53%;
  left: 25.49%;
  width: 10.98%;
  bottom: 51.68%;
  top: 25.5%;
  height: 22.82%;
}
.widget1-head {
  font-family: "Inter-ThinItalic", sans-serif;
  font-weight: 100;
  font-style: italic;
}
.the-view-span2 {
  font-family: "Inter-Regular", sans-serif;
}
.everything-nothing a {
  color: #737373;
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 28px;
  font-weight: 400;
  position: absolute;
  right: 23.04%;
  left: 51.57%;
  width: 25.39%;
  bottom: 51.68%;
  top: 25.5%;
  height: 22.82%;
}
.widget1-head  {
  font-family: "Inter-ThinItalic", sans-serif;
  font-weight: 100;
  font-style: italic;
}
.everything-nothing-span2 {
  font-family: "Inter-Regular", sans-serif;
}
.the-spark a {
  color: #737373;
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 28px;
  font-weight: 400;
  position: absolute;
  right: 2.25%;
  left: 85.59%;
  width: 12.16%;
  bottom: 51.68%;
  top: 25.5%;
  height: 22.82%;
}
.widget1-head  {
  font-family: "Inter-ThinItalic", sans-serif;
  font-weight: 100;
  font-style: italic;
}
.the-spark-span2 {
  font-family: "Inter-Regular", sans-serif;
}
.widget {
  color: #737373;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 19px;
  font-weight: 400;
  position: absolute;
  right: 83.14%;
  left: 0.2%;
  width: 16.67%;
  bottom: 0%;
  top: 53.69%;
  height: 46.31%;
}
.widget2 {
  color: #737373;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 19px;
  font-weight: 400;
  position: absolute;
  right: 59.71%;
  left: 25.49%;
  width: 14.8%;
  bottom: 0%;
  top: 53.69%;
  height: 46.31%;
}
.widget3 {
  color: #737373;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 19px;
  font-weight: 400;
  position: absolute;
  right: 21.27%;
  left: 51.57%;
  width: 27.16%;
  bottom: 0%;
  top: 53.69%;
  height: 46.31%;
}
.widget4 {
  color: #737373;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 19px;
  font-weight: 400;
  position: absolute;
  right: 0%;
  left: 85.59%;
  width: 14.41%;
  bottom: 15.44%;
  top: 53.69%;
  height: 30.87%;
}
.mac-book-air-2,
.mac-book-air-2 * {
  box-sizing: border-box;
}
.mac-book-air-2 {
  background: #eaffe5;
}
.component-1 {
  height: 149px;
  position: relative;
  top: 498px;
}
.component-2 {
  height: 149px;
  position: relative;
}
    .to-work-not-available {
        color: #737373;
        text-align: left;
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 134px;
        font-weight: normal;
        position: relative;
        left: 0px;
        top: 184px;
    }
.rectangle-2 {
  background: #ffffff;
  border-radius: 4px;
  width: 10.88%;
  height: 5.37%;
  position: absolute;
  right: 89.12%;
  left: 0%;
  bottom: 94.63%;
  top: 0%;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}


.text-first {
  color: #737373;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 19px;
  font-weight: 400;
  position: absolute;
  right: 83.14%;
  left: 0.2%;
  width: 16.67%;
  bottom: 0%;
  top: 53.69%;
  height: 46.31%;
}
.curious {
  color: #737373;
  text-align: left;
  font-family: "Inter-ExtraLightItalic", sans-serif;
  font-size: 100px;
  letter-spacing: -0.04em;
  font-weight: 200;
  font-style: italic;
  position: absolute;
  left: 243px;
  top: 90px;
}
.case {
  color: #737373;
  text-align: left;
  font-family: "Inter-ExtraLightItalic", sans-serif;
  font-size: 100px;
  letter-spacing: -0.04em;
  font-weight: 200;
  font-style: italic;
  position: absolute;
  left: 245px;
  top: 160px;
}
.conversationalist {
  color: #737373;
  text-align: left;
  font-family: "Inter-ExtraLightItalic", sans-serif;
  font-size: 24px;
  letter-spacing: -0.04em;
  font-weight: 200;
  font-style: italic;
  position: absolute;
left: 489px;
    line-height: 24px;
    top: 218px;
}
.conversationalist-p {
  color: #737373;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 15px;
  font-weight: 400;
  position: absolute;
  left: 489px;
  top: 300px;
}
.left-text{
  color: #737373;
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 15px;
  font-weight: 400;
  position: absolute;
  left: 842px;
  top: 90px;
}
.right-text {
  font-family: "Inter-Regular", sans-serif;
}
.group-1 {
  width: 50px;
  height: 50px;
  position: absolute;
  left: 1161px;
  top: 14px;
  overflow: visible;
}
* {box-sizing: border-box}
body {font-family: "Lato", sans-serif;}

/* Style the tab */
.tab {

}

/* Style the buttons inside the tab */
.tab button {
  display: block;
  background-color: inherit;
  color: #BFBFBF;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size:42px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  color: #BFBFBF;
}

/* Create an active/current "tab button" class */
.tab button.active {
  color: #737373;
}

/* Style the tab content */
.tabcontent {
  padding: 0px 12px;
}


.mac-book-air-7 {
  background: #fff3e5;

}
.component-5 {
    height: 149px;
    position: relative;
    top: 155px;
}
.component-3 {
   height: 149px;
  position: relative;
  top: 455px;
}
.rectangle-4-available {
  background: #a0e391;
  border-radius: 4px;
  width: 10.88%;
  height: 5.37%;
  position: absolute;
  right: 37.55%;
  left: 51.57%;
  bottom: 94.63%;
  top: 0%;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.rectangle-6-available {
  background: #fff3e5;
  border-radius: 4px;
  width: 0.78%;
  height: 5.37%;
  position: absolute;
  right: 47.16%;
  left: 52.06%;
  bottom: 94.63%;
  top: 0%;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.everything-nothing 1{
  color: #737373;
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 28px;
  font-weight: 400;
  position: absolute;
  right: 23.04%;
  left: 51.57%;
  width: 25.39%;
  bottom: 51.68%;
  top: 25.5%;
  height: 22.82%;
}
.everything-nothing-span {
  font-family: "Inter-ThinItalic", sans-serif;
  font-weight: 100;
  font-style: italic;
}
.everything-nothing-span2 {
  font-family: "Inter-Regular", sans-serif;
}
.widget3-available {
  color: #737373;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 19px;
  font-weight: 400;
  position: absolute;
  right: 21.27%;
  left: 51.57%;
  width: 27.16%;
  bottom: 0%;
  top: 53.69%;
  height: 46.31%;
}
.widget3-not-available {
  color: #737373;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 19px;
  font-weight: 400;
  position: absolute;
  right: 21.27%;
  left: 51.57%;
  width: 27.16%;
  bottom: 0%;
  top: 33.69%;
  height: 46.31%;
}
.available {
  color: #a0e391;
  text-align: left;
  font-family: "Inter-ExtraLight", sans-serif;
  font-size: 200px;
  font-weight: 200;
  position: absolute;
  left: 111px;
  top: 11px;
}

.to-work {
  color: #737373;
  text-align: left;
  font-family: "Inter-ExtraLight", sans-serif;
  font-size: 200px;
  font-weight: 200;
  position: absolute;
  right: 0px;
  top: 173px;
}
.rectangle-available {
  background: #a0e391;
  border-radius: 34px;
  width: 240px;
  height: 68px;
  position: absolute;
  left: 331px;
  top: 457px;
}
.get-in-touch-available {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 25px;
  font-weight: 400;
  position: absolute;
  left: 380px;
  top: 472px;
}

.component-4 {
    height: 149px;
    position: relative;
    top: 529px;
}

.rectangle-4-not-available {
  background: #ee7c71;
  border-radius: 4px;
  width: 10.88%;
  height: 5.37%;
  position: absolute;
  right: 37.55%;
  left: 51.57%;
  bottom: 94.63%;
  top: -16%;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.rectangle-6-not-available {
  background: #fff3e5;
  border-radius: 4px;
  width: 0.78%;
  height: 5.37%;
  position: absolute;
  right: 47.16%;
  left: 52.06%;
  bottom: 94.63%;
  top: -16%;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.everything-nothing1 {
  color: #737373;
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 28px;
  font-weight: 400;
  position: absolute;
  right: 22.84%;
  left: 51.57%;
  width: 25.59%;
  bottom: 51.68%;
  top: 25.5%;
  height: 22.82%;
}
.everything-nothing1-not-available {
  color: #737373;
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 28px;
  font-weight: 400;
  position: absolute;
  right: 22.84%;
  left: 51.57%;
  width: 25.59%;
  bottom: 51.68%;
  top: 0;
  height: 22.82%;
}
.everything-nothing-span {
  font-family: "Inter-Regular", sans-serif;
}
.everything-nothing-span2 {
  font-family: "Inter-ThinItalic", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.not-available {
  color: #ee7c71;
  text-align: left;
  font-family: "Inter-ExtraLight", sans-serif;
  font-size: 181px;
  font-weight: 200;
  position: absolute;
  left: 61px;
  top: 26px;
}
.hey-apologies-i-am {
  color: #737373;
  text-align: left;
  font-family: "Inter-ExtraLight", sans-serif;
  font-size: 35px;
  font-weight: 200;
  position: absolute;
  left: 74px;
  top: 48px;
}
.but-i-would-like-to-know-the-brief-anyway {
  color: #737373;
  text-align: left;
  font-family: "Inter-ExtraLight", sans-serif;
  font-size: 35px;
  font-weight: 200;
  position: absolute;
  left: 331px;
  top: 413px;
}
.rectangle-not-available {
  background: #a0e391;
  border-radius: 34px;
  width: 240px;
  height: 68px;
  position: absolute;
  left: 331px;
  top: 489px;
}
.get-in-touch-not-available {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 25px;
  font-weight: 400;
  position: absolute;
  left: 380px;
  top: 504px;
}
.to-work {
  color: #737373;
  text-align: left;
  font-family: "Inter-ExtraLight", sans-serif;
  font-size: 184px;
  font-weight: 200;
  position: absolute;
  left: 30rem;
  top: 174px;
}
.div {
  color: #737373;
  text-align: left;
  font-family: "Inter-Thin", sans-serif;
    font-size: 166px;
    font-weight: 100;
    position: absolute;
    left: 770px;
    top: 191px;
}
.div2 {
  color: #737373;
  text-align: left;
  font-family: "Inter-Thin", sans-serif;
  font-size: 166px;
  font-weight: 100;
  position: absolute;
  left: 1010px;
  top: 191px;
}
.for-the-time-being {
  color: #737373;
  text-align: left;
  font-family: "Inter-Light", sans-serif;
  font-size: 25px;
      line-height: 30px;
    position: absolute;
    left: 864px;
    top: 303px;
  width: 220px;
  height: 29px;
}


.mac-book-air-9 {
  background: #ffffff;
  position: relative;
}

.rectangle-5-rendezvous {
  background: #edcfe5;
  border-radius: 4px;
  width: 10.88%;
  height: 5.37%;
  position: absolute;
  right: 3.53%;
  left: 85.59%;
  bottom: 94.63%;
  top: 0%;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.rectangle-7-rendezvous {
  background: #ffe19f;
  border-radius: 4px;
  width: 0.78%;
  height: 5.37%;
  position: absolute;
  right: 2.25%;
  left: 96.96%;
  bottom: 94.63%;
  top: 0%;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.the-spark1  {
  color: #737373;
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 28px;
  font-weight: 400;
  position: absolute;
  right: 2.25%;
  left: 85.59%;
  width: 12.16%;
  bottom: 51.68%;
  top: 25.5%;
  height: 22.82%;
}
.the-spark1 a {
  color: #737373;
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 28px;
  font-weight: 400;
  position: absolute;
  right: 2.25%;
  left: 85.59%;
  width: 12.16%;
  bottom: 51.68%;
  top: 25.5%;
  height: 22.82%;
}
.the-spark1-span {
  font-family: "Inter-ThinItalic", sans-serif;
  font-weight: 100;
  font-style: italic;
}
.the-spark1-span2 {
  font-family: "Inter-Regular", sans-serif;
}
.let-the-designer-get-to-know-you {
  color: #737373;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 19px;
  font-weight: 400;
  position: absolute;
  right: 0%;
  left: 85.59%;
  width: 14.41%;
  bottom: 15.44%;
  top: 53.69%;
  height: 30.87%;
}
.let-s-rendezvous {
  color: #edcfe5;
  text-align: left;
  font-family: "Inter-ExtraLight", sans-serif;
  font-size: 166px;
  line-height: 150px;
  font-weight: 200;
  position: relative;
  top: 78px;
}
.drop-in-your-email-id-and-i-will-get-back-to-you {
  color: #141414;
  text-align: left;
  font-family: "Inter-ExtraLight", sans-serif;
  font-size: 30px;
  line-height: 150px;
  font-weight: 200;
  position: absolute;
  left: 166px;
  top: 356px;
}
.rectangle-11 {
  background: #fff3da;
  border-radius: 34px;
  width: 730px;
  height: 68px;
  position: absolute;
  left: 150px;
  top: 31rem;
}
.type-your-email-id-here {
  color: #7c7c7c;
  text-align: left;
  font-family: "Inter-ExtraLight", sans-serif;
  font-size: 22px;
  line-height: 150px;
  font-weight: 200;
  position: absolute;
  left: 194px;
  top: 28rem;
}
.rectangle-10-rendezvous {
  background: #edcfe5;
  border-radius: 34px;
  width: 219px;
  height: 62px;
    position: relative;
    float: right;
    top: 55%;
    right: 32%;
}
.send {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  line-height: 150px;
  font-weight: 400;
  position: absolute;
    left: 752px;
    top: 455px;
}
.mobileshow {display:none;}