.whiteText {
    color: #f4f4f4;
}


.client-logo {
    max-width: 12.5%;
}
.brand-style-one {
    text-align: center;
    padding-bottom: 6em;
  }
  .brand-style-one .brand-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 6em;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .brand-style-one .brand-wrapper {
      flex-wrap: wrap;
      justify-content: center;
      gap: 30px;
    }
  }
  @media only screen and (max-width: 767px) {
    .brand-style-one .brand-wrapper {
      flex-wrap: wrap;
      gap: 30px;
      justify-content: center;
    }
  }
  .brand-style-one .brand-wrapper img {
    transition: 0.3s;
  }
  @media only screen and (max-width: 575px) {
    .brand-style-one .brand-wrapper img {
      max-width: 120px;
    }
  }

  
  .homeContent{
    position: fixed;
    bottom: 0;
    padding-bottom: 15em;
    margin-left: 5em;
  }

  /* .myVideo {
    object-fit: contain;
  } */

.myRow {
  display: flex;
  flex-direction: row;
}
@media (max-width: 768px) {
  .myRow {
    flex-direction: column;
    gap: 0;
    padding: 0;
  }
}

.myImage {
  padding-bottom: 2em;
}

.myTools {
  max-height: 50px;
}

.myJobs {
  max-width: 50%;
  padding-bottom: 0.5em;
}
.myJobsL {
  max-width: 25%;
  padding-bottom: 0.5em;
}

.seeMore {
  border-top: 0.5px solid #979797;
  padding-top: 5em;
  margin-top: 10em;
}

@media (max-width: 768px) {
  .projectLogo {
    /* width: 50%; */
    margin: 0 auto; /* Center the logo block */
    text-align: center;
  }

  .projectLogo img {
    display: block;
    width: 50%;
    margin: 0 auto; /* Center the image within the block */
    padding-bottom: 2em;
  }
}

/* .card {
  width: 100%;
  height: 50vh;
  background: url(../images/profile/01.png) no-repeat;
  background-size: cover;
  background-position: center;
  display: inline-block;
}
  .card:hover {
    background: url(../images/profile/02.png) no-repeat;
    background-size: cover;
    background-position: center;
} */


/* .underline-hover {
  border: 0;
}
.underline-hover::after {
  content: '';
  position: absolute;
  width: 0;
  transition: width 0.3s ease;
}
.underline-hover:hover::after {
  width: 100%;
} */

body {
	font-family: 'Roboto', sans-serif !important;
	/* font-optical-sizing: auto; */
	font-weight: 400;
	font-style: normal;
	/* font-variation-settings: 'wdth' 100; */

	h1 {
		font-family: 'Imoger' !important;
    letter-spacing: 0.1em;
	}
  h2 {
		font-family: 'Imoger' !important;
    letter-spacing: 0.1em;
	}
}


body#home {
	width: 100%;
	height: 100%;

	header#main-header {
		position: absolute;
	}

	#inner {
		width: 100%;
		height: 100%;

		#videoWrapper {
			display: flex;
      justify-content: center;
      align-items: center;
      width: 100%; /* Full width container */
      height: 100vh; /* Full height to cover the viewport */
      overflow: hidden;
      position: relative;

			#backgroundVideo {
        position: absolute;
        min-width: 100%; /* Ensure the video covers the width */
        min-height: 100%; /* Ensure it covers the height */
        object-fit: cover; /* Maintain aspect ratio and cover the area */
        transform: translateX(-50%);
        left: 50%;
			}
		}

		#buttonWrapper {
			position: absolute;
      bottom: 25px;
      left: 50%; /* Position to the center horizontally */
      transform: translateX(-50%); /* Shift it back by 50% of its width */
      display: flex;
      justify-content: center;

			#myBtn {
				padding: 20px;
				border: none;
        width: 100%;
        padding-bottom: 5em;
			}
		}
	}
}

@media screen and (max-width: 950px) {
	
  body {
    font-family: 'Roboto', sans-serif !important;
    /* font-optical-sizing: auto; */
    font-weight: 400;
    font-style: normal;
    /* font-variation-settings: 'wdth' 100; */
  }
  
  body#home #wrapper {
		min-width: 100vw;
		width: 100%;
		height: auto;
		min-height: auto;

		header#main-header {
			height: unset;
		}

		#inner {
			padding-top: 0;

			#backgroundVideo {
				width: 100vw !important;
			}
		}
	}
}