@font-face {
  font-family: HelveticaNeueBold;
  src: url(../font/HelveticaNeueBold.woff);
}

@font-face {
  font-family: HelveticaNeueMedium;
  src: url(../font/HelveticaNeueMedium.woff);
}

@font-face {
  font-family: HelveticaNeueLight;
  src: url(../font/HelveticaNeueLight.woff);
}

@font-face {
  font-family: HelveticaNeue;
  src: url(../font/HelveticaNeue.woff);
}

html {
  font-size: 62.5%;
}

.container {
  max-width: 86%;
}

footer .container {
  max-width: 100%;
}

body {
  font-family: HelveticaNeue;
  display: flex;
  align-items: center;
  flex-direction: column;
  min-height: 100vh;
  background-color:#f2f2f2;
}

body > * {
  max-width: 1920px;
}

.elf-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.elf-image {
  width: 100%;
  height: 100%;
  transition: transform 0.3s ease;
}

.elf-container:hover .elf-image {
  transform: scale(1.1);
}

.elf-container:hover .elf-image.no-animation {
  transform: none;
}

.elf-text {
  position: absolute;
  top: 8rem;
  left: 8rem;
  right: 8rem;
}

.elf-text.logistics-partner-text {
  /* left: calc((100% - 86%) / 2); */
  /* left: calc(((100% - 86%) / 2) + 0.75rem); */
  left: 114px;
  top: 114px;
}

.elf-container h1,
.elf-container p,
.elf-container h2 {
  font-family: HelveticaNeueBold;
  color: #6e6e6e;
}

/* 
.elf-container h1 {
  font-size:30px;
  line-height: 1.1;
  margin-bottom: 10px;
  letter-spacing: -2.5px;
}
 */

.elf-container h2 {
  font-size: 28px;
  margin-bottom: 10px;
  letter-spacing: -0.5px;
}

.elf-container p {
  letter-spacing: -0.5px;
  margin-bottom: 0px !important;
}

p.two-col {
  font-size: 2.4rem;
  letter-spacing: 0.5px;
}

p.orange {
  font-size: 10rem;
  color: #e77f3d;
  letter-spacing: -2.5px;
  margin-top: 8rem;
}

.elf-image img {
  width: 100%;
}

.header {
  background-color: white !important;
}

.nav-item {
  font-size: 20px;
  margin-right: 15px;
}

.nav-link {
  color: black;
}

.nav-botton {
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 4px;
  background-color: #e77f3d;
  border: 1px solid #e77f3d;
  color: white;
  padding: 0.2rem 2rem 0.2rem 2rem;
  text-decoration: none;
  font-size: 20px;
  margin-left: 15px;
  font-family: HelveticaNeueMedium;
}

a.elf-header.nav-botton {
  padding: 0 15px;
}

.get-in-touch {
  background-color: #e77f3d;
  width: 100%;
}

.get-in-touch-inner {
  padding-top: 14rem;
  padding-bottom: 14rem;
}

.form-area .row {
 /* 
 padding-top: 14rem;
  padding-bottom: 14rem;
 */
}

.form-area {
  width: 100%;
  background-color: #e77f3d;
  margin-top: -20px;
}

.form-area-content {
  font-size: 7rem;
  color: white;
  line-height: 1;
  padding: 5rem;
  padding-left: 0;
  font-family: HelveticaNeueBold;
  letter-spacing: -2.5px;
}

.form {
  box-shadow: 0px 30px 50px #00000029;
  border-radius: 30px;
  opacity: 1;
  background-color: white;
  padding: 7rem;
}

.input {
  margin-top: 3rem;
  border-top: none;
  border-left: none;
  border-right: none;
}


a.hover:hover {
  color: #223547;
}

/* 
.orange-heading.mb-device {
  font-size: 6.3rem;
  padding: 5rem;
  padding-left: 0;
}
 */

.img2 {
  padding-right: 10px;
}

.img3 {
  padding-left: 10px;
}

/* .footer-inner {
  text-align: center;
} */

.footer-content {
  color: #505050;
  font-size: 2.5rem;
}

.nav-link:hover {
  color: #e77f3d;
}

.nav-botton:hover {
  color: #fff;
}

.icons {
  width: 22px;
}

#mobile-menu,
#overlay {
  display: none;
}

#overlay {
  position: fixed;
  background: #fff;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#overlay ul {
  list-style: none;
  padding: 0;
}

#overlay ul li {
  margin: 3rem 0;
}

a {
  text-decoration: none;
}

#overlay .overlay-menu {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#overlay.active {
  display: inline-block;
}

.mobile-logo-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 36px 0 36px;
}

.mobile-logo-box a img {
  width: 44px;
}

.close-menu-box img {
  width: 20px;
}

