@media only screen and (max-device-width: 480px)
{
 
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 400px;
	}
	.slider {
        max-width: 97%;
        width: 97%;
        /* margin: auto; */
        overflow: hidden;
        position: relative;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.slides {
     display: flex;
    transition: transform 0.5s ease-in-out;
}
.slide {
  flex: 0 0 100%; /* fixed width for each slide */
  box-sizing: border-box;
  padding: 15px 10px;
}
    .slide h3 {
      margin-top: 0;
      color: #333;
    }

.slide p {
  font-size: 14px;
  padding: 10px 0;
  max-width: 100%;
  margin: 0 auto;
  color: #555;
  line-height: 1.5;
  text-align: justify;
  word-wrap: break-word;
}

    .arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background-color: rgba(0, 0, 0, 0.5);
      border: none;
      color: #fff;
      font-size: 14px;
      padding: 8px 12px;
      cursor: pointer;
      z-index: 10;
      border-radius: 50%;
    }

    .arrow.left {
      left: 10px;
    }

 
    .arrow:hover {
      background-color: rgba(0, 0, 0, 0.8);
    }
	.arrow.right {
    right: 27px;
}
	.component-showinterest
	{        height: 149px;
        position: relative;
        top: 78px;
		}
		.shareid{color: #edcfe5;
		                top: 8%;
        text-align: left;
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 29px;
        padding: 0px 10px;
        line-height: 37px;
        font-weight: 200;
        position: relative;}
		.text-inbox2 {         font-size: 14px;
        line-height: 25px;
        padding-top: 15%;}
	.text12 {font-size: 14px;
        line-height: 23px;
        padding-top: 5%;}
	.showinterest {
		color: #edcfe5;
		        top: 8%;
        text-align: left;
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 44px;
        padding: 0 20px;
        line-height: 51px;
        font-weight: 200;
        position: relative;
		}
	    .resend-btn {
        color: #ffffff;
        text-align: center;
        font-family: "Inter-Regular", sans-serif;
        font-size: 20px;
        line-height: 0px;
        background: #edcfe5;
        border-radius: 34px;
        width: 100%;
        height: 60px;
        position: relative;
        left: 0px;
        top: 25px;
        font-weight: 400;
    }
	.text-inbox {   font-size: 28px;
        line-height: 34px;
        padding-top: 15%;}
	.text11 {font-size: 21px;
        line-height: 23px;
        padding-top: 5%;}
.component-in { 
    height: 149px;
    position: relative;
    top: 30px;
}
	.tab {

}
.pt-8 {
    padding-top: 4rem !important;
}
/* 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:29px;
}

/* 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;
}

			.component-ren {
    height: 149px;
    position: relative;
    top: 40px;
}
		.component-5 {
    height: 149px;
    position: relative;
    top: 148px;
}
			.component-6 {
    height: 149px;
    position: relative;
    top: 80px;
}
		.component-2 {
    height: 149px;
    position: relative;
    top: 80px;
}
	.to-work-not-available {
    color: #737373;
        text-align: left;
        font-family: "Inter-ExtraLight", sans-serif;
              font-size: 39px;
        font-weight: normal;
        position: relative;
        left: 0;
		float: left;
        top: 24px;
}
    .curious { line-height: 47px; top: 53px;}

	.let-s-rendezvous {
    color: #edcfe5;
    text-align: left;
    font-family: "Inter-ExtraLight", sans-serif;
            font-size: 46px;
        padding: 0 0px;
        line-height: 47px;
    font-weight: 200;
    position: relative;
}
.drop-in-your-email-id-and-i-will-get-back-to-you
 {
    color: #737373;
    text-align: left;
    font-family: "Inter-ExtraLight", sans-serif;
    font-size: 30px;
	padding: 0 0px;
    line-height: 40px;
    font-weight: 100;
    position: relative;
	left:0px !important;
	top:97px!important;
}
.rectangle-11 {
    background: #fff3da;
    border-radius: 34px;
    width: 100%;	
	padding: 0 20px;
    height: 60px;
    position: relative;
    left: 0px;
    top: 115px;
}
.type-your-email-id-here {
    color: #7c7c7c;
    text-align: center;
    font-family: "Inter-ExtraLight", sans-serif;
    font-size: 20px;
    line-height: 150px;
    font-weight: 200;
    position: relative;
    left: 0px;
    top: 102px;
}
.mail-message {        top: 131px;
        float: left;
        text-align: center;
        position: relative;}
.rectangle-10 {
    background: #edcfe5;
    border-radius: 34px;
    width: 100%;
	text-align:center;
	color:#fff;
    height: 32px;
    position: relative;
    left: 0px;
    top: 0px;
}
.rectangle-10-rendezvous {
    background: #edcfe5;
    border-radius: 34px;
    width: 100%;
	text-align:center;
	color:#fff;
    height: 60px;
    position: relative;
    left: 0px;
    top: 0px;
}
.rectangle-5-rendezvous {
    background: #edcfe5;
    border-radius: 4px;
    width: 34%;
    height: 5.37%;
    position: absolute;
    right: 50%;
    left: 9%;
    bottom: 0%;
    top: 0%;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.rectangle-7-rendezvous
 {
    background: #ffe19f;
    border-radius: 4px;
    width: 2.78%;
    height: 5.37%;
    position: absolute;
    right: 2.25%;
    left: 44.96%;
    bottom: 94.63%;
    top: 0%;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.the-spark1-span {
  font-family: "Inter-ThinItalic", sans-serif;
  font-weight: 100;
  font-style: italic;
}
.the-spark1 {
    color: #737373;
    text-align: left;
    font-family: "-", sans-serif;
    font-size: 28px;
    font-weight: 400;
    position: relative;
    right: 2.25%;
    left: 9.59%;
    width: 50.16%;
    bottom: 51.68%;
    top: 30.5%;
    height: 22.82%;
}
.hidemobile {display:none;}
.send {
   color: #ffffff;
        text-align: center;
        font-family: "Inter-Regular", sans-serif;
        font-size: 20px;
        line-height: 0px;
        background: #edcfe5;
        border-radius: 34px;
        width: 100%;
        text-align: center;
        color: #fff;
        height: 60px;
        position: relative;
        left: 0px;
        top: 112px;
        font-weight: 400;
        position: relative;
        left: 0px;
}
.component-3 {
    height: 149px;
    position: relative;
    top: 69px;
}
.group-1 {
    width: 25px;
    height: 25px;
    position: absolute;
    left: 10px;
    top: 20px;
    overflow: visible;
	z-index: 99999;
}
.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: 10.59%;
    width: 41.41%;
    bottom: 15.44%;
    top: 44.69%;
    height: 30.87%;
}
.mobileshow {display:block;}
   .slider-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0px;
    }

    .widgetmobile {
      display: none;
      width: 100%;
      padding: 14px;
      text-align: center;
      border-radius: 12px;
      margin-bottom: 0px;
    }

    .widgetmobile.active {
      display: block;
    }

    .navigation {
      display: block;
      justify-content: center;
      gap: 7px;
	          padding-left: 6%;
	          padding-bottom: 20px;
    }

.download-btn {
  background: #1b1414;
  border-radius: 20px;
  width: 80%;
          font-size: 14px;
  color:#fff;
  text-align:center;
  padding: 7px;
  position: relative;
}

    .nav-btn {
      background: none;
      border: none;
      cursor: pointer;
    }

    .nav-btn img {
      width: 35px;
      height: 35px;
    }

    .nav-btn:disabled img {
      opacity: 0.4;
    }
	.rectangle-2-mobile
 {
    background: #ffffff;
    border-radius: 4px;
    width: 40%;
    height: 5.37%;
    position: absolute;
    right: 89.12%;
    left: 5%;
    bottom: 94.63%;
    top: 0%;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.unsense-mobile a {
  color: #737373;
  float: left;
  text-align:left;
  z-index:99999;
  width:100%;
  font-family: "-", sans-serif;
  font-size: 28px;
  font-weight: 400;
  position: relative;
  left: 0.2%;
  bottom: 51.68%;
  top: 7.5%;
  height: 22.82%;
}
.widget1-head-mobile {
  font-family: "Inter-ThinItalic", sans-serif;
  font-weight: 100;
          color: #737373;
        text-align: left;
        position: relative;
        left: 2%;
        width: 100%;
        bottom: 0%;
        top: 0%;
        height: auto;
}
.unsense-span2-mobile {
  font-family: "Inter-Regular", sans-serif;
  color: #737373;
        text-align: left;
        position: relative;
        left: 0%;
        width: 100%;
        bottom: 0%;
        top: 0%;
        height: auto;
}
.widget-mobile {
  color: #737373;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  left: 2%;
  width: 100%;
  bottom: 0%;
  top: 0%;
  height: auto;
}
.rectangle-6-mobile {
    background: #c3f4b8;
    border-radius: 4px;
    
        width: 40%;
        height: 5.37%;
        position: absolute;
        right: 0%;
        left: 5%;
        bottom: 94.63%;
    top: 0%;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.rectangle-8-mobile {
    background: #ff0000;
    border-radius: 4px;
    
        width: 40%;
        height: 5.37%;
        position: absolute;
        right: 0%;
        left: 5%;
        bottom: 94.63%;
    top: 0%;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.rectangle-4-mobile {
    background: #fff3e5;
    border-radius: 4px;
   width: 3%;
        height: 5.37%;
        position: absolute;
        right: 37.55%;
        left: 5%;
        bottom: 94.63%;
    top: 0%;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.rectangle-3-mobile {
  
        background: #eaffe5;
        border-radius: 4px;
        width: 4%;
        height: 5.37%;
        position: absolute;
        right: 0%;
        left: 5%;
        bottom: 0%;
        top: 0%;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.the-view-mobile 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%;
}
.the-view-span2-mobile {
  font-family: "Inter-Regular", sans-serif;
}
.widget2-mobile {
  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%;
}
.rectangle-5-mobile {
    background: #edcfe5;
    border-radius: 4px;
           width: 28%;
        height: 5.37%;
        position: absolute;
        right: 3.53%;
        left: 5%;
    bottom: 94.63%;
    top: 0%;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.rectangle-7-mobile
 {
    background: #ffe19f;
    border-radius: 4px;
    width: 3%;
        height: 5.37%;
        position: absolute;
        right: 0%;
        left: 34%;
    bottom: 94.63%;
    top: 0%;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.for-the-time-being {
           color: #737373;
        text-align: left;
        font-family: "Inter-Light", sans-serif;
        font-size: 16px;	
		line-height: 20px;
        position: relative;
                left: 31px;
        top: 42px;
        width: 220px;
        height: 29px;
}
.div2 {
    color: #737373;
    text-align: left;
    font-family: none;
    font-size: 56px;
    font-weight: 100;
    position: relative;
         left: 119px;
        float: left;
        top: -16px;
    
}
.div {
            color: #737373;
        text-align: left;
        font-family: none;
        font-size: 56px;
        font-weight: 100;
        position: relative;
      left: 13px;
        float: left;
        top: 15px;
}
.to-work {
          color: #737373;
        text-align: left;
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 53px;
        font-weight: normal;
        position: relative;
        left: 25px;
        top: 10px;
}
.get-in-touch-not-available {
    color: #a0e391;
        text-align: center;
        font-family: "Inter-Regular", sans-serif;
        line-height: 84px;
        font-size: 97px;
        text-decoration: underline;
        font-weight: 400;
        position: relative;
        left: 0px;
		        float: left;
        top: 11px;
}
.get-in-touch-available {
    color: #a0e391;
    text-align: center;
            font-family: "Inter-Regular", sans-serif;
        line-height: 105px;
        font-size: 97px;
        text-decoration: underline;
        position: relative;
        left: 0px;
        top: 36px;
}
.rectangle-not-available {
    background: #a0e391;
    border-radius: 34px;
    width: 240px;
    height: 68px;
	display:none;
    position: absolute;
    left: 331px;
    top: 489px;
}
.rectangle-available
 {
    background: #a0e391;
    border-radius: 34px;
    width: 240px;
	display:none;
    height: 68px;
    position: absolute;
    left: 331px;
    top: 457px;
}
.but-i-would-like-to-know-the-brief-anyway {
    color: #737373;
        text-align: left;
        font-family: "Inter-ExtraLight", sans-serif;
       font-size: 20px;
	   width: 80%;
	   
        font-weight: normal;
        position: relative;
        left: 0px;
        float: left;
        top: 0px;
}
.not-available {
   color: #ee7c71;
        text-align: left;
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 43px;
        position: relative;
        left: 0px;
        top: 47px;
}
.available {
            color: #a0e391;
        text-align: left;
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 53px;
        font-weight: 200;
        position: relative;
        left: 19px;
        top: 36px;
}
.hey-apologies-i-am {
    color: #737373;
        text-align: left;
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 28px;
        font-weight: 100;
        position: relative;
        left: 0px;
        top: 55px;
}
.curious {
    color: #737373;
        text-align: left;
        font-family: "Inter-ExtraLightItalic", sans-serif;
        font-size: 58px;
        letter-spacing: -0.04em;
        font-weight: normal;
        font-style: italic;
        position: relative;
        left: 0px;
}
.case {
    color: #737373;
    text-align: left;
    font-family: "Inter-ExtraLightItalic", sans-serif;
    font-size: 100px;
               letter-spacing: -0.04em;
        font-weight: normal;
        font-style: italic;
        position: absolute;
        left: 14px;
        top: 0%;
}
.conversationalist {
    color: #737373;
    text-align: left;
    font-family: "Inter-ExtraLightItalic", sans-serif;
    font-size: 24px;
    letter-spacing: -0.04em;
    font-weight: 200;
line-height: 23px;
        font-style: italic;
        position: relative;
        left: 9px;
        top: 56px;
}
.conversationalist-p {
    color: #737373;
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 15px;
    font-weight: 400;
   position: relative;
        left: 9px;
        top: 76px;
}
.left-text
 {
    color: #737373;
    text-align: left;
    font-family: "-", sans-serif;
    font-size: 15px;
    font-weight: 400;
    position: relative;
    left:9px;
    top: 72px;
	        margin-bottom: 30px;
}
.the {
    color: #000000;
    text-align: left;
    font-family: "Inter-ThinItalic", sans-serif;
    font-size: 18px;
    font-weight: 100;
    font-style: italic;
            position: relative;
        left: 0px;
        top: 20px;
}
.rest-p {
    font-family: "Inter-Regular", sans-serif;
}
.text-italic {
    font-family: auto;
    font-weight: 100;
    font-style: italic;
}
.pb-5 {
    padding-bottom: 0rem !important;
}
.para-start
 {
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 13px;
    font-weight: 400;
    position: relative;
        left: 0px;
        top: 0px;
}
.p-1 {
          color: #737373;
        text-align: left;
        font-family: "-", sans-serif;
                font-size: 22px;
        line-height: 33px;
        font-weight: 400;
        position: relative;
        left: 0px;
        top: 22px;
}

.p-1 {
    padding: 0 !important;
}
}
@media only screen and (min-width: 481px) and (max-width: 640px)
{

		.container1, .container1-fluid, .container1-lg, .container1-md, .container1-sm, .container1-xl, .container1-xxl {
    max-width: 450px;
	}
	.shareid{color: #edcfe5;
		                      top: 11%;
        text-align: left;
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 28px;
        padding: 0px 10px;
        line-height: 37px;
        font-weight: 200;
        position: relative;}
		
		.text-inbox2 br{ display:block;}
		
		.text-inbox2 {   font-size: 14px;
        line-height: 23px;
        padding-top: 11%;}
	.text12 {font-size: 14px;
        line-height: 23px;
        padding-top: 3%;}
	.slider {
        max-width: 96%;
        width: 97%;
        /* margin: auto; */
        overflow: hidden;
        position: relative;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.slides {
     display: flex;
    transition: transform 0.5s ease-in-out;
}
.slide {
  flex: 0 0 100%; /* fixed width for each slide */
  box-sizing: border-box;
  padding: 15px 10px;
}
    .slide h3 {
      margin-top: 0;
      color: #333;
    }