.mobile-menu-text {
  display: block;
  padding: 12px 30px;
  background: #e77d38;
  color: #fff;
  margin-bottom: 30px;
  border-radius: 38px;
  font-size: 20px;
  font-family: HelveticaNeueMedium;
  text-align: center;
}

.mobile-menu-text:hover {
  background: #e77d38;
  color: #fff;
}

.mobile {
  display: none;
}

.footer-content a {
  color: #505050;
}

header nav.navbar {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.form-control.input {
  border-radius: 0;
}

.form-control.input::placeholder {
  color: #bababa;
  opacity: 1;
}

.form-control.input:-ms-input-placeholder {
  color: #bababa;
}

.form-control.input::-ms-input-placeholder {
  color: #bababa;
}

header {
  position: sticky;
  top: -1px;
  width: 100%;
  background: #fff;
  z-index: 100;
  /* box-shadow: 0 1.8px 4px 0 rgba(0, 0, 0, 0.5); */
  /* box-shadow: 0px 6px 4px -4px rgba(0, 0, 0, 0.5); */
  box-shadow: -6px 0 0 white, 6px 0 0 white, 0 6px 4px -4px rgba(0, 0, 0, 0.5);
  padding-left: 0;
}

.centrick {
  font-size: 2.5rem;
  display: inline-block;
  color: #505050;
}

.centrick:hover {
  color: #505050;
}

.hr-line {
  width: 100%;
  height: 1px;
  background: #bababa;
}

.only-desktop {
  display: block;
}

.v-center {
  align-self: center;
}

.nav-link.main-menu {
  color: #505050;
}

.grey-line {
  padding-top: 7rem;
  padding-bottom: 4.2rem;
}

.form-control.input:focus {
  box-shadow: none;
  border-color: #505050;
}

.error {
  display: none;
  margin-top: 2px;
  margin-left: 2px;
  color: #dc3545;
  font-size: 12px;
}

.input-error.form-control.input {
  border-color: #dc3545;
}

.social-box {
  display: inline-block;
  /* background-color: #e77f3d; */
  color:#233548;
}

.social-box:not(:last-child) {
  margin-right: 10px;
}

.logistics-page .mb-logistics-hero .elf-image img,
.mobile .elf-image img {
  height: 600px;
  width: 100%;
  object-fit: cover;
}

.elf-text h2 br {
  display: none;
}

@media screen and (min-device-width: 1921px) {
  html {
      font-size: 63.5%;
  }

  body .container.desktop,
  .only-desktop {
      max-width: 1920px;
  }

  .container {
      padding-left: 0 !important;
  }

  .elf-image img {
      width: 100%;
  }

  .orange-heading {
      padding-left: calc((100% - 86%) / 2) !important;
  }

  .elf-text {
      left: calc((100% - 86%) / 2);
  }

  .elf-text.big-screen {
      left: calc(((100% - 86%) / 2) * 2);
  }

  .log-text p {
      padding-left: 0;
  }

  .elf-text.logistics-partner-text {
      left: calc((100% - 86%) / 2);
  }
}

@media screen and (max-device-width: 1920px) {
  .thank-you-box p {
      margin-left: -20px;
  }
}

@media screen and (max-device-width: 1680px) {
  html {
      font-size: 48%;
  }

  .thank-you-box p {
      margin-left: 5px;
  }
}

@media screen and (max-width: 1479px) {
  html {
      font-size: 45%;
  }

  .thank-you-box p {
      margin-left: 15px;
  }
  .logo {
      width: 60px;
  }
}

@media screen and (max-device-width: 1367px) and (min-device-width: 1298px) {
  
}

@media screen and (max-width: 1299px) {
  html {
      font-size: 45%;
  }

  .form-area-content br {
      display: none;
  }

  .elf-text.logistics-partner-text h1 {
      font-size: 6.4rem;
  }
}

@media screen and (max-width: 1195px) {
  .elf-text.logistics-partner-text {
      top: 80px;
  }
  p.orange {
      margin-top: 2rem;
      line-height: 1;
  }
  .elf-text {
      top: 5rem;
      left: 4rem;
      right: 5rem;
  }
}

@media screen and (max-width: 1025px) {
  html {
      font-size: 35%;
  }

  .form-area-content,
  .orange-heading.mb-device,
  .elf-text h1,
  .contact-hero h1 {
      letter-spacing: -1px;
  }
  .logo {
      width: 55px;
  }
}

@media screen and (max-width: 992px) {
  #mobile-menu {
      display: inline-block;
  }

  .logo {
      width: 55px;
  }
}

@media screen and (max-width: 840px) {
  .elf-text.logistics-partner-text {
      top: 50px;
  }
  .form-area-content br {
      display: none;
  }
  p.orange {
      margin-top: 0;
  }
}

@media screen and (max-width: 821px) {
  .desktop {
      display: none;
  }

  .mobile {
      display: block;
  }

  hr.mobile {
      display: none;
  }

  .nav-botton {
      margin-left: 0;
  }

  .nav-botton.elf-header {
      margin-right: 8px;
  }

  .thank-you-box p {
      margin-left: 20px;
  }

  .form-area-content {
      font-size: 5.4rem;
  }

  .elf-container p:first-child() {
      font-size: 3rem;
  }
  .elf-text.logistics-partner-text h1 {
      font-size: 4.4rem;
  }

  .logo {
      width: 50px;
  }
  .elf-text.logistics-partner-text {
      top: 50px;
  }
}
@media only screen and (min-width: 604px) and (max-width: 768px){
  
  .elf-container .elf-text.long-text p{
     font-size: 25px;
  }
  .inner_page .elf-text.logistics-partner-text p{
    font-size: 25px;
  }
}
@media only screen and (max-width: 769px) {
  .form-area-content {
      font-size: 3.5rem;
      padding-right: 2rem;
  }

  .form-area .row,
  .get-in-touch-inner {
      /* 
padding-top: 5rem;
      padding-bottom: 5rem;
 */
  }

  .elf-text.logistics-partner-text {
      top: 60px;
  }
  .log-arrow img {
      width: 64px;
  }
  .mobile_form {
      padding: 5.3rem 4.5rem;
  }
  h4.form-heading {
      font-size: 2.3rem;
  }
  .mobile_form input {
      font-size: 15px;
      margin-top: 10px;
  }
  .mobile_form button {
      font-size: 17px;
      margin-top: 10px;
  }
  /* 
.orange-heading.mb-device {
      font-size: 4.1rem;
  }
 */
/* 
  .log-text p {
      font-size: 16px !important;
      padding: 0px 25px !important;
      line-height: 28px !important;
  }
 */
  .elf-container p.orange {
      font-size: 6.7rem !important;
  }
  .logistics-partner-text p:nth-child((3)){
      font-size :2.7rem;
  }
}

@media screen and (max-width: 600px) {
  .logistics-hero {
      display: none;
  }

  .mb-logistics-hero {
      display: block !important;
  }


/* 
  .elf-container p {
      font-size: 2.4rem;
  }
 */
  .form-area-content {
      padding-top: 0;
  }
  .form-area-content {
      font-size: 35px;
  }
  .footer-content {
      font-size: 1.9rem;
  }
  .elf-container p.orange {
      font-size: 38px !important;
  }
}

@media (max-width: 425px) {
  html {
      font-size: 35%;
  }

  .container {
      max-width: 100%;
  }

  .container-mobile {
      width: 100%;
      margin: 0;
      padding: 0;
  }

  .orange-heading {
      padding-bottom: 5rem;
  }

  .mobile1 {
      margin-top: 3rem;
      display: block;
  }


  .elf-image img {
      width: 100%;
  }

  p.orange {
      font-size: 40px;
      color: #e77f3d;
      line-height: 1;
      margin-top: 10px;
  }

  .footer-inner {
      border-top: none;
  }

  header nav.navbar {
      padding-top: 0;
      padding-bottom: 0;
  }

  header .container.header {
      max-width: 100%;
      padding: 16.5px 36px;
  }

  .menu-arrow .log-arrow {
      z-index: -1;
  }

  .submit img {
      width: 15px;
  }

  .form-area-content {
      padding: 85px 6rem;
      font-size: 35px;
  }

  .form {
      margin: 0 30px;
  }

  .logo {
      width: 45px;
  }

  hr.mobile {
      display: none;
  }

  .footer-content,
  .centrick {
      font-size: 12px;
  }

  .only-desktop {
      width: 80%;
  }

  .nav-botton {
      font-size: 20px;
      padding: 6px 14px;
  }

  .contact-box {
      margin-top: 42px;
  }

  .form-area .row,
  .get-in-touch-inner {
      padding-top: 0;
      /* padding-bottom: 90px; */
  }

  .contact-img img {
      width: 14px;
  }

  .contact-img {
      display: flex;
      align-items: center;
  }

  .form-area-content,
  .orange-heading.mb-device,
  .elf-text h1,
  .contact-hero h1 {
      letter-spacing: -0.5px;
  }

  /* 
.elf-text p {
      letter-spacing: -0.25px;
  }
 */

  .nav-botton.elf-header {
      font-size: 16px;
      padding: 5px 8px;
      margin-right: 8px;
  }

  .icons {
      width: 30px;
  }

  .form {
      max-width: 100%;
      border-radius: 15px;
  }

  .log-text {
      padding: 42px 26px 50px 36px;
      margin-bottom: 76px;
  }

  .elf-text.mb-logistics-partner-text {
      top: 15px;
      left: 30px;
      right: 30px;
  }

  h4.form-heading {
      color: #6e6e6e;
  }

  .orange-heading.mb-device {
      padding-left: 30px;
      padding-top: 36px;
      padding-bottom: 48px;
  }

  .log-text p {
      padding-left: 0;
  }

  .contact-hero h1 {
      font-size: 35px;
      line-height: 1.1;
  }

  .form-area-content {
      margin-bottom: 0;
  }
}
@media screen and (max-width: 767px){
	.thank-you-box p{
		width: auto !important;
		margin-left: 0 !important;
	}
}