.slide p {
  font-size: 14px;
  padding: 10px 0;
  max-width: 100%;
  margin: 0 auto;
  color: #555;
  line-height: 1.5;
  text-align: justify;
  word-wrap: break-word;
}

    .arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background-color: rgba(0, 0, 0, 0.5);
      border: none;
      color: #fff;
      font-size: 14px;
      padding: 8px 12px;
      cursor: pointer;
      z-index: 10;
      border-radius: 50%;
    }

    .arrow.left {
      left: 10px;
    }

 
    .arrow:hover {
      background-color: rgba(0, 0, 0, 0.8);
    }
	.arrow.right {
    right: 27px;
}
	.component-showinterest
	{        height: 149px;
        position: relative;
        top: 97px;
		}
	.showinterest {
		color: #edcfe5;
		        top: 10%;
        text-align: left;
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 44px;
        padding: 0px 20px;
        line-height: 51px;
        font-weight: 200;
        position: relative;
		}
	 .resend-btn {
        color: #ffffff;
        text-align: center;
        font-family: "Inter-Regular", sans-serif;
        font-size: 20px;
        line-height: 0px;
        background: #edcfe5;
        border-radius: 34px;
        width: 100%;
        height: 60px;
        position: relative;
        left: 0px;
        top: 25px;
        font-weight: 400;
    }
	.text-inbox {         font-size: 29px;
        line-height: 38px;
        padding-top: 15%;}
	.text11 {font-size: 24px;
        line-height: 31px;
        padding-top: 5%;}
	.mail-message {        top: 131px;
        
        text-align: center;
        position: relative;}
.rectangle-10 {
    background: #edcfe5;
    border-radius: 34px;
    width: 100%;
	text-align:center;
	color:#fff;
    height: 32px;
    position: relative;
    left: 0px;
    top: 0px;
}
    .component-in { 
    height: 149px;
    position: relative;
    top: 288px;
}
				.component-ren {
    height: 149px;
    position: relative;
    top: 100px;
}
	.component-5 {
    height: 149px;
    position: relative;
    top: 159px;
}

				.component-6 {
    height: 149px;
    position: relative;
    top: 80px;
}
			.component-2 {
    height: 149px;
    position: relative;
    top: 150px;
}
    .curious { line-height: 47px; top: 60px;}
br {display: none;}
	.let-s-rendezvous {
    color: #edcfe5;
    text-align: left;
    font-family: "Inter-ExtraLight", sans-serif;
    font-size: 50px;
	padding: 0 20px;
    line-height: 55px;
    font-weight: 200;
    position: relative;
}
.drop-in-your-email-id-and-i-will-get-back-to-you
 {
    color: #737373;
    text-align: left;
    font-family: "Inter-ExtraLight", sans-serif;
    font-size: 30px;
	padding: 0 20px;
    line-height: 40px;
    font-weight: 100;
    position: relative;
	left:0px !important;
	top:97px!important;
}
.rectangle-11 {
    background: #fff3da;
    border-radius: 34px;
    width: 100%;	
	padding: 0 20px;
    height: 60px;
    position: relative;
    left: 0px;
    top: 115px;
}
.type-your-email-id-here {
    color: #7c7c7c;
    text-align: center;
    font-family: "Inter-ExtraLight", sans-serif;
    font-size: 20px;
    line-height: 150px;
    font-weight: 200;
    position: relative;
    left: 0px;
    top: 106px;
}

.rectangle-10-rendezvous {
    background: #edcfe5;
    border-radius: 34px;
    width: 100%;
	text-align:center;
	color:#fff;
    height: 32px;
    position: relative;
    left: 0px;
    top: 0px;
}
.rectangle-5-rendezvous {
    background: #edcfe5;
    border-radius: 4px;
    width: 34%;
    height: 5.37%;
    position: absolute;
    right: 50%;
    left: 9%;
    bottom: 0%;
    top: 0%;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.rectangle-7-rendezvous
 {
    background: #ffe19f;
    border-radius: 4px;
    width: 2.78%;
    height: 5.37%;
    position: absolute;
    right: 2.25%;
    left: 44.96%;
    bottom: 94.63%;
    top: 0%;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.the-spark1-span {
  font-family: "Inter-ThinItalic", sans-serif;
  font-weight: 100;
  font-style: italic;
}
.the-spark1 {
    color: #737373;
    text-align: left;
    font-family: "-", sans-serif;
    font-size: 28px;
    font-weight: 400;
    position: relative;
    right: 2.25%;
    left: 9.59%;
    width: 50.16%;
    bottom: 51.68%;
    top: 30.5%;
    height: 22.82%;
}
.hidemobile {display:none;}
.send {
    color: #ffffff;
        text-align: center;
        font-family: "Inter-Regular", sans-serif;
        font-size: 20px;
        line-height: 0px;
        background: #edcfe5;
        border-radius: 34px;
        width: 100%;
        text-align: center;
        color: #fff;
        height: 60px;
        position: relative;
        left: 0px;
        top: 119px;
        font-weight: 400;
}
.component-3 {
    height: 149px;
    position: relative;
    top: 158px;
}
.group-1 {
    width: 25px;
    height: 25px;
    position: absolute;
    left: 10px;
    top: 20px;
    overflow: visible;
	z-index: 99999;
}
.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: 10.59%;
    width: 41.41%;
    bottom: 15.44%;
    top: 44.69%;
    height: 30.87%;
}
.mobileshow {display:block;}
   .slider-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0px;
    }

    .widgetmobile {
      display: none;
      width: 100%;
      padding: 14px;
      text-align: center;
      border-radius: 12px;
      margin-bottom: 0px;
    }

    .widgetmobile.active {
      display: block;
    }

    .navigation {
      display: block;
      justify-content: center;
      gap: 7px;
	          padding-left: 6%;
	          padding-bottom: 20px;
    }

.download-btn {
  background: #1b1414;
  border-radius: 20px;
  width: 80%;
          font-size: 14px;
  color:#fff;
  text-align:center;
  padding: 7px;
  position: relative;
}

    .nav-btn {
      background: none;
      border: none;
      cursor: pointer;
    }

    .nav-btn img {
      width: 35px;
      height: 35px;
    }

    .nav-btn:disabled img {
      opacity: 0.4;
    }
	.rectangle-2-mobile
 {
    background: #ffffff;
    border-radius: 4px;
    width: 40%;
    height: 5.37%;
    position: absolute;
    right: 89.12%;
    left: 5%;
    bottom: 94.63%;
    top: 0%;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.unsense-mobile a {
  color: #737373;
  float: left;
  text-align:left;
  z-index:99999;
  width:100%;
  font-family: "-", sans-serif;
  font-size: 28px;
  font-weight: 400;
  position: relative;
  left: 0.2%;
  bottom: 51.68%;
  top: 7.5%;
  height: 22.82%;
}
.widget1-head-mobile {
  font-family: "Inter-ThinItalic", sans-serif;
  font-weight: 100;
          color: #737373;
        text-align: left;
        position: relative;
        left: 0%;
        width: 100%;
        bottom: 0%;
        top: 0%;
        height: auto;
}
.unsense-span2-mobile {
  font-family: "Inter-Regular", sans-serif;
  color: #737373;
        text-align: left;
        position: relative;
        left: 0%;
        width: 100%;
        bottom: 0%;
        top: 0%;
        height: auto;
}
.widget-mobile {
  color: #737373;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  left: 0%;
  width: 100%;
  bottom: 0%;
  top: 0%;
  height: auto;
}
.rectangle-6-mobile {
    background: #c3f4b8;
    border-radius: 4px;
    
        width: 40%;
        height: 5.37%;
        position: absolute;
        right: 0%;
        left: 5%;
        bottom: 94.63%;
    top: 0%;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.rectangle-4-mobile {
    background: #fff3e5;
    border-radius: 4px;
   width: 3%;
        height: 5.37%;
        position: absolute;
        right: 37.55%;
        left: 5%;
        bottom: 94.63%;
    top: 0%;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.rectangle-3-mobile {
  
        background: #eaffe5;
        border-radius: 4px;
        width: 4%;
        height: 5.37%;
        position: absolute;
        right: 0%;
        left: 5%;
        bottom: 0%;
        top: 0%;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.the-view-mobile 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%;
}
.the-view-span2-mobile {
  font-family: "Inter-Regular", sans-serif;
}
.widget2-mobile {
  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%;
}
.rectangle-5-mobile {
    background: #edcfe5;
    border-radius: 4px;
           width: 40%;
        height: 5.37%;
        position: absolute;
        right: 3.53%;
        left: 5%;
    bottom: 94.63%;
    top: 0%;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.rectangle-7-mobile
 {
    background: #ffe19f;
    border-radius: 4px;
    width: 3%;
        height: 5.37%;
        position: absolute;
        right: 0%;
        left: 46%;
    bottom: 94.63%;
    top: 0%;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.for-the-time-being {
          color: #737373;
        text-align: left;
        font-family: "Inter-Light", sans-serif;
        font-size: 23px;
        font-weight: normal;
        position: relative;
        left: 32px;
        float: left;
        top: 55px;
        width: 220px;
        height: 29px;
}
.div2 {
    color: #737373;
    text-align: left;
    font-family: none;
           font-size: 56px;
        font-weight: 100;
        position: relative;
        left: 0;
        top: 27px;
        float: left;
    
}
.div {
            color: #737373;
        text-align: left;
        font-family: none;
        font-size: 56px;
        font-weight: 100;
        position: relative;
               left: 18px;
        top: 20px;
        float: left;
}
.to-work-not-available {
    color: #737373;
        text-align: left;
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 62px;
        font-weight: normal;
        position: relative;
        left: 0;
        top: 18px;
		float: left;
}
.to-work {
    color: #737373;
        text-align: left;
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 62px;
        font-weight: normal;
        position: relative;
        left: 0;
        top: 18px;
}
.get-in-touch-not-available {
    color: #a0e391;
        text-align: center;
        font-family: "Inter-Regular", sans-serif;
                line-height: 97px;
        font-size: 97px;
        text-decoration: underline;
        font-weight: 400;
        position: relative;
               top: 39px;
        float: left;
}
.get-in-touch-available {
    color: #a0e391;
    text-align: center;
    font-family: "Inter-Regular", sans-serif;
    line-height: 132px;
        font-size: 130px;
		 text-decoration: underline;
     position: relative;
        left: 0px;
        top: 0px;
}
.rectangle-not-available {
    background: #a0e391;
    border-radius: 34px;
    width: 240px;
    height: 68px;
	display:none;
    position: absolute;
    left: 331px;
    top: 489px;
}
.rectangle-available
 {
    background: #a0e391;
    border-radius: 34px;
    width: 240px;
	display:none;
    height: 68px;
    position: absolute;
    left: 331px;
    top: 457px;
}
.but-i-would-like-to-know-the-brief-anyway {
         color: #737373;
        /* text-align: center; */
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 29px;
        font-weight: normal;
        position: relative;
        top: 22px;
        float: left;
        width: 92%;
}
.not-available {
   color: #ee7c71;
        text-align: left;
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 58px;
        font-weight: 200;
        position: relative;
        left: 0px;
        top: 47px;
}
.available {
    color: #a0e391;
    text-align: left;
    font-family: "Inter-ExtraLight", sans-serif;
    font-size: 62px;
    font-weight: 200;
    position: relative;
    left: 0px;
    top: 49px;
}
.hey-apologies-i-am {
    color: #737373;
        text-align: left;
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 34px;
        font-weight: 100;
        position: relative;
        left: 0px;
        top: 55px;
}
.curious {
    color: #737373;
        text-align: left;
        font-family: "Inter-ExtraLightItalic", sans-serif;
        font-size: 84px;
        letter-spacing: -0.04em;
        font-weight: normal;
        font-style: italic;
        position: relative;
        left: 0px;
}
.case {
    color: #737373;
    text-align: left;
    font-family: "Inter-ExtraLightItalic", sans-serif;
    font-size: 100px;
        letter-spacing: -0.04em;
        font-weight: normal;
        font-style: italic;
                position: relative;
        left: 0px;
        top: 34%;
}
.conversationalist {
    color: #737373;
    text-align: left;
    font-family: "Inter-ExtraLightItalic", sans-serif;
    font-size: 24px;
    letter-spacing: -0.04em;
    font-weight: 200;
line-height: 23px;
        font-style: italic;
        position: relative;
        left: 0px;
        top: 69px;
}
.conversationalist-p {
    color: #737373;
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 15px;
    font-weight: 400;
   position: relative;
        left: 0px;
        top: 91px;
}
.left-text
 {
    color: #737373;
    text-align: left;
    font-family: "-", sans-serif;
    font-size: 15px;
    font-weight: 400;
    position: relative;
    left:0px;
    top: 111px;
}
.the {
    color: #000000;
    text-align: left;
    font-family: "Inter-ThinItalic", sans-serif;
    font-size: 18px;
    font-weight: 100;
    font-style: italic;
            position: relative;
        left: 20px;
        top: 20px;
}
.rest-p {
    font-family: "Inter-Regular", sans-serif;
}
.text-italic {
    font-family: auto;
    font-weight: 100;
    font-style: italic;
}
.pb-5 {
    padding-bottom: 0rem !important;
}
.para-start
 {
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 15px;
    font-weight: 400;
    position: relative;
        left: 20px;
        top: 0px;
}
.p-1 {
    color: #737373;
    text-align: left;
    font-family: "-", sans-serif;
    font-size: 28px;
	line-height: 36px;
    font-weight: 400;
            position: relative;
        left: 15px;
        top: 22px;
}
.p-1 {
    padding: .25rem !important;
}
}
@media only screen and (min-width: 640px) and (max-width: 850px)
{
    	  .bk_img {height: 900px;}
  
   
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 630px;
	}
	.shareid{color: #edcfe5;
		                      top: 11%;
        text-align: left;
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 33px;
        padding: 0px 10px;
        line-height: 37px;
        font-weight: 200;
        position: relative;}
		
		.text-inbox2 br{ display:block;}
		
		.text-inbox2 {   font-size: 14px;
        line-height: 23px;
        padding-top: 11%;}
	.text12 {font-size: 14px;
        line-height: 23px;
        padding-top: 3%;}
	.slider {
        max-width: 96%;
        width: 97%;
        /* margin: auto; */
        overflow: hidden;
        position: relative;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.slides {
     display: flex;
    transition: transform 0.5s ease-in-out;
}
.slide {
  flex: 0 0 100%; /* fixed width for each slide */
  box-sizing: border-box;
  padding: 15px 10px;
}
    .slide h3 {
      margin-top: 0;
      color: #333;
    }

.slide p {
  font-size: 14px;
  padding: 10px 0;
  max-width: 100%;
  margin: 0 auto;
  color: #555;
  line-height: 1.5;
  text-align: justify;
  word-wrap: break-word;
}

    .arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background-color: rgba(0, 0, 0, 0.5);
      border: none;
      color: #fff;
      font-size: 14px;
      padding: 8px 12px;
      cursor: pointer;
      z-index: 10;
      border-radius: 50%;
    }

    .arrow.left {
      left: 10px;
    }

 
    .arrow:hover {
      background-color: rgba(0, 0, 0, 0.8);
    }
	.arrow.right {
    right: 27px;
}
		.component-showinterest
	{        height: 149px;
        position: relative;
        top: 94px;
                padding: 0px 59px;
		}
	.showinterest {
		color: #edcfe5;
		top: 11%;
        text-align: left;
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 47px;
        padding: 0 0px;
        line-height: 55px;
        font-weight: 200;
        position: relative;
		}
	  .para-start {
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 15px;
    font-weight: 400;
    position: absolute;
    left: 75px;
    top: 236px;
} 
	.resend-btn {
        color: #ffffff;
        text-align: center;
        font-family: "Inter-Regular", sans-serif;
        font-size: 20px;
        line-height: 0px;
        background: #edcfe5;
        border-radius: 34px;
        width: 100%;
        height: 60px;
        position: relative;
        left: 0px;
        top: 25px;
        font-weight: 400;
    }
	.text-inbox {          font-size: 26px;
        line-height: 38px;
        padding-top: 14%;}
	.text11 {        font-size: 26px;
        line-height: 44px;
        padding-top: 4%;}
	.mail-message {        top: 131px;
        
        text-align: center;
        position: relative;}
.rectangle-10 {
    background: #edcfe5;
    border-radius: 34px;
    width: 100%;
	text-align:center;
	color:#fff;
    height: 32px;
    position: relative;
    left: 0px;
    top: 0px;
}
    .component-in { 
    height: 149px;
    position: relative;
    top: 455px;
}
				.component-ren {
    height: 149px;
    position: relative;
    top: 170px;
}
		.component-5 {
    height: 149px;
    position: relative;
    top: 161px;
}
	.case {
   
    left: 280px;
}
	.curious {
   
    left: 254px;
}
	.component-1 {
    height: 149px;
    position: relative;
    top: 397px;
}
				.component-6 {
    height: 149px;
    position: relative;
    top: 80px;
}
	  .component-3 {
        height: 149px;
        position: relative;
        top: 80px;
    }
			.component-2 {
    height: 149px;
    position: relative;
    top: 0px;
}
	.component-1 {
    height: 149px;
    position: relative;
    top: 397px;
}
	    .download-btn {
        background: #1b1414;
        border-radius: 20px;
        width: 100%;
        font-size: 14px;
        color: #fff;
        text-align: center;
        padding: 7px;
        position: relative;
    }
	    .navigation {
        display: block;
        justify-content: center;
        gap: 7px;
        padding-left: 6%;
        padding-bottom: 20px;
    }
	  
	.get-in-touch-not-available 
			{
        color: #a0e391;
        text-align: center;
        font-family: "Inter-Regular", sans-serif;
        line-height: 174px;
        font-size: 127px;
        margin-top: 2rem !important;
        text-decoration: underline;
        position: relative;
               left: 2rem;
        top: 0px;
        float: left;
    }
        .rectangle-not-available {
    display:none;
}
	.but-i-would-like-to-know-the-brief-anyway {
    color: #737373;
    text-align: center;
    font-family: "Inter-ExtraLight", sans-serif;
            font-size: 38px;
        font-weight: 200;
		float:left;
        position: relative;
        left: 17px;
        top: 59px;
}
.for-the-time-being {
  color: #737373;
        text-align: left;
        font-family: "Inter-Light", sans-serif;
        font-size: 24px;
       
        position: absolute;
        line-height: 20px;
        left: 504px;
        top: 295px;
        width: 127px;
        height: 29px;
}
.div2 {
    color: #737373;
    text-align: left;
    font-family: none;
    font-size: 131px;
    font-weight: 100;
    position: absolute;
    left: 632px;
    top: 206px;
}
.div {
    color: #737373;
    text-align: left;
    font-family: none;
    font-size: 131px;
    font-weight: 100;
    position: absolute;
    left: 440px;
    top: 204px;
}
	    .to-work-not-available {
        color: #737373;
        text-align: left;
		        float: left;
                font-family: "Inter-ExtraLight", sans-serif;
                font-size: 107px;
        font-weight: 200;
        position: relative;
        left: 2%;
        top: 33px;
    }
	.not-available {
    color: #ee7c71;
    text-align: left;
    font-family: "Inter-ExtraLight", sans-serif;
            font-size: 107px;
        font-weight: 200;
        position: relative;
        left: 17px;
        top: 100px;
}
	.hey-apologies-i-am {
    color: #737373;
    text-align: left;
    font-family: "Inter-ExtraLight", sans-serif;
    font-size: 50px;
    font-weight: 200;
    position: absolute;
    left: 60px;
    top: 48px;
}
	    .rectangle-11 {
        background: #fff3da;
        border-radius: 34px;
        width: 50%;
		margin: auto;
        padding: 0 20px;
        height: 60px;
        position: relative;
        left: 0px;
        top: 115px;
    }
	.rectangle-10-rendezvous {
    background: #edcfe5;
    border-radius: 34px;
    width: 219px;
    height: 62px;
    position: relative;
    float: right;
    top: 0%;
    right: 32%;
}
	  .send {
 
        font-size: 24px;
        top: 120px;
        font-family: "Inter-Regular", sans-serif;
        
        line-height: 0px;
        background: #edcfe5;
        border-radius: 34px;
        width: 100%;
        text-align: center;
        color: #fff;
        height: 60px;
        position: relative;
    } 	
	.type-your-email-id-here
 {
        color: #7c7c7c;
        text-align: center;
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 20px;
        line-height: 150px;
        font-weight: 200;
        position: relative;
        width: 100%;
        top: 112px;
    }
	    .drop-in-your-email-id-and-i-will-get-back-to-you {
        color: #737373;
        text-align: left;
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 30px;
        padding: 0 20px;
        line-height: 40px;
        font-weight: 100;
        position: relative;
        left: 0px !important;
        top: 97px !important;
    }
	.let-s-rendezvous {
        color: #edcfe5;
        text-align: left;
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 50px;
        padding: 0 20px;
        line-height: 55px;
        font-weight: 200;
        position: relative;
    }

.group-1 {
    width: 25px;
    height: 25px;
    position: absolute;
    left: 10px;
    top: 20px;
    overflow: visible;
	z-index: 99999;
}
.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: 10.59%;
    width: 41.41%;
    bottom: 15.44%;
    top: 44.69%;
    height: 30.87%;
}
.mobileshow {display:block;}
   .slider-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0px;
    }

    .widgetmobile {
      display: none;
      width: 100%;
      padding: 14px;
      text-align: center;
      border-radius: 12px;
      margin-bottom: 0px;
    }

    .widgetmobile.active {
      display: block;
    }

    .navigation {
      display: block;
      justify-content: center;
      gap: 7px;
	          padding-left: 6%;
	          padding-bottom: 20px;
    }

.download-btn {
  background: #1b1414;
  border-radius: 20px;
  width: 100%;
          font-size: 22px;
  color:#fff;
  text-align:center;
  padding: 7px;
  position: relative;
}

    .nav-btn {
      background: none;
      border: none;
      cursor: pointer;
    }

    .nav-btn img {
      width: 35px;
      height: 35px;
    }

    .nav-btn:disabled img {
      opacity: 0.4;
    }
	.rectangle-2-mobile
 {
    background: #ffffff;
    border-radius: 4px;
            width: 20%;
        height: 5.37%;
        position: absolute;
        right: 89.12%;
        left: 9%;
    bottom: 94.63%;
    top: 0%;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.unsense-mobile a {
  color: #737373;
  float: left;
  text-align:left;
  z-index:99999;
  width:100%;
  font-family: "-", sans-serif;
  font-size: 28px;
  font-weight: 400;
  position: relative;
  left: 0.2%;
  bottom: 51.68%;
  top: 7.5%;
  height: 22.82%;
}
.widget1-head-mobile {
  font-family: "Inter-ThinItalic", sans-serif;
  font-weight: 100;
          color: #737373;
        text-align: left;
        position: relative;
        left: 0%;
        width: 100%;
        bottom: 0%;
        top: 0%;
        height: auto;
}
.unsense-span2-mobile {
  font-family: "Inter-Regular", sans-serif;
  color: #737373;
        text-align: left;
        position: relative;
        left: 0%;
        width: 100%;
        bottom: 0%;
        top: 0%;
        height: auto;
}
.widget-mobile {
  color: #737373;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  left: 0%;
  width: 100%;
  bottom: 0%;
  top: 0%;
  height: auto;
}
.rectangle-6-mobile {
    background: #c3f4b8;
    border-radius: 4px;
            width: 24%;
        height: 5.37%;
        position: absolute;
        right: 0%;
        left: 2%;
        bottom: 94.63%;
    top: 0%;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.rectangle-4-mobile {
    background: #fff3e5;
    border-radius: 4px;
   width: 3%;
        height: 5.37%;
        position: absolute;
        right: 37.55%;
        left: 5%;
        bottom: 94.63%;
    top: 0%;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.rectangle-3-mobile {
  
        background: #eaffe5;
        border-radius: 4px;
        width: 4%;
        height: 5.37%;
        position: absolute;
        right: 0%;
        left: 5%;
        bottom: 0%;
        top: 0%;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.the-view-mobile 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%;
}
.the-view-span2-mobile {
  font-family: "Inter-Regular", sans-serif;
}
.widget2-mobile {
  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%;
}
.rectangle-5-mobile {
    background: #edcfe5;
    border-radius: 4px;
           width: 19%;
        height: 5.37%;
        position: absolute;
        right: 3.53%;
        left: 10%;
    bottom: 94.63%;
    top: 0%;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.rectangle-7-mobile
 {
    background: #ffe19f;
    border-radius: 4px;
    width: 3%;
        height: 5.37%;
        position: absolute;
        right: 0%;
        left: 30%;
    bottom: 94.63%;
    top: 0%;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
	.to-work {
    color: #737373;
    text-align: left;
    font-family: "Inter-ExtraLight", sans-serif;
    font-size: 184px;
    font-weight: 200;
 position: relative;
        left: 68%;
        top: 174px;
}
	
	.rectangle-6-available {
    background: #fff3e5;
    border-radius: 4px;
    width: 0.78%;
    height: 5.37%;
    position: absolute;
    right: 47.16%;
    left: 80%;
    bottom: 94.63%;
    top: 0%;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
	.rectangle-4-available {
    background: #a0e391;
    border-radius: 4px;
    width: 10.88%;
    height: 5.37%;
    position: absolute;
    right: 37.55%;
    left: 80%;
    bottom: 94.63%;
    top: 0%;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
	.rectangle-available {
    background: #a0e391;
    border-radius: 34px;
    width: 240px;
    height: 68px;
	display:none;
    position: absolute;
    left: 100px;
    top: 457px;
}
.hidemobile {display:none;}
    .slider-container {
        display: flex;
        flex-direction: column;
        align-items: center;
                padding: 0px 59px;
    }
	.widgetmobile.active {
        display: block;
    }
        .get-in-touch-available {
        color: #a0e391;
        text-align: center;
        font-family: "Inter-Regular", sans-serif;
                line-height: 174px;
        font-size: 127px;
		margin-top: 7rem !important;
        text-decoration: underline;
        position: relative;
        left: 13rem;
        top: 0px;
    }
	.left-text br {}
	.widget {
    color: #737373;
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    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: 14px;
    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: 14px;
    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: 14px;
    font-weight: 400;
    position: absolute;
    right: 0%;
    left: 85.59%;
    width: 14.41%;
    bottom: 15.44%;
    top: 53.69%;
    height: 30.87%;
}
	.unsense a {
    color: #737373;
    text-align: left;
    font-family: "-", sans-serif;
    font-size: 20px;
    font-weight: 400;
    position: absolute;
    left: 0.2%;
    bottom: 51.68%;
    top: 25.5%;
    height: 22.82%;
}
    .the-view a {
        color: #737373;
        text-align: left;
        font-family: "-", sans-serif;
        font-size: 20px;
        font-weight: 400;
        position: absolute;
        right: 63.53%;
        left: 25.49%;
        width: 25%;
        bottom: 51.68%;
        top: 25.5%;
        height: 22.82%;
    }
	.everything-nothing a {
    color: #737373;
    text-align: left;
    font-family: "-", sans-serif;
    font-size: 20px;
    font-weight: 400;
    position: absolute;
    right: 23.04%;
    left: 51.57%;
    width: 28.39%;
    bottom: 51.68%;
    top: 25.5%;
    height: 22.82%;
}
.the-spark a {
    color: #737373;
    text-align: left;
    font-family: "-", sans-serif;
    font-size: 20px;
    font-weight: 400;
    position: absolute;
    right: 2.25%;
    left: 85.59%;
    width: 16.16%;
    bottom: 51.68%;
    top: 25.5%;
    height: 22.82%;
}
.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: 24.67%;
    bottom: 0%;
    top: 53.69%;
    height: 46.31%;
}
.left-text {
    color: #737373;
    text-align: left;
    font-family: "-", sans-serif;
    font-size: 15px;
    font-weight: 400;
    width: 80%;
    position: relative;
    left: 842px;
    top: 111px;
}
}
@media only screen and (min-width: 851px) and (max-width: 1025px)
{
      .bk_img {height: 900px;}165
	.web_design { cursor:} 
	.graphic_design {cursor:}
	.brand_identity {cursor:}
	.print_packaging {cursor:}
	.tab {
    padding-top: 6%;
}
	    .bk_img{
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
		.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 840px;
	}
	.shareid{color: #edcfe5;
		                      top: 11%;
        text-align: left;
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 47px;
        padding: 0px 10px;
        line-height: 37px;
        font-weight: 200;
        position: relative;}
		
		.text-inbox2 br{ display:block;}
		
		.text-inbox2 {          font-size: 19px;
        line-height: 33px;
        padding-top: 11%;}
	.text12 {font-size: 19px;
        line-height: 23px;
        padding-top: 3%;}
		.component-showinterest
	{        height: 149px;
        position: relative;
        top: -73px;
		}
	.showinterest {
		        color: #edcfe5;
        top: 7%;
        text-align: left;
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 75px;
        padding: 0 0px;
        line-height: 75px;
        font-weight: 200;
        position: relative;
		}
	.hey-apologies-i-am {
    color: #737373;
    text-align: left;
    font-family: "Inter-ExtraLight", sans-serif;
    font-size: 35px;
    font-weight: 200;
    position: absolute;
    left: 107px;
    top: 48px;
}
	  .para-start {
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 15px;
    font-weight: 400;
    position: absolute;
    left: 75px;
    top: 236px;
} 
	.resend-btn {
               color: #ffffff;
                text-align: center;
        font-family: "Inter-Regular", sans-serif;
        font-size: 41px;
        line-height: 0px;
        background: #edcfe5;
        border-radius: 62px;
        width: 50%;
        height: 103px;
        position: relative;
        left: 0px;
        top: 10px;
        font-weight: 400;
    }
	.text-inbox {   font-size: 43px;
        line-height: 62px;
        padding-top: 10%;}
	.text11 {              font-size: 36px;
        line-height: 57px;
        padding-top: 3%;}
	.mail-message {                     top: 36rem;
        text-align: left;
        position: relative;
        left: 5%;}
.rectangle-10 {
    background: #edcfe5;
    border-radius: 34px;
    width: 100%;
	text-align:center;
	color:#fff;
    height: 32px;
    position: relative;
    left: 0px;
    top: 0px;
}
	  .component-ren1 {
        height: 149px;
        position: relative;
        top: 82px;
    }
	.container, .container-md, .container-sm {
        max-width: 889px;
    }

	.tabcontent {
     padding: 30px 0px;
}
	.tab button.active {
    color: #737373;
}
	.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: 34px;
}
	.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: 90px;
    top: 28rem;
}
	.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: 99px;
    top: 356px;
}
	.component-1 {
    height: 149px;
    position: relative;
    top: 579px;
}
    .component-in { 
    height: 149px;
    position: relative;
    top: 425px;
}
					.component-ren {
    height: 149px;
    position: relative;
    top: 506px;
}
	.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: 57.16%;
    bottom: 0%;
    top: 33.69%;
    }
	.component-6 {
    height: 149px;
    position: relative;
    top: 37px;
}
	.to-work {
    color: #737373;
    text-align: left;
    font-family: "Inter-ExtraLight", sans-serif;
    font-size: 161px;
    font-weight: 200;
    position: absolute;
    left: 22rem;
    top: 202px;
}
	.get-in-touch-not-available {
    color: #ffffff;
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 29px;
            position: relative;
        left: 148px;
        top: 56px;
}
	.rectangle-not-available
	{
    background: #a0e391;
    border-radius: 34px;
           width: 240px;
        height: 68px;
        position: relative;
        left: 106px;
        top: 111px;
}
	.but-i-would-like-to-know-the-brief-anyway {
    color: #737373;
    text-align: left;
    float: left;
    font-family: "Inter-ExtraLight", sans-serif;
          font-size: 32px;
        font-weight: 200;
        position: absolute;
        left: 108px;
        top: 413px;
    }
	.not-available {
    color: #ee7c71;
    text-align: left;
    font-family: "Inter-ExtraLight", sans-serif;
    font-size: 123px;
    font-weight: 200;
    position: relative;
    left: 0px;
    top: 66px;
}
		.to-work-not-available {
    color: #737373;
        text-align: left;
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 134px;
        font-weight: normal;
        position: relative;
        left: 0;
        top: -5px;
}
	.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: 20%;
    bottom: 51.68%;
    top: 25.5%;
    height: 22.82%;
}
	.component-5 {
    height: 149px;
    position: relative;
    top: 445px;
}
	
	.send {
            color: #ffffff;
        background: #edcfe5;
        text-align: center;
        font-family: "Inter-Regular", sans-serif;
        font-size: 20px;
        border-radius: 34px;
        width: 22%;
        height: 62px;
        line-height: 65px;
        font-weight: 400;
        position: absolute;
        left: 492px;
        top: 496px;
}
	.rectangle-10-rendezvous {
    background: #edcfe5;
    border-radius: 34px;
    width: 24%;
    height: 62px;
    position: absolute;
    left: 550px;
    top: 496px;
}
	.rectangle-11 {
   background: #fff3da;
        border-radius: 34px;
        width: 73%;
        height: 68px;
        position: relative;
        left: -4px;
        top: 493px;
        padding-left: 34px;
}
	.let-s-rendezvous {
    color: #edcfe5;
    text-align: left;
    font-family: "Inter-ExtraLight", sans-serif;
    font-size: 132px;
    line-height: 150px;
    font-weight: 200;
    position: absolute;
    top: 78px;
}
	.get-in-touch-available {
    color: #ffffff;
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
          font-size: 33px;
        font-weight: 400;
        position: absolute;
        left: 183px;
        top: 467px;
}
	.rectangle-available {
    background: #a0e391;
    border-radius: 34px;
    width: 240px;
    height: 68px;
    position: absolute;
    left: 150px;
    top: 457px;
}
	.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);
}
	.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);
}
	.conversationalist-p {
    color: #737373;
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 15px;
    font-weight: 400;
    position: absolute;
    left: 404px;
    top: 325px;
}
	.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: 24.67%;
    bottom: 0%;
    top: 53.69%;
    height: 46.31%;
}
.left-text {
    color: #737373;
    text-align: left;
    font-family: "-", sans-serif;
    font-size: 15px;
    font-weight: 400;
    width: 80%;
    position: relative;
    left: 677px;
    top: 0px;
}
.group-1 {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 1007px;
    top: 14px;
    overflow: visible;
}
	.widget {
    color: #737373;
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 18px;
    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: 18px;
    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: 18px;
    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: 18px;
    font-weight: 400;
    position: absolute;
    right: 0%;
    left: 85.59%;
    width: 14.41%;
    bottom: 15.44%;
    top: 53.69%;
    height: 30.87%;
}
	.unsense a {
    color: #737373;
    text-align: left;
    font-family: "-", sans-serif;
    font-size: 24px;
    font-weight: 400;
    position: absolute;
    left: 0.2%;
    bottom: 51.68%;
    top: 25.5%;
    height: 22.82%;
}
    .the-view a {
        color: #737373;
        text-align: left;
        font-family: "-", sans-serif;
        font-size: 24px;
        font-weight: 400;
        position: absolute;
        right: 63.53%;
        left: 25.49%;
        width: 25%;
        bottom: 51.68%;
        top: 25.5%;
        height: 22.82%;
    }
	.everything-nothing a {
    color: #737373;
    text-align: left;
    font-family: "-", sans-serif;
    font-size: 24px;
    font-weight: 400;
    position: absolute;
    right: 23.04%;
    left: 51.57%;
    width: 28.39%;
    bottom: 51.68%;
    top: 25.5%;
    height: 22.82%;
}
.the-spark a {
    color: #737373;
    text-align: left;
    font-family: "-", sans-serif;
    font-size: 24px;
    font-weight: 400;
    position: absolute;
    right: 2.25%;
    left: 85.59%;
    width: 16.16%;
    bottom: 51.68%;
    top: 25.5%;
    height: 22.82%;
}
}
@media only screen and (min-width: 1026px) and (max-width: 1260px)
{
	.web_design { cursor: default !important;} 
	.graphic_design {cursor:pointer !important;}
	.brand_identity {cursor:default !important;}
	.print_packaging {cursor:pointer !important;}
		.tab {
    padding-top: 6%;
}
	    .bk_img{
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
	.shareid{color: #edcfe5;
		                      top: 11%;
        text-align: left;
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 53px;
        padding: 0px 10px;
        line-height: 37px;
        font-weight: 200;
        position: relative;}
		
		.text-inbox2 br{ display:block;}
		
		.text-inbox2 {         font-size: 21px;
        line-height: 33px;
        padding-top: 8%;}
	.text12 {font-size: 21px;
        line-height: 23px;
        padding-top: 3%;}
	    .resend-btn {
        color: #ffffff;
        text-align: center;
        font-family: "Inter-Regular", sans-serif;
                font-size: 37px;
        line-height: 0px;
        background: #edcfe5;
        border-radius: 62px;
        width: 39%;
        height: 107px;
        position: relative;
        left: 0px;
        top: 25px;
        font-weight: 400;
    }
	.text-inbox {            font-size: 41px;
        line-height: 67px;
        padding-top: 4%;}
	.text11 {             font-size: 32px;
        line-height: 58px;
        padding-top: 3%;}
	.showinterest {
		color: #edcfe5;
                top: 5%;
        text-align: left;
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 76px;
        padding: 0 20px;
        line-height: 104px;
        font-weight: 200;
        position: relative;
		}
		.component-showinterest
	{        height: 149px;
        position: relative;
        top: -66px;
		}
	  .para-start {
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 15px;
    font-weight: 400;
    position: absolute;
    left: 75px;
    top: 236px;
} 
	
	.mail-message {                    top: 15rem;
        text-align: left;
        position: relative;
        left: 5%;
        width: 100%;}

	  .component-ren1 {
        height: 149px;
        position: relative;
        top: 133px;
    }
	.tabcontent {
    padding: 0px 12px;
}
	.tab button.active {
    color: #737373;
}
	.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: 32px;
}
	.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: 61px;
    top: 356px;
}
	.component-1 {
    height: 149px;
    position: relative;
    top: 533px;
}
        .component-in { 
    height: 149px;
    position: relative;
    top: 425px;
}
	.component-ren {
    height: 149px;
    position: relative;
    top: 151px;
}
	.div2 {
    color: #737373;
    text-align: left;
    font-family: none;
    font-size: 166px;
    font-weight: 100;
    position: absolute;
    left: 961px;
    top: 191px;
}
	.for-the-time-being
 {
    color: #737373;
    text-align: left;
    font-family: "Inter-Light", sans-serif;
    font-size: 25px;
    font-weight: 300;
    position: absolute;
    left: 817px;
    top: 288px;
    width: 220px;
    height: 29px;
}
	.div {
    color: #737373;
    text-align: left;
    font-family: none;
    font-size: 166px;
    font-weight: 100;
    position: absolute;
    left: 733px;
    top: 191px;
}
	.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: 57.16%;
    bottom: 0%;
    top: 33.69%;
    }
	.component-6 {
    height: 149px;
    position: relative;
    top: 292px;
}
	.get-in-touch-not-available {
    color: #ffffff;
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 29px;
    font-weight: 400;
           position: relative;
        left: -40px;
        top: 341px;
}
	.rectangle-not-available
	{
    background: #a0e391;
    border-radius: 34px;
    width: 240px;
    height: 68px;
    position: relative;
        left: 158px;
        float: left;
        top: 332px;
}
	.but-i-would-like-to-know-the-brief-anyway {
    color: #737373;
    text-align: left;
    float: left;
    font-family: "Inter-ExtraLight", sans-serif;
    font-size: 35px;
    font-weight: 200;
    position: absolute;
    left: 105px;
    top: 413px;
}

		.to-work-not-available {
    color: #737373;
        text-align: left;
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 134px;
        font-weight: normal;
        position: relative;
        left: 21px;
        top: 184px;
}
		
	.rectangle-10-rendezvous {
    background: #edcfe5;
    border-radius: 34px;
          width: 219px;
        height: 65px;
        position: relative;
        float: right;
               top: 6%;
        right: 18%;
}
.component-5 {
    height: 149px;
    position: relative;
    top: 144px;
}
.send {
    
		color: #ffffff;
        background: #edcfe5;
        text-align: center;
        font-family: "Inter-Regular", sans-serif;
        font-size: 20px;
        border-radius: 34px;
        width: 22%;
        height: 62px;
		z-index:99999;
		
        line-height: 55px;
        position: absolute;
               left: 36rem;
        top: 32rem;
}

	.rectangle-11 {
		 color: #7c7c7c;
    font-family: "Inter-ExtraLight", sans-serif;
    font-size: 22px;
    line-height: 150px;
                   background: #fff3da;
        text-align: left;
		z-index:9999;
        border-radius: 34px;
        width: 70%;
        left: 21px;
        height: 68px;
		        padding: 30px;
        position: relative;
        top: 13rem;
}
	.widget {
    color: #737373;
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 18px;
    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: 18px;
    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: 18px;
    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: 18px;
    font-weight: 400;
    position: absolute;
    right: 0%;
    left: 85.59%;
    width: 14.41%;
    bottom: 15.44%;
    top: 53.69%;
    height: 30.87%;
}
	.unsense a {
    color: #737373;
    text-align: left;
    font-family: "-", sans-serif;
    font-size: 24px;
    font-weight: 400;
    position: absolute;
    left: 0.2%;
    bottom: 51.68%;
    top: 25.5%;
    height: 22.82%;
}
    .the-view a {
        color: #737373;
        text-align: left;
        font-family: "-", sans-serif;
        font-size: 24px;
        font-weight: 400;
        position: absolute;
        right: 63.53%;
        left: 25.49%;
        width: 25%;
        bottom: 51.68%;
        top: 25.5%;
        height: 22.82%;
    }
	.everything-nothing a {
    color: #737373;
    text-align: left;
    font-family: "-", sans-serif;
    font-size: 24px;
    font-weight: 400;
    position: absolute;
    right: 23.04%;
    left: 51.57%;
    width: 28.39%;
    bottom: 51.68%;
    top: 25.5%;
    height: 22.82%;
}
.the-spark a {
    color: #737373;
    text-align: left;
    font-family: "-", sans-serif;
    font-size: 24px;
    font-weight: 400;
    position: absolute;
    right: 2.25%;
    left: 85.59%;
    width: 16.16%;
    bottom: 51.68%;
    top: 25.5%;
    height: 22.82%;
}
}
@media only screen and (min-width: 1265px) and (max-width: 1800px)
{
	.web_design { cursor: default !important;} 
	.graphic_design {cursor:pointer !important;}
	.brand_identity {cursor:default !important;}
	.print_packaging {cursor:pointer !important;}
		.tab {
    padding-top: 6%;
}
	    .bk_img{
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
	.shareid{color: #edcfe5;
		                      top: 11%;
        text-align: left;
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 53px;
        padding: 0px 10px;
        line-height: 37px;
        font-weight: 200;
        position: relative;}
		
		.text-inbox2 br{ display:block;}
		
		.text-inbox2 {         font-size: 21px;
        line-height: 33px;
        padding-top: 8%;}
	.text12 {font-size: 21px;
        line-height: 23px;
        padding-top: 3%;}
	.resend-btn {
                color: #ffffff;
        text-align: center;
        font-family: "Inter-Regular", sans-serif;
        font-size: 34px;
        line-height: 0px;
        background: #edcfe5;
        border-radius: 62px;
        width: 35%;
        height: 93px;
        position: relative;
        left: 0px;
        top: 25px;
        font-weight: 400;
    }
	.text-inbox {   font-size: 34px;
        line-height: 51px;
        padding-top: 1%;}
	.text11 {            font-size: 32px;
        line-height: 41px;
        padding-top: 2%;}
	.showinterest {
		        color: #edcfe5;
        top: 0%;
        text-align: left;
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 78px;
        padding: 0 0px;
        line-height: 99px;
        font-weight: 200;
        position: relative;
		}
		.component-showinterest
	{        height: 149px;
        position: relative;
        top: -65px;
		}
	.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: 45px;
        line-height: 174px;
        font-weight: 200;
        position: relative;
        left: 14px;
        top: 1px;
        float: left;
}
	.hey-apologies-i-am {
    color: #737373;
        text-align: left;
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 35px;
        position: relative;
        left: 74px;
        top: 48px;
}
	.get-in-touch-available {
    color: #ffffff;
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 29px;
    font-weight: 400;
    position: relative;
    left: -90px;
    top: 82px;
}
	.rectangle-available {
    background: #a0e391;
    border-radius: 34px;
    width: 240px;
    height: 68px;
    position: relative;
    left: 254px;
    top: 139px;
}

	.available {
    color: #a0e391;
    text-align: left;
    font-family: "Inter-ExtraLight", sans-serif;    
        font-size: 130px;
        font-weight: 200;
        position: relative;
        left: 99px;
        top: 0px;
	
}
	.to-work {
    color: #737373;
    text-align: left;
    font-family: "Inter-ExtraLight", sans-serif;
               font-size: 122px;
        float: left;
        font-weight: 200;
        position: relative;
        left: 21rem;
        top: -81px;
}
	 .para-start {
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 15px;
    font-weight: 400;
    position: absolute;
    left: 75px;
    top: 236px;
} 
	.mail-message {       
	top: 36rem;
        text-align: left;
        position: absolute;
        width: 100%;
		}
	    .component-ren1 {
        height: 149px;
        position: relative;
        top: 369px;
    }
	.tab1 
	{
			float: right;
        display: block;
		}	   
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl 
	{
        max-width: 1200px;
    }
	.container1
	{
        max-width: 1253px;
    }
	.tab {
    float: left;
}
	.pt-8 {
    padding-top: 4rem !important;
}
	.tabcontent {
    padding: 0px 12px;
	width: 97%;
}
	.tab button.active {
    color: #737373;
}
	.tab button {
    display: block;
    background-color: inherit;
    color: #BFBFBF;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 36px;
}	
		.component-1 {
    height: 149px;
    position: relative;
    top: 496px;
}
        .component-in { 
  
        height: 149px;
        top: 493px;
        left: 6%;
        float: left;
        width: 80%;
        position: absolute;
}
.component-ren 
{
    height: 149px;
    position: relative;
    top: -45px;
}
	.let-s-rendezvous
	{
    color: #edcfe5;
    text-align: left;
    font-family: "Inter-ExtraLight", sans-serif;
                  font-size: 169px;
        line-height: 119px;
        font-weight: 200;
        position: relative;
        top: 10px;
    float: left;
}
	.div2
	{
    color: #737373;
    text-align: left;
    font-family: none;
    font-size: 166px;
    font-weight: 100;
    position: absolute;
    left: 961px;
    top: 191px;
}
	.for-the-time-being
 {
    color: #737373;
    text-align: left;
    font-family: "Inter-Light", sans-serif;
    font-size: 25px;
    font-weight: 300;
    position: absolute;
    left: 817px;
    top: 288px;
    width: 220px;
    height: 29px;
}
	.div {
    color: #737373;
    text-align: left;
    font-family: none;
    font-size: 166px;
    font-weight: 100;
    position: absolute;
    left: 733px;
    top: 191px;
}
	.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%;
    bottom: 0%;
    top: 33.69%;
    }
	.component-3 {
    height: 149px;
    position: relative;
    top: -30px;
}
	.group-1 {
         width: 35px;
        height: 35px;
        position: relative;
        left: 65px;
        float: right;
        top: 24px;
        overflow: visible;
        z-index: 999999;
}
	.component-6 {
    height: 149px;
    position: relative;
    top: 320px;
}
	.get-in-touch-not-available {
           color: #ffffff;
        text-align: left;
        font-family: "Inter-Regular", sans-serif;
        font-size: 29px;
        font-weight: 400;
        position: relative;
        left: 22px;
        top: 101px;
        float: left;
}
	.rectangle-not-available
	{
        background: #a0e391;
        border-radius: 34px;
        width: 240px;
        height: 68px;
        position: relative;
        left: 221px;
        top: 92px;
        float: left;
}
	.but-i-would-like-to-know-the-brief-anyway {
         color: #737373;
        text-align: center;
        float: left;
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 35px;
        position: relative;
        left: -22px;
        top: 75px;
        width: 100%;
        float: left;
}
		.to-work-not-available {
    color: #737373;
        text-align: left;
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 134px;
        font-weight: normal;
        position: relative;
        left: 87px;
        top: 184px;
}		
	.rectangle-10-rendezvous {
    background: #edcfe5;
    border-radius: 34px;
       width: 219px;
        height: 65px;
        position: relative;
        float: left;
        top: 43%;
        right: 17%;
  }
.component-5 {
    height: 149px;
    position: relative;
    top: -54px;
}
.send {
       
        color: #ffffff;
        background: #edcfe5;
        text-align: center;
        font-family: "Inter-Regular", sans-serif;
        font-size: 20px;
        border-radius: 34px;
               width: 16%;
        height: 67px;
		        z-index: 999999;
      line-height: 55px;
        float: left;
        position: relative;
        left: -10rem;
        top: 0rem;
}
	/* .type-your-email-id-here { */
    /* color: #7c7c7c; */
    /* text-align: left; */
    /* font-family: "Inter-ExtraLight", sans-serif; */
    /* font-size: 22px; */
	        /* padding: 25px; */
          /* line-height: 150px; */
        /* font-weight: 200; */
        /* position: absolute; */
        /* left: 149px; */
        /* top: 69%; */
        /* float: left; */
/* } */
	.rectangle-11 
	{
        background: #fff3da;
        text-align: left;
        border-radius: 34px;
		        z-index: 99999;
        width: 80%;
        padding: 30px;
               left: 1rem;
        float: left;
        height: 68px;
        position: relative;
        top: 0rem;
}
	.widget {
    color: #737373;
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 18px;
    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: 18px;
    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: 18px;
    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: 18px;
    font-weight: 400;
    position: absolute;
    right: 0%;
    left: 85.59%;
    width: 14.41%;
    bottom: 15.44%;
    top: 53.69%;
    height: 30.87%;
}
	.unsense a {
    color: #737373;
    text-align: left;
    font-family: "-", sans-serif;
    font-size: 24px;
    font-weight: 400;
    position: absolute;
    left: 0.2%;
    bottom: 51.68%;
    top: 25.5%;
    height: 22.82%;
}
    .the-view a {
        color: #737373;
        text-align: left;
        font-family: "-", sans-serif;
        font-size: 24px;
        font-weight: 400;
        position: absolute;
        right: 63.53%;
        left: 25.49%;
        width: 25%;
        bottom: 51.68%;
        top: 25.5%;
        height: 22.82%;
    }
	.everything-nothing a {
    color: #737373;
    text-align: left;
    font-family: "-", sans-serif;
    font-size: 24px;
    font-weight: 400;
    position: absolute;
    right: 23.04%;
    left: 51.57%;
    width: 28.39%;
    bottom: 51.68%;
    top: 25.5%;
    height: 22.82%;
}
.the-spark a {
    color: #737373;
    text-align: left;
    font-family: "-", sans-serif;
    font-size: 24px;
    font-weight: 400;
    position: absolute;
    right: 2.25%;
    left: 85.59%;
    width: 16.16%;
    bottom: 51.68%;
    top: 25.5%;
    height: 22.82%;
}
	.mobileshow {display:none;}
	.hidemobile {display:block;}
	    .component-6 {
               height: 149px;
        position: relative;
        top: 61px;
    }
	    .div2 {
        color: #737373;
        text-align: left;
        font-family: none;
        font-size: 151px;
        font-weight: 100;
        position: relative;
        left: -60px;
        float: left;
        top: 101px;
    }
	    .for-the-time-being {
                color: #737373;
        text-align: left;
        font-family: "Inter-Light", sans-serif;
        font-size: 25px;
        font-weight: 300;
        position: relative;
        left: -57px;
        float: left;
        top: 206px;
        width: 146px;
        height: 29px;
    }
	    .div {
                color: #737373;
        text-align: left;
        font-family: none;
        font-size: 151px;
        font-weight: 100;
        position: relative;
        left: -87px;
        top: 101px;
        float: left;
    }
	.not-available {
            color: #ee7c71;
        text-align: left;
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 136px;
        font-weight: 200;
        position: relative;
        left: 68px;
        top: -2px;
        float: left;
}
	    .to-work-not-available {
                color: #737373;
        text-align: left;
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 120px;
        font-weight: normal;
        position: absolute;
        left: 174px;
        float: left;
        top: 202px;
    }
}
@media only screen and (min-width: 1801px) and (max-width: 2400px)
{
 
    .container1 {
        max-width: 1800px !important;
    }

		.web_design { cursor: default !important;} 
	.graphic_design {cursor:pointer !important;}
	.brand_identity {cursor:default !important;}
	.print_packaging {cursor:pointer !important;}
		.tab {
    padding-top: 6%;
}
	    .bk_img{
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
	.shareid{color: #edcfe5;
		                      top: 11%;
        text-align: left;
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 63px;
        padding: 0px 10px;
        line-height: 37px;
        font-weight: 200;
        position: relative;}
		
	.text-inbox2 br{ display:block;}
		
		.text-inbox2 { font-size: 33px;
        line-height: 68px;
        padding-top: 8%;}
	.text12 {font-size: 30px;
        line-height: 29px;
        padding-top: 3%;}
	.resend-btn {
               color: #ffffff;
        text-align: center;
        font-family: "Inter-Regular", sans-serif;
        font-size: 35px;
        line-height: 0px;
        background: #edcfe5;
        border-radius: 62px;
        width: 31%;
        height: 103px;
        position: relative;
        left: 0px;
        top: 25px;
        font-weight: 400;
    }
	.text-inbox {            font-size: 40px;
        line-height: 67px;
        padding-top: 4%;}
	.text11 {            font-size: 36px;
        line-height: 51px;
        padding-top: 3%;}
	.showinterest {
		        color: #edcfe5;
        top: 4%;
        text-align: left;
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 116px;
        padding: 0 0px;
        line-height: 92px;
        font-weight: 200;
        position: relative;
		}
		.component-showinterest
	{        height: 149px;
        position: relative;
        top: -54px;
		}
	.hey-apologies-i-am {
    color: #737373;
    text-align: left;
    font-family: "Inter-ExtraLight", sans-serif;
    font-size: 35px;
    font-weight: 200;
    position: relative;
    left: 74px;
    top: 48px;
}
	.get-in-touch-available {
    color: #ffffff;
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 31px;
        position: relative;
        left: 406px;
        top: 493px;
}
	.rectangle-available {
    background: #a0e391;
    border-radius: 34px;
    width: 240px;
    height: 68px;
           position: relative;
        left: 366px;
    top: 550px;
}
	       .available {
        color: #a0e391;
        /* text-align: left; */
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 200px;
        font-weight: 200;
        float: left;
        position: absolute;
        left: 24%;
        top: 11px;
    }
	    .to-work {
        color: #737373;
        text-align: left;
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 184px;
        float: right;
        font-weight: 200;
        position: relative;
             left: -24rem;
        top: 153px;
		}     
	.component-3 {
    height: 149px;
    position: relative;
    top: 247px;
}

	.conversationalist {
        color: #737373;
        text-align: left;
        font-family: "Inter-ExtraLightItalic", sans-serif;
        font-size: 33px;
        letter-spacing: -0.04em;
        font-weight: 200;
        font-style: italic;
        position: absolute;
        left: 694px;
        line-height: 35px;
    top: 218px;
}
	.conversationalist-p {
    color: #737373;
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 18px;
    font-weight: 400;
    position: absolute;
    left: 704px;
    top: 367px;
}
	.left-text {
           color: #737373;
        text-align: left;
        font-family: "-", sans-serif;
        font-size: 18px;
        font-weight: 400;
        position: relative;
        left: 0px;
        top: -20px;
        float: right;
}
	.case {
    color: #737373;
    text-align: left;
    font-family: "Inter-ExtraLightItalic", sans-serif;
    font-size: 113px;
    letter-spacing: -0.04em;
    font-weight: 200;
    font-style: italic;
    position: absolute;
    left: 433px;
    top: 137px;
}
	.curious {
    color: #737373;
    text-align: left;
    font-family: "Inter-ExtraLightItalic", sans-serif;
    font-size: 113px;
    letter-spacing: -0.04em;
    font-weight: 200;
    font-style: italic;
    position: absolute;
    left: 433px;
    top: 61px;
}
	 .para-start {
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 15px;
    font-weight: 400;
    position: absolute;
    left: 74px;
    top: 236px;
} 
	.mail-message {       
	top: 36rem;
        text-align: left;
        position: absolute;
        width: 100%;
		}
	    .component-ren1 {
        height: 149px;
        position: relative;
        top: 380px;
    }
	.tab1 
	{
		float: right;
        display: block;
		}	   
	
	.tab {
    float: left;
}
	.pt-8 {
    padding-top: 4rem !important;
}
	.tabcontent {
    padding: 0px 12px;
	width: 97%;
	        padding-top: 6%;
}
	.tab button.active {
    color: #737373;
}
	.tab button {
    display: block;
    background-color: inherit;
    color: #BFBFBF;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 36px;
}	
		.component-1 {
    height: 149px;
    position: relative;
    top: 693px;
}
           .component-in 
           {
      height: 149px;
        position: relative;
        top: 493px;
        left: 4%;
        float: left;
        width: 80%;
        position: absolute;
    }
.component-ren 
{
    height: 149px;
    position: relative;
    top: -61px;
}
	.let-s-rendezvous
	{
           color: #edcfe5;
        text-align: left;
        font-family: "Inter-ExtraLight", sans-serif;
              font-size: 224px;
        line-height: 190px;
        font-weight: 200;
        position: relative;
        top: 25px;
        float: left;
}
    .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: 56px;
        line-height: 150px;
        font-weight: 200;
        position: relative;
        left: 11px;
        float: left;
        top: 25px;
    }
	.div2
	{
    color: #737373;
    text-align: left;
    font-family: none;
    font-size: 166px;
    font-weight: 100;
    position: absolute;
    left: 961px;
    top: 191px;
}
	.for-the-time-being
 {
    color: #737373;
    text-align: left;
    font-family: "Inter-Light", sans-serif;
    font-size: 25px;
    font-weight: 300;
    position: absolute;
    left: 817px;
    top: 288px;
    width: 220px;
    height: 29px;
}
	.div {
    color: #737373;
    text-align: left;
    font-family: none;
    font-size: 166px;
    font-weight: 100;
    position: absolute;
    left: 733px;
    top: 191px;
}
	.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%;
    bottom: 0%;
    top: 33.69%;
    }
	.group-1 {
               width: 35px;
        height: 35px;
        position: relative;
        left: 65px;
        float: right;
        top: 24px;
        overflow: visible;
        z-index: 999999;
}
	.component-6 {
    height: 149px;
    position: relative;
    top: 320px;
}
	.get-in-touch-not-available {
    color: #ffffff;
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
            font-size: 31px;
        font-weight: 400;
        position: relative;
        left: -9px;
        top: 0px;
        float: left;
}
	.rectangle-not-available
	{
           background: #a0e391;
        border-radius: 34px;
              width: 240px; 
        height: 68px;
        position: relative;
        left: 200px;
        top: -10px;
        float: left;
}
	.but-i-would-like-to-know-the-brief-anyway {
            color: #737373;
        text-align: center;
        float: left;
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 47px;
        position: relative;
        left: -151px;
        top: -85px;
        width: 100%;
}
		.to-work-not-available {
    color: #737373;
        text-align: left;
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 134px;
        font-weight: normal;
        position: relative;
        left: 87px;
        top: 184px;
}		
	.rectangle-10-rendezvous {
    background: #edcfe5;
    border-radius: 34px;
       width: 219px;
        height: 65px;
        position: relative;
        float: left;
        top: 43%;
        right: 17%;
  }

.send {
        background: #edcfe5;
        border-radius: 34px;
        width: 22%;
        height: 68px;
        line-height: 55px;  
z-index:99999;		
    color: #ffffff;
    text-align: center;
        font-family: "Inter-Regular", sans-serif;
        font-size: 20px;
               position: absolute;
        top: 60%;
        left: 35%;
}
	.type-your-email-id-here {
    color: #7c7c7c;
    text-align: left;
    font-family: "Inter-ExtraLight", sans-serif;
    font-size: 22px;
	z-index:9999;
	        padding: 25px;
          line-height: 150px;
        font-weight: 200;
        position: absolute;
        left: 149px;
        top: 69%;
        float: left;
}
	.rectangle-11 
	{
           background: #fff3da;
        text-align: left;
        border-radius: 34px;
        width: 89%;
        padding: 30px;
        left: 1rem;
        float: left;
		        z-index: 999999999;
        height: 68px;
        position: relative;
        top: 3rem;
}
	.widget {
    color: #737373;
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 18px;
    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: 18px;
    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: 18px;
    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: 18px;
    font-weight: 400;
    position: absolute;
    right: 0%;
    left: 85.59%;
    width: 14.41%;
    bottom: 15.44%;
    top: 53.69%;
    height: 30.87%;
}
	.unsense a {
    color: #737373;
    text-align: left;
    font-family: "-", sans-serif;
    font-size: 24px;
    font-weight: 400;
    position: absolute;
    left: 0.2%;
    bottom: 51.68%;
    top: 25.5%;
    height: 22.82%;
}
    .the-view a {
        color: #737373;
        text-align: left;
        font-family: "-", sans-serif;
        font-size: 24px;
        font-weight: 400;
        position: absolute;
        right: 63.53%;
        left: 25.49%;
        width: 25%;
        bottom: 51.68%;
        top: 25.5%;
        height: 22.82%;
    }
	.everything-nothing a {
    color: #737373;
    text-align: left;
    font-family: "-", sans-serif;
    font-size: 24px;
    font-weight: 400;
    position: absolute;
    right: 23.04%;
    left: 51.57%;
    width: 28.39%;
    bottom: 51.68%;
    top: 25.5%;
    height: 22.82%;
}
.the-spark a {
    color: #737373;
    text-align: left;
    font-family: "-", sans-serif;
    font-size: 24px;
    font-weight: 400;
    position: absolute;
    right: 2.25%;
    left: 85.59%;
    width: 16.16%;
    bottom: 51.68%;
    top: 25.5%;
    height: 22.82%;
}
	.mobileshow {display:none;}
	.hidemobile {display:block;}
	    .component-6 {
        height: 149px;
        position: relative;
        top: -50px;
    }
	    .div2 {
        color: #737373;
        text-align: left;
        font-family: none;
        font-size: 189px;
        font-weight: 100;
       position: relative;
        left: 56px;
        float: left;
        top: -109px;
    }
	    .for-the-time-being {
               color: #737373;
        text-align: left;
        font-family: "Inter-Light", sans-serif;
        font-size: 37px;
        font-weight: 300;
        position: relative;
        left: 104px;
        top: 26px;
        width: 220px;
        float: left;
        height: 29px;
    }
	    .div {
        color: #737373;
        text-align: left;
        font-family: none;
        font-size: 189px;
        font-weight: 100;
        position: relative;
        left: 97px;
        top: -110px;
        float: left;
    }
	.not-available {
    color: #ee7c71;
    text-align: left;
    font-family: "Inter-ExtraLight", sans-serif;
    font-size: 212px;
    font-weight: 200;
            position: relative;
        left: 61px;
        top: 3px;
}
    .send {
        color: #ffffff;
		        z-index: 999999999;
        background: #edcfe5;
        text-align: center;
        font-family: "Inter-Regular", sans-serif;
        font-size: 20px;
        border-radius: 34px;
        width: 16%;
        height: 67px;
        line-height: 55px;
               position: relative;
        left: -7rem;
        top: -1rem;
        float: right;
    }
	    .component-5 {
        height: 149px;
        position: relative;
        top: -13px;
    }
/* .rectangle-10 {
    background: #edcfe5;
    border-radius: 34px;
    width: 100%;
	text-align:center;
	color:#fff;
    height: 32px;
    position: relative;
    left: 0px;
    top: 0px;
} */
	    .to-work-not-available {
        color: #737373;
        text-align: left;
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 188px;
        font-weight: normal;
                  position: relative;
        left: 61px;
		        float: left;
        top: -88px;
    }
}
@media only screen and (min-width: 2401px) and (max-width: 3200px)
{
    .custom-cursor2 {
    position: fixed;
    width: 256px;
    height: 300px;
    pointer-events: none;
    background: url(images/default2.png) no-repeat center center;
    background-size: contain;
    z-index: 10000;
    top: 14% !important;
    left: 17%;
    display: none;
}
 .the {
    color: #000000;
    text-align: left;
    font-family: "Inter-ThinItalic", sans-serif;
    font-size: 68px;
    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: 44px;
    font-weight: 400;
    position: absolute;
    left: 67px;
    top: 151px;
}
    .container1 {
        max-width: 1800px !important;
    }
	    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 2300px;
    }

		.web_design { cursor: default !important;} 
	.graphic_design {cursor:pointer !important;}
	.brand_identity {cursor:default !important;}
	.print_packaging {cursor:pointer !important;}
		.tab {
    padding-top: 6%;
}
	    .bk_img{
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
	.shareid{color: #edcfe5;
		                      top: 11%;
        text-align: left;
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 63px;
        padding: 0px 10px;
        line-height: 37px;
        font-weight: 200;
        position: relative;}
		
	.text-inbox2 br{ display:block;}
		
		.text-inbox2 { font-size: 33px;
        line-height: 68px;
        padding-top: 8%;}
	.text12 {font-size: 30px;
        line-height: 29px;
        padding-top: 3%;}
	.resend-btn {
               color: #ffffff;
        text-align: center;
        font-family: "Inter-Regular", sans-serif;
        font-size: 35px;
        line-height: 0px;
        background: #edcfe5;
        border-radius: 62px;
        width: 31%;
        height: 103px;
        position: relative;
        left: 0px;
        top: 25px;
        font-weight: 400;
    }
	.text-inbox {            font-size: 40px;
        line-height: 67px;
        padding-top: 4%;}
	.text11 {            font-size: 36px;
        line-height: 51px;
        padding-top: 3%;}
	.showinterest {
		        color: #edcfe5;
        top: 4%;
        text-align: left;
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 116px;
        padding: 0 0px;
        line-height: 92px;
        font-weight: 200;
        position: relative;
		}
		.component-showinterest
	{        height: 149px;
        position: relative;
        top: -54px;
		}
	.hey-apologies-i-am {
    color: #737373;
    text-align: left;
    font-family: "Inter-ExtraLight", sans-serif;
    font-size: 35px;
    font-weight: 200;
    position: relative;
    left: 74px;
    top: 48px;
}
	.get-in-touch-available {
    color: #ffffff;
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
            font-size: 52px;
        position: relative;
        left: 169px;
        top: 480px;
}
	.rectangle-available {
            background: #a0e391;
        border-radius: 34px;
        width: 299px;
        height: 85px;
        position: relative;
        left: 154px;
        top: 565px;
}
	       .available {
        color: #a0e391;
        /* text-align: left; */
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 266px;
        font-weight: 200;
        float: left;
        position: absolute;
        left: 24%;
        top: 11px;
    }
	    .to-work {
        color: #737373;
        text-align: left;
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 244px;
        float: right;
        font-weight: 200;
        position: relative;
        left: -7rem;
        top: 204px;
		}  
		.everything-nothing1 {
    color: #737373;
    text-align: left;
    font-family: "-", sans-serif;
    font-size: 37px;
    font-weight: 400;
    position: absolute;
    right: 22.84%;
    left: 51.57%;
    width: 25.59%;
    bottom: 51.68%;
    top: 18.5%;
    height: 22.82%;
}
.widget3-available {
    color: #737373;
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 26px;
    font-weight: 400;
    position: absolute;
    right: 21.27%;
    left: 51.57%;
    width: 27.16%;
    bottom: 0%;
    top: 53.69%;
    height: 46.31%;
}		
	.component-3 {
    height: 149px;
    position: relative;
    top: 227px;
}

	.conversationalist {
                color: #737373;
        text-align: left;
        font-family: "Inter-ExtraLightItalic", sans-serif;
        font-size: 48px;
        letter-spacing: -0.04em;
        font-weight: 200;
        font-style: italic;
        position: absolute;
        left: 805px;
        line-height: 42px;
        top: 299px;
}
	.conversationalist-p {
           color: #737373;
        text-align: left;
        font-family: "Inter-Regular", sans-serif;
        font-size: 32px;
        font-weight: 400;
        position: absolute;
        left: 811px;
        top: 458px;
}
	.left-text {
                color: #737373;
        text-align: left;
        font-family: "-", sans-serif;
        font-size: 32px;
        font-weight: 400;
        position: relative;
        left: 0px;
        top: -29px;
        float: right;
}
	.case {
           color: #737373;
        text-align: left;
        font-family: "Inter-ExtraLightItalic", sans-serif;
        font-size: 179px;
        letter-spacing: -0.04em;
        font-weight: 200;
        font-style: italic;
        position: absolute;
        left: 433px;
        top: 176px;
}
	.curious {
    color: #737373;
    text-align: left;
    font-family: "Inter-ExtraLightItalic", sans-serif;
    font-size: 179px;
    letter-spacing: -0.04em;
    font-weight: 200;
    font-style: italic;
    position: absolute;
    left: 433px;
    top: 61px;
}
	 .para-start {
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 29px;
    position: absolute;
    left: 74px;
    top: 24rem;
} 
	.mail-message {       
	top: 36rem;
        text-align: left;
        position: absolute;
        width: 100%;
		}
	    .component-ren1 {
        height: 149px;
        position: relative;
        top: 595px;
    }
	.tab1 
	{
		float: right;
        display: block;
		}	   
	
	.tab {
    float: left;
}
	.pt-8 {
    padding-top: 4rem !important;
}
	.tabcontent {
    padding: 0px 12px;
	width: 97%;
	       padding-top: 6%;
        font-size: 34px;
}
	.tab button.active {
    color: #737373;
}
	.tab button {
    display: block;
    background-color: inherit;
    color: #BFBFBF;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 67px;
}	
		.component-1 {
    height: 149px;
    position: relative;
    top: 74rem;
}
.unsense1 a {
    color: #737373;
    text-align: left;
    font-family: "-", sans-serif;
    font-size: 66px;
    font-weight: 400;
    position: absolute;
    left: 0.2%;
    bottom: 51.68%;
    top: -0.5%;
    height: 22.82%;
}
.text-first {
    color: #737373;
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 34px;
    font-weight: 400;
    position: absolute;
    right: 83.14%;
    left: 0.2%;
    width: 16.67%;
    bottom: 0%;
    top: 53.69%;
    height: 46.31%;
}
           .component-in 
           {
      height: 149px;
        top: 49rem;
        left: 3%;
        float: left;
        width: 80%;
        position: absolute;
    }
.component-ren 
{
    height: 149px;
    position: relative;
    top: -61px;
}
	.let-s-rendezvous
	{
           color: #edcfe5;
        text-align: left;
        font-family: "Inter-ExtraLight", sans-serif;
              font-size: 285px;
        line-height: 190px;
        font-weight: 200;
        position: relative;
        top: 25px;
        float: left;
}
    .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: 76px;
        line-height: 150px;
        font-weight: 200;
        position: relative;
        left: 11px;
        float: left;
        top: 83px;
    }
	.div2
	{
    color: #737373;
    text-align: left;
    font-family: none;
    font-size: 166px;
    font-weight: 100;
    position: absolute;
    left: 961px;
    top: 191px;
}
	.for-the-time-being
 {
    color: #737373;
    text-align: left;
    font-family: "Inter-Light", sans-serif;
    font-size: 25px;
    font-weight: 300;
    position: absolute;
    left: 817px;
    top: 288px;
    width: 220px;
    height: 29px;
}
	.div {
    color: #737373;
    text-align: left;
    font-family: none;
    font-size: 166px;
    font-weight: 100;
    position: absolute;
    left: 733px;
    top: 191px;
}
	.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%;
    bottom: 0%;
    top: 33.69%;
    }
	.group-1 {
               width: 35px;
        height: 35px;
        position: relative;
        left: 65px;
        float: right;
        top: 24px;
        overflow: visible;
        z-index: 999999;
}
	.component-6 {
    height: 149px;
    position: relative;
    top: 320px;
}
	.get-in-touch-not-available {
    color: #ffffff;
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
            font-size: 31px;
        font-weight: 400;
        position: relative;
        left: -9px;
        top: 0px;
        float: left;
}
	.rectangle-not-available
	{
           background: #a0e391;
        border-radius: 34px;
              width: 240px; 
        height: 68px;
        position: relative;
        left: 200px;
        top: -10px;
        float: left;
}
	.but-i-would-like-to-know-the-brief-anyway {
            color: #737373;
        text-align: center;
        float: left;
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 47px;
        position: relative;
        left: -151px;
        top: -85px;
        width: 100%;
}
		.to-work-not-available {
    color: #737373;
        text-align: left;
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 134px;
        font-weight: normal;
        position: relative;
        left: 87px;
        top: 184px;
}		
	.rectangle-10-rendezvous {
    background: #edcfe5;
    border-radius: 34px;
       width: 219px;
        height: 65px;
        position: relative;
        float: left;
        top: 43%;
        right: 17%;
  }