@media (max-width: 375px) {
}

@media (max-width: 360px) {
  .elf-text.long-text h1 {
      font-size: 28px !important;
  }
  p.orange {
      font-size: 38px;
  }
}

@media (max-width: 321px) {
  .elf-text.mb-logistics-partner-text {
      top: 30px;
  }
  .elf-text h1 {
      font-size: 23px !important;
  }

  h4.form-heading {
      font-size: 25px;
  }
}

@media (max-width: 300px) {
  .form-area-content {
      font-size: 25px;
      line-height: 1.1;
      padding: 5rem;
  }

  .logistics-page .form-heading {
      font-size: 25px;
  }
}

@media only screen and (max-width: 666px) {
  .form-area-content {
      padding: 85px 3rem;
  }
  .mobile_form {
      padding: 4.5rem 4rem;
  }
  .mobile_form input {
      font-size: 16px;
      margin-top: 2rem;
  }
  .mobile_form button {
      margin-top: 15px;
      font-size: 17px;
  }
 /* 
 .orange-heading.mb-device {
      font-size: 4rem;
  }
 */
}
@media only screen and (min-width: 1024px){
  .inner_page .logistics-partner-text p:nth-child(2){
    font-size: 50px;
  }
}

.footer {
  min-width:90% !important;
  font-family: 'Inter', sans-serif !important;
}
.footer_listing {
  padding: 0px;
  margin: 0px;
  text-align: left;
}

.footer_listing  li{
  list-style: none;
  padding:0px 9px 0px 0px;

  font-weight: 500;
  display: inline-block;
}

.footer_listing  li a{
  text-decoration: underline !important;
}
.footer_listing  li a,.footer_listing  li span{

  color:#233548;

}
/* 
.footer_logo{
  width: 4.55rem;
  min-width: 4.55rem;
  
}
 */
.footer_logo img{
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 300px) and (max-width: 578px){
  .footer_listing  li{
    /* display: inline-flex !important; */
    /* text-align: center; */
    margin: 5px 0px;
    font-size:12px;
    line-height:20px;
  }
  .left_side li:first-child, .left_side li:nth-child(2){
    width:100%
  }
  .footer_logo {
    width: 71px;
    margin-bottom: 17px;
}
.left_side{
  margin-bottom: 20px;
}

.right_side li:first-child{
  margin-left: 0px !important;
}
.right_side li:last-child{
  margin-right: 0px !important;
}
}
@media only screen and (min-width: 992px) and (max-width: 1149px){
  .footer_listing  li{
    padding:0px 9px !important
  }
}
.mb_54{
  margin-bottom: 18px;
}



/********** Changes made by BBT Team on 10/12/24 ***************/

@media (max-width: 576px) {
    /* Styles for mobile phones */
    h4.form-heading {
	  font-family: HelveticaNeueBold;
	  font-size: 25px;
	  line-height: 30px;
	  color: #6e6e6e;
	}
	
	.orange-heading {
	  color: #6e6e6e;
	  padding-left: 5rem;
	  font-family: HelveticaNeueBold;
	  font-size: 25px;
	  line-height: 30px;
	  letter-spacing: -2.5px;
	}
	
	.elf-subhead {
		font-size:25px;
		line-height: 30px;
		color:#6e6e6e;
	}
	
	.elf-head {
		font-size:25px;
		line-height: 30px;
		color:#6e6e6e;
	}
	
	.elf-orange-subhead{
		font-size: 20px;
		line-height: 25px;
		margin-bottom: 10px;
		/* letter-spacing: -1.2px; */
		color:#e77f3d;
	}
	
	.elf-orange-mainhead{
		font-size: 20px;
		line-height: 25px;
		margin-bottom: 10px;
		/* letter-spacing: -2.5px; */
		color:#e77f3d;
	}
	
	.case-head{
		font-size:25px important;
		line-height: 30px;
		color:#6e6e6e;
		
	}
	
	.case-sub-head{
		font-size:40px !important;
		line-height: 50px;
		color:#e77f3d;
		letter-spacing: -2.5px;
		font-family:'HelveticaNeuebold';
	}
	
	.tab{
		font-size:12px;
	}
	
	.log-text p {
		color: #505050;
		font-size:14px;
		line-height:20px;
	}
	
	.nav-botton {
		display:none;
	}
	
	.foot-logo{
		width:50px !important;
		height:50px !important;
	}
	
	.mobile-show{
		display:block;
	}
	.mobile-hide{
		display:none;
	}
	.form {
		background-color: white; /* Ensure the form has a consistent background */
		padding: 20px;
		border-radius: 8px;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	}
	
	.submit {
	  background-color: white;
	  border: 1px solid white;
	  color: #e77f3d;
	  margin-top: 3rem;
	  font-size: 25px;
	  display: inline-block;
	  font-family: HelveticaNeueBold;
	  padding-left: 0;
	}
	.submit img {
	  width: 15px;
	}
	.tab-container {
		display: flex;
		flex-wrap: wrap;
		margin-top:20px;
		margin-left:-5px;
	}
	.tab {
		padding: 5px;
		margin: 5px;
		border: 1px solid #ccc;
		border-radius: 5px;
		cursor: pointer;
		user-select: none;
		background-color:#f2f2f2;
	}
	.tab.selected {
		background-color: #e77f3d !important;
		color: white;
	}
	.orange-head{
		color:#e77f3d !important;
		
	}
	.form-area {
		background: linear-gradient(to bottom, #e77f3d 50%, #f2f2f2 50%);
		padding: 50px 0; /* Add padding as needed */
	}
	.right_side li{
	  padding: 0px 0px;
	}
	.left_side li{
	  font-size:8px;
	  line-height:30px;
	}
	.right_side li i{
	  font-size: 25px;
	}
	.whats-app {
		position: fixed;
		width: 50px;
		height: 80px;
		bottom: 70px;
		color: #FFF;
		border-radius: 50px;
		text-align: center;
		font-size: 30px;
		right: 15px;
		z-index: 100;
	}
	.service-select{
		font-size:16px;
	}
	.service-sub-select{
		color: #BAC1C6;
		font-size:12px;
	}
	
	.input {
	  font-size: 16px;
	}
	
	.log-text{
		padding-top:40px;
		padding-bottom:40px;
	}
	
}

@media (min-width: 577px) and (max-width: 768px) {
    /* Styles for tablets */
    h4.form-heading {
	  font-family: HelveticaNeueBold;
	  font-size: 35px;
	  line-height: 40px;
	  color: #6e6e6e;
	}
	
	.orange-heading {
	  color: #6e6e6e;
	  padding-left: 5rem;
	  font-family: HelveticaNeueBold;
	  font-size: 35px;
	  line-height: 40px;
	  letter-spacing: -2.5px;
	}
	
	.elf-subhead {
		font-size:28px;
		line-height: 33px;
		color:#6e6e6e;
	}
	
	.elf-head {
		font-size:30px;
		line-height: 35px;
		color:#6e6e6e;
	}
	
	.elf-orange-subhead{
		font-size: 22px;
		line-height: 27px;
		margin-bottom: 10px;
		/* letter-spacing: -1.2px; */
		color:#e77f3d;
	}
	
	.elf-orange-mainhead{
		font-size: 24px;
		line-height: 29px;
		margin-bottom: 10px;
		/* letter-spacing: -2.5px; */
		color:#e77f3d;
	}
	
	.case-head{
		font-size:29px !important;
		line-height: 34px;
		color:#6e6e6e;
	}
	
	.case-sub-head{
		font-size:55px;
		line-height: 60px;
		color:#e77f3d !important;
		letter-spacing: -2.5px;
		font-family:'HelveticaNeuebold';
	}
	
	.tab{
		font-size:16px;
	}
	
	.log-text p {
		color: #505050;
		font-size:16px;
		line-height:24px;
		padding-left: 0.75rem;
	}
	.mobile-show{
		display:none;
	}
	.mobile-hide{
		display:block;
	}
	.form {
		background-color: white; /* Ensure the form has a consistent background */
		padding: 30px;
		border-radius: 8px;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	}
	.submit {
	  background-color: white;
	  border: 1px solid white;
	  color: #e77f3d;
	  margin-top: 3rem;
	  font-size: 35px;
	  display: inline-block;
	  font-family: HelveticaNeueBold;
	  padding-left: 0;
	}
	.submit img {
	  width: 15px;
	}
	.tab-container {
		display: flex;
		flex-wrap: wrap;
		margin-top:30px;
		margin-left:-5px;
	}
	.tab {
		padding: 5px;
		margin: 5px;
		border: 1px solid #ccc;
		border-radius: 5px;
		cursor: pointer;
		user-select: none;
		background-color:#f2f2f2;
	}
	.tab.selected {
		background-color: #e77f3d !important;
		color: white;
	}
	.orange-head{
		color:#e77f3d !important;
		
	}
	.form-area {
		background: linear-gradient(to bottom, #e77f3d 50%, #f2f2f2 50%);
		padding: 50px 0; /* Add padding as needed */
	}
	.right_side li{
	  padding: 0px 9.8px;
	}
	.left_side li{
	  font-size:5px;
	}
	.right_side li i{
	  font-size: 10px;
	}
	.whats-app {
		position: fixed;
		width: 50px;
		height: 80px;
		bottom: 70px;
		color: #FFF;
		border-radius: 50px;
		text-align: center;
		font-size: 30px;
		right: 15px;
		z-index: 100;
	}
	.service-select{
		font-size:20px;
	}
	.service-sub-select{
		color: #BAC1C6;
		font-size:14px;
	}
	.input {
	  font-size: 16px;
	}
	.log-text{
		padding-top:60px;
		padding-bottom:60px;
	}
}

@media (min-width: 769px) and (max-width: 992px) {
    /* Styles for small laptops */
    h4.form-heading {
	  font-family: HelveticaNeueBold;
	  font-size: 45px;
	  line-height: 50px;
	  color: #6e6e6e;
	}
	
	.orange-heading {
	  color: #6e6e6e;
	  padding-left: 5rem;
	  font-family: HelveticaNeueBold;
	  font-size: 45px;
	  line-height: 50px;
	  letter-spacing: -2.5px;
	}
	
	.elf-subhead {
		font-size:30px;
		line-height: 35px;
		color:#6e6e6e;
	}
	
	.elf-head {
		font-size:35px;
		line-height: 40px;
		color:#6e6e6e;
	}
	
	.elf-orange-subhead{
		font-size: 24px;
		line-height: 29px;
		margin-bottom: 10px;
		/* letter-spacing: -1.2px; */
		color:#e77f3d;
	}
	
	.elf-orange-mainhead{
		font-size: 28px;
		line-height: 33px;
		margin-bottom: 10px;
		/* letter-spacing: -2.5px; */
		color:#e77f3d;
	}
	
	.case-head{
		font-size:33px;
		line-height: 38px;
		color:#6e6e6e  !important;
	}
	
	.case-sub-head{
		font-size:50px;
		line-height: 55px;
		color:#e77f3d  !important;
		letter-spacing: -2.5px;
		font-family:'HelveticaNeuebold';
	}
	
	.tab{
		font-size:16px;
	}
	
	.log-text p {
		color: #505050;
		font-size:18px;
		line-height:28px;
		padding-left: 0.75rem;
	}
	.mobile-show{
		display:none;
	}
	.mobile-hide{
		display:block;
	}
	.form {
		background-color: white; /* Ensure the form has a consistent background */
		padding: 30px;
		border-radius: 8px;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	}
	.submit {
	  background-color: white;
	  border: 1px solid white;
	  color: #e77f3d;
	  margin-top: 3rem;
	  font-size: 45px;
	  display: inline-block;
	  font-family: HelveticaNeueBold;
	  padding-left: 0;
	}
	.submit img {
	  width: 20px;
	}
	.tab-container {
		display: flex;
		flex-wrap: wrap;
		margin-top:30px;
		margin-left:-5px;
	}
	.tab {
		padding: 10px;
		margin: 5px;
		border: 1px solid #ccc;
		border-radius: 5px;
		cursor: pointer;
		user-select: none;
		background-color:#f2f2f2;
	}
	.tab.selected {
		background-color: #e77f3d !important;
		color: white;
	}
	.orange-head{
		color:#e77f3d !important;
		
	}
	.form-area {
		background: linear-gradient(to bottom, #e77f3d 50%, #f2f2f2 50%);
		padding: 50px 0; /* Add padding as needed */
	}
	.right_side li{
	  padding: 0px 0px;
	}
	.left_side li{
	  font-size:5px;
	}
	.right_side li i{
	  font-size: 25px;
	}
	.whats-app {
		position: fixed;
		width: 50px;
		height: 80px;
		bottom: 70px;
		color: #FFF;
		border-radius: 50px;
		text-align: center;
		font-size: 30px;
		right: 15px;
		z-index: 100;
	}
	.service-select{
		font-size:20px;
	}
	.service-sub-select{
		color: #BAC1C6;
		font-size:18px;
	}
	.input {
	  font-size: 18px;
	}
	.log-text{
		padding-top:80px;
		padding-bottom:80px;
	}
}

@media (min-width: 993px) and (max-width: 1200px) {
    /* Styles for desktops */
    h4.form-heading {
	  font-family: HelveticaNeueBold;
	  font-size: 55px;
	  line-height: 60px;
	  color: #6e6e6e;
	}
	
	.orange-heading {
	  color: #6e6e6e;
	  padding-left: 5rem;
	  font-family: HelveticaNeueBold;
	  font-size: 55px;
	  line-height: 60px;
	  letter-spacing: -2.5px;
	}
	
	.elf-subhead {
		font-size:33px;
		line-height: 38px;
		color:#6e6e6e;
	}
	
	.elf-head {
		font-size:40px;
		line-height: 45px;
		color:#6e6e6e;
	}
	
	.elf-orange-subhead{
		font-size: 26px;
		line-height: 31px;
		margin-bottom: 10px;
		/* letter-spacing: -1.2px; */
		color:#e77f3d;
	}
	
	.elf-orange-mainhead{
		font-size: 32px;
		line-height: 37px;
		margin-bottom: 10px;
		/* letter-spacing: -2.5px; */
		color:#e77f3d;
	}
	
	.case-head{
		font-size:37px !important;
		line-height: 42px;
		color:#6e6e6e;
	}
	
	.case-sub-head{
		font-size:55px !important;
		line-height: 60px;
		color:#e77f3d;
		letter-spacing: -2.5px;
		font-family:'HelveticaNeuebold';
	}
	
	.tab{
		font-size:16px;
	}
	
	.log-text p {
		color: #505050;
		font-size:20px;
		line-height:32px;
		padding-left: 0.75rem;
	}
	.mobile-show{
		display:none;
	}
	.mobile-hide{
		display:block;
	}
	.form {
		background-color: white; /* Ensure the form has a consistent background */
		padding: 40px;
		border-radius: 8px;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	}
	.submit {
	  background-color: white;
	  border: 1px solid white;
	  color: #e77f3d;
	  margin-top: 3rem;
	  font-size: 55px;
	  display: inline-block;
	  font-family: HelveticaNeueBold;
	  padding-left: 0;
	}
	.submit img {
	  width: 25px;
	}
	.tab-container {
		display: flex;
		flex-wrap: wrap;
		margin-top:40px;
		margin-left:-5px;
	}
	.tab {
		padding: 10px;
		margin: 5px;
		border: 1px solid #ccc;
		border-radius: 5px;
		cursor: pointer;
		user-select: none;
		background-color:#f2f2f2;
	}
	.tab.selected {
		background-color: #e77f3d !important;
		color: white;
	}
	.orange-head{
		color:#e77f3d !important;
		
	}
	.form-area {
		background: linear-gradient(to bottom, #e77f3d 50%, #f2f2f2 50%);
		padding: 50px 0; /* Add padding as needed */
	}
	.right_side li{
	  padding: 0px 9.8px;
	}
	.left_side li{
	  font-size:12px;
	}
	.right_side li i{
	  font-size: 25px;
	}
	.whats-app {
		position: fixed;
		width: 50px;
		height: 80px;
		bottom: 70px;
		color: #FFF;
		border-radius: 50px;
		text-align: center;
		font-size: 30px;
		right: 15px;
		z-index: 100;
	}
	.service-select{
		font-size:25px;
	}
	.service-sub-select{
		color: #BAC1C6;
		font-size:18px;
	}
	.input {
	  font-size: 20px;
	}
	.log-text{
		padding-top:100px;
		padding-bottom:100px;
	}
}

@media (min-width: 1201px) {
    /* Styles for large desktops */
    h4.form-heading {
	  font-family: HelveticaNeueBold;
	  font-size: 65px;
	  line-height: 70px;
	  color: #6e6e6e;
	}
	
	.orange-heading {
	  color: #6e6e6e;
	  padding-left: 5rem;
	  font-family: HelveticaNeueBold;
	  font-size: 65px;
	  line-height: 70px;
	  letter-spacing: -2.5px;
	}
	
	.elf-subhead {
		font-size:37px;
		line-height: 42px;
		color:#6e6e6e;
	}
	
	.elf-head {
		font-size:45px;
		line-height: 50px;
		color:#6e6e6e;
	}
	
	.elf-orange-subhead{
		font-size: 28px;
		line-height: 33px;
		margin-bottom: 10px;
		/* letter-spacing: -1.2px; */
		color:#e77f3d;
	}
	
	.elf-orange-mainhead{
		font-size: 36px;
		line-height: 41px;
		margin-bottom: 10px;
		/* letter-spacing: -2.5px; */
		color:#e77f3d;
	}
	
	.case-head{
		font-size:41px !important;
		line-height: 46px;
		color:#6e6e6e;
	}
	
	.case-sub-head{
		font-size:60px !important;
		line-height: 65px;
		color:#e77f3d;
		letter-spacing: -2.5px;
		font-family:'HelveticaNeuebold';
	}
	
	.tab{
		font-size:18px;
	}
	
	.log-text p {
		color: #505050;
		font-size:22px;
		line-height:36px;
		padding-left: 0.75rem;
	}
	.mobile-show{
		display:none;
	}
	.mobile-hide{
		display:block;
	}
	.form {
		background-color: white; /* Ensure the form has a consistent background */
		padding: 40px;
		border-radius: 8px;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	}
	.submit {
	  background-color: white;
	  border: 1px solid white;
	  color: #e77f3d;
	  margin-top: 3rem;
	  font-size:65px;
	  display: inline-block;
	  font-family: HelveticaNeueBold;
	  padding-left: 0;
	}
	.submit img {
	  width: 30px;
	}
	.tab-container {
		display: flex;
		flex-wrap: wrap;
		margin-top:50px;
		margin-left:-5px;
	}
	.tab {
		padding: 10px;
		margin: 5px;
		/* border: 1px solid #ccc; */
		border-radius: 5px;
		cursor: pointer;
		user-select: none;
		/* background-color:#f2f2f2; */
	}
	.tab.selected {
		background-color: #e77f3d !important;
		color: white;
	}
	.orange-head{
		color:#e77f3d !important;
		
	}
	.form-area {
		background: linear-gradient(to bottom, #e77f3d 50%, #f2f2f2 50%);
		padding: 50px 0; /* Add padding as needed */
	}
	.right_side li{
	  padding: 0px 9.8px;
	}
	.left_side li{
	  font-size:14px;
	}
	.right_side li i{
	  font-size: 25px;
	}
	.whats-app {
		position: fixed;
		width: 50px;
		height: 90px;
		bottom: 90px;
		color: #FFF;
		border-radius: 50px;
		text-align: center;
		font-size: 30px;
		right: 15px;
		z-index: 100;
	}
	.service-select{
		font-size:30px;
	}
	.service-sub-select{
		color: #BAC1C6;
		font-size:22px;
	}
	.disabled{
		color: #BAC1C6 !important;
	}
	.input {
	  font-size: 20px;
	}
	.log-text{
		padding-top:120px;
		padding-bottom:120px;
	}
}

@media (min-width: 1600px) {
    /* Styles for ultra-wide monitors */
    h4.form-heading {
	  font-family: HelveticaNeueBold;
	  font-size: 75px;
	  line-height: 80px;
	  color: #6e6e6e;
	}
	
	.orange-heading {
	  color: #6e6e6e;
	  padding-left: 5rem;
	  font-family: HelveticaNeueBold;
	  font-size: 75px;
	  line-height: 80px;
	  letter-spacing: -2.5px;
	}
	
	.elf-subhead {
		font-size:40px;
		line-height: 45px;
		color:#6e6e6e;
	}
	
	.elf-head {
		font-size:50px;
		line-height: 55px;
		color:#6e6e6e;
	}
	
	.elf-orange-subhead{
		font-size: 30px;
		line-height: 35px;
		margin-bottom: 10px;
		/* letter-spacing: -1.2px; */
		color:#e77f3d;
	}
	
	.elf-orange-mainhead{
		font-size: 40px;
		line-height: 45px;
		margin-bottom: 10px;
		/* letter-spacing: -2.5px; */
		color:#e77f3d;
	}
	
	.case-head{
		font-size:45px !important;
		line-height: 50px;
		color:#6e6e6e;
		
	}
	
	.case-sub-head{
		font-size:75px !important;
		line-height: 80px;
		color:#e77f3d;
		letter-spacing: -2.5px;
		font-family:'HelveticaNeuebold';
	}
	
	.tab{
		font-size:20px;
	}
	
	.log-text p {
		color: #505050;
		font-size:25px;
		line-height:40px;
		padding-left: 0.75rem;
	}
	.mobile-show{
		display:none;
	}
	.mobile-hide{
		display:block;
	}
	.form {
		background-color: white; /* Ensure the form has a consistent background */
		padding: 50px;
		border-radius: 8px;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	}
	.submit {
	  background-color: white;
	  border: 1px solid white;
	  color: #e77f3d;
	  margin-top: 3rem;
	  font-size: 75px;
	  display: inline-block;
	  font-family: HelveticaNeueBold;
	  padding-left: 0;
	}
	.submit img {
	  width: 35px;
	}
	.tab-container {
		display: flex;
		flex-wrap: wrap;
		margin-top:50px;
		margin-left:-5px;
	}
	.tab {
		padding: 10px;
		margin: 5px;
		/* border: 1px solid #ccc; */
		border-radius: 5px;
		cursor: pointer;
		user-select: none;
		/* background-color:#f2f2f2; */
	}
	.tab.selected {
		background-color: #e77f3d !important;
		color: white;
	}
	.orange-head{
		color:#e77f3d !important;
		
	}
	.form-area {
		background: linear-gradient(to bottom, #e77f3d 50%, #f2f2f2 50%);
		padding: 50px 0; /* Add padding as needed */
	}
	.right_side li{
	  padding: 0px 9.8px;
	}
	.left_side li{
	  font-size:16px;
	}
	.right_side li i{
	  font-size: 25px;
	}
	.whats-app {
		position: fixed;
		width: 50px;
		height: 100px;
		bottom: 90px;
		color: #FFF;
		border-radius: 50px;
		text-align: center;
		font-size: 30px;
		right: 15px;
		z-index: 100;
	}
	.service-select{
		font-size:35px;
	}
	.service-sub-select{
		color: #BAC1C6;
		font-size:25px;
	}
	.input {
	  font-size: 22px;
	}
	.log-text{
		padding-top:140px;
		padding-bottom:140px;
	}
}