.send {
        background: #edcfe5;
        border-radius: 34px;
        width: 22%;
        height: 68px;
        line-height: 55px;  
z-index:99999;		
    color: #ffffff;
    text-align: center;
        font-family: "Inter-Regular", sans-serif;
        font-size: 20px;
               position: absolute;
        top: 60%;
        left: 35%;
}
	.type-your-email-id-here {
    color: #7c7c7c;
    text-align: left;
    font-family: "Inter-ExtraLight", sans-serif;
    font-size: 47px;
	z-index:9999;
	        padding: 25px;
          line-height: 150px;
        font-weight: 200;
        position: absolute;
        left: 149px;
        top: 69%;
        float: left;
}
	.rectangle-11 
	{
                background: #fff3da;
        text-align: left;
        border-radius: 34px;
        width: 68%;
        padding: 30px;
        left: 1rem;
        float: left;
        z-index: 999999999;
        height: 103px;
        position: relative;
        top: 7rem;
}
	.widget {
    color: #737373;
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 26px;
    font-weight: 400;
    position: absolute;
    right: 83.14%;
    left: 0.2%;
    width: 16.67%;
    bottom: 0%;
    top: 69.69%;
    height: 46.31%;
}
.widget2 {
    color: #737373;
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 35px;
    font-weight: 400;
    position: absolute;
    right: 59.71%;
    left: 25.49%;
    width: 14.8%;
    bottom: 0%;
   top: 69.69%;
    height: 46.31%;
}
.widget3 {
    color: #737373;
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 26px;
    font-weight: 400;
    position: absolute;
    right: 21.27%;
    left: 51.57%;
    width: 27.16%;
    bottom: 0%;
   top: 69.69%;
    height: 46.31%;
}
.widget4 {
    color: #737373;
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 26px;
    font-weight: 400;
    position: absolute;
    right: 0%;
    left: 85.59%;
    width: 14.41%;
    bottom: 15.44%;
   top: 69.69%;
    height: 30.87%;
}
	.unsense a {
    color: #737373;
    text-align: left;
    font-family: "-", sans-serif;
    font-size: 40px;
    font-weight: 400;
    position: absolute;
    left: 0.2%;
    bottom: 51.68%;
    top: 25.5%;
    height: 22.82%;
}
    .the-view a {
        color: #737373;
        text-align: left;
        font-family: "-", sans-serif;
        font-size: 55px;
        font-weight: 400;
        position: absolute;
        right: 63.53%;
        left: 25.49%;
        width: 25%;
        bottom: 51.68%;
        top: 15.5%;
        height: 22.82%;
    }
	.everything-nothing a {
    color: #737373;
    text-align: left;
    font-family: "-", sans-serif;
    font-size: 40px;
    font-weight: 400;
    position: absolute;
    right: 23.04%;
    left: 51.57%;
    width: 28.39%;
    bottom: 51.68%;
    top: 25.5%;
    height: 22.82%;
}
.the-spark a {
    color: #737373;
    text-align: left;
    font-family: "-", sans-serif;
    font-size: 40px;
    font-weight: 400;
    position: absolute;
    right: 2.25%;
    left: 85.59%;
    width: 16.16%;
    bottom: 51.68%;
    top: 25.5%;
    height: 22.82%;
}
	.mobileshow {display:none;}
	.hidemobile {display:block;}
	    .component-6 {
        height: 149px;
        position: relative;
        top: -50px;
    }
	    .div2 {
        color: #737373;
        text-align: left;
        font-family: none;
        font-size: 189px;
        font-weight: 100;
       position: relative;
        left: 56px;
        float: left;
        top: -109px;
    }
	    .for-the-time-being {
               color: #737373;
        text-align: left;
        font-family: "Inter-Light", sans-serif;
        font-size: 37px;
        font-weight: 300;
        position: relative;
        left: 104px;
        top: 26px;
        width: 220px;
        float: left;
        height: 29px;
    }
	    .div {
        color: #737373;
        text-align: left;
        font-family: none;
        font-size: 189px;
        font-weight: 100;
        position: relative;
        left: 97px;
        top: -110px;
        float: left;
    }
	.not-available {
    color: #ee7c71;
    text-align: left;
    font-family: "Inter-ExtraLight", sans-serif;
    font-size: 212px;
    font-weight: 200;
            position: relative;
        left: 61px;
        top: 3px;
}
    .send {
        color: #ffffff;
		        z-index: 999999999;
        background: #edcfe5;
        text-align: center;
        font-family: "Inter-Regular", sans-serif;
               font-size: 47px;
        border-radius: 34px;
        width: 16%;
        height: 103px;
        line-height: 55px;
        position: relative;
        left: -20rem;
        top: 7rem;
        float: left;
    }
	    .component-5 {
        height: 149px;
        position: relative;
        top: -13px;
    }
/* .rectangle-10 {
    background: #edcfe5;
    border-radius: 34px;
    width: 100%;
	text-align:center;
	color:#fff;
    height: 32px;
    position: relative;
    left: 0px;
    top: 0px;
} */
	    .to-work-not-available {
        color: #737373;
        text-align: left;
        font-family: "Inter-ExtraLight", sans-serif;
        font-size: 188px;
        font-weight: normal;
                  position: relative;
        left: 61px;
		        float: left;
        top: -88px;
    }
}
.m-0 {
    margin: auto;
}