@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
/*========== Responsive typography ==========*/
@media screen and (min-width: 1120px) {
  :root {
    --h2-font-size: 1.5rem;
    --small-font-size: 0.875rem;
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Montserrat", sans-serif;
  scroll-behavior: smooth;
}

.content {
  margin: auto;
  padding: 0 30px;
}

.navbar {
  position: fixed;
  width: 100%;
  z-index: 101;
  padding: 0.5em 2em;
  transition: all 0.6s ease;
  background: #fff;
}

.navbar.sticky {
  background: #fff;
  padding: 10px 15px;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
}

.blankBock {
  height: 5em;
}

.navbar.sticky .blankBock {
  height: 3em;
}

.navbar.sticky .menu-list li a {
  color: #000000;
}

.navbar.sticky .searchIcon {
  color: #000;
}

.navbar.sticky .sub-menu .menu-item a {
  color: #1b1b1b;
}

.navbar.sticky .sub-menu .menu-item a:hover {
  color: #800000;
}

.navbar.sticky .searchBox .searchIcon {
  color: #800000;
}

.navbar .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.navbar .logo a img {
  height: 4em;
  width: auto;
  margin-left: 2em;
}

.navbar .HomeLogo a img {
  top: 2em;
  height: 15em;
  width: auto;
  margin-left: 2em;
  position: absolute;
}

.navbar.sticky .logo a img {
  height: 2em;
}

.navbar .menu-list {
  display: inline-flex;
}

.menu-list li {
  list-style: none;
}

.menu-list li a {
  color: #1b1b1b;
  font-size: 0.9em;
  font-weight: 500;
  margin-left: 25px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.navbar .menu-list > .menu-item {
  display: inline-block;
  position: relative;
}

.navbar .menu-list > .menu-item > a {
  display: block;
  padding: 0;
  text-transform: capitalize;
  transition: all 0.3s ease;
}

.navbar .menu-list > .menu-item > a .plus {
  display: inline-block;
  height: 0.7em;
  width: 0.7em;
  position: relative;
  margin-left: 5px;
  pointer-events: none;
}

.navbar.sticky .menu-list > .menu-item > a .plus {
  display: inline-block;
  height: 0.7em;
  width: 0.7em;
  position: relative;
  margin-left: 5px;
  pointer-events: none;
}

.navbar .menu-list > .menu-item > a .plus:before,
.navbar .menu-list > .menu-item > a .plus:after {
  content: "";
  position: absolute;
  box-sizing: border-box;
  left: 50%;
  top: 50%;
  background-color: #000000;
  height: 2px;
  width: 100%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}

.navbar.sticky .menu-list > .menu-item > a .plus:before,
.navbar.sticky .menu-list > .menu-item > a .plus:after {
  content: "";
  position: absolute;
  box-sizing: border-box;
  left: 50%;
  top: 50%;
  background-color: #000;
  height: 2px;
  width: 100%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}

.navbar .menu-list > .menu-item:hover > a .plus:before,
.navbar .menu-list > .menu-item:hover > a .plus:after {
  background-color: #800000;
}

.navbar .menu-list > .menu-item > a .plus:after {
  transform: translate(-50%, -50%) rotate(-90deg);
}

.navbar.sticky .menu-list > .menu-item > a .plus:after {
  transform: translate(-50%, -50%) rotate(-90deg);
}

.navbar .menu-list > .menu-item > .sub-menu > .menu-list-item > a:hover,
.navbar .menu-list > .menu-item:hover > a {
  color: #800000;
}

.navbar .menu-list > .menu-item > .sub-menu {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  width: 280px;
  position: absolute;
  left: 0;
  top: 100%;
  background-color: #ffffff;
  padding: 10px 0;
  border-top: 3px solid #800000;
  transform: translateY(10px);
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
}

.navbar.openSearch .menu-list a {
  opacity: 0;
  pointer-events: none;
}

.menu-list li a:hover {
  color: #800000;
  font-weight: 400;
}

.searchBox {
  position: absolute;
  right: 100px;
  height: 45px;
  max-width: 555px;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  transition: all 0.5s linear;
}

.navbar.openSearch .searchBox {
  opacity: 1;
  pointer-events: auto;
}

.searchBox input {
  height: 100%;
  width: 100%;
  border: 0.5px solid #800000;
  outline: none;
  border-radius: 6px;
  background: #fff;
  padding: 0 15px 0 45px;
}

.searchIcon {
  cursor: pointer;
  font-size: 1em;
  left: 0;
}

.searchBox .searchIcon {
  position: absolute;
  left: 15px;
  top: 50%;
  color: #800000;
  transform: translateY(-50%);
}

.dropdown li {
  display: block;
}

.dropdown {
  width: auto;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  z-index: 998;
  display: none;
  padding: 0 2em 0 0;
}

.dropdown li a {
  color: #fff;
  font-size: 1em;
  left: 0;
}

li:hover .dropdown {
  display: block;
}

.navOpenBtn,
.navCloseBtn {
  display: none;
}

/* /1 */
/* 2 */
.slider {
  width: 100%;
  height: 80vh;
}

.homeGradient {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.4));
  height: 80vh;
  width: 100%;
  position: absolute;
  z-index: 2;
}

.myslide {
  display: none;
  overflow: hidden;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.myslide .sliderImg {
  -o-object-fit: cover;
     object-fit: cover;
  height: 20vh;
}

.prev,
.next {
  position: absolute;
  top: 40%;
  transform: translate(0, -50%);
  font-size: 50px;
  padding: 15px;
  cursor: pointer;
  color: #fff;
  transition: 0.1s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  z-index: 5;
}

.prev:hover,
.next:hover {
  color: #800000; /* blue */
}

.next {
  right: 0;
}

.dotsbox {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  bottom: 22vh;
  cursor: pointer;
  z-index: 6;
}

.dot {
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 3px solid #fff;
  border-radius: 50%;
  margin: 0 10px;
  cursor: pointer;
}

/* /2 */
/* javascript */
.active,
.dot:hover {
  border-color: #800000; /* blue */
}

/* /javascript */
/* muslide add fade */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
@keyframes fade {
  from {
    opacity: 0.8;
  }
  to {
    opacity: 1;
  }
}
/* /muslide add fade */
/* 3 */
.txt {
  position: absolute;
  color: #fff;
  letter-spacing: 2px;
  line-height: 35px;
  top: 30%;
  left: 5%;
  display: flex;
  align-items: end;
  -webkit-animation-name: posi;
  -webkit-animation-duration: 2s;
  animation-name: posi;
  animation-duration: 2s;
  z-index: 99;
  width: 90%;
  padding: 3em;
  border-radius: 12px;
}
@keyframes posi {
  from {
    left: 15%;
  }
  to {
    left: 5%;
  }
}
.slideContent {
  width: 50%;
}

.txt h1 {
  color: #fff; /* blue */
  font-size: 3em;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 0.5em;
  line-height: 1em;
}

.txt p {
  font-weight: 300;
  line-height: 1.5em;
  font-size: 1.1em;
}

.slideLogo {
  height: 7em;
  margin-left: auto;
  margin-right: auto;
  width: auto;
  margin-bottom: 1em;
}

.readBtn {
  text-align: center;
  margin: 0 0 0 20em;
  font-weight: 200;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  text-decoration: none;
  background: #800000;
  border-radius: 5px;
  color: #fff;
  padding: 0.5em 3em;
  transition: all 0.3s ease;
  cursor: pointer;
}

.readBtn:hover,
.readBtnMain:hover {
  background: #fff;
  color: #800000;
  font-weight: 400;
  border: #800000 solid 0.01em;
}

/* /3 */
/* 4 */
.gradient {
  position: absolute;
  background-color: #000;
  width: 100%;
  height: 100%;
}

.slider img {
  transform: scale(1.5, 1.5);
  -webkit-animation-name: zoomin;
  -webkit-animation-duration: 40s;
  animation-name: zoomin;
  animation-duration: 40s;
}
@keyframes zoomin {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.5, 1.5);
  }
}
/* /4 */
.pageSection {
  padding: 3em;
}

.homeAbout {
  background: #800000;
  padding: 2em;
}

.homeAboutDiv {
  width: 100%;
  margin: auto;
}

.homeAboutTop,
.homeAboutBottom {
  display: flex;
}

.homeAboutConetent p {
  margin: 0 0 2em 0;
}

.homeAboutConetent {
  background: #fff;
  margin: -2em 0 0;
  width: 40%;
  padding: 3em;
  display: inline-block;
}

.homeAboutHead,
.homeServiceHead {
  font-size: 4em;
  text-transform: uppercase;
  margin-bottom: 0.5em;
}

.homeServiceHead {
  color: #fff;
  margin: 2em 0;
}

.homeServiceTop {
  align-items: center;
}

.homeServiceTop h1 {
  width: 80%;
}

.leftTxt {
  width: 20%;
  justify-content: end;
}

.thinTxtWhite {
  color: #fff;
}

.readBtnMain {
  text-align: center;
  margin: 5em 0;
  font-weight: 200;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  text-decoration: none;
  background: #800000;
  border-radius: 5px;
  color: #fff;
  padding: 0.8em 3em;
  transition: all 0.3s ease;
  cursor: pointer;
}

.readBtnWhite {
  text-align: center;
  margin: 5em 0;
  font-weight: 200;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  text-decoration: none;
  background: #fff;
  border-radius: 5px;
  color: #800000;
  padding: 0.8em 3em;
  transition: all 0.3s ease;
  cursor: pointer;
}

.readBtnWhite:hover {
  background: #800000;
  color: #fff;
  font-weight: 400;
  border: #fff solid 0.01em;
}

.aboutTopImages {
  display: flex;
  width: 60%;
  justify-content: end;
}

.homeAboutBottom {
  margin: 3em 0;
  justify-content: end;
}

.topImg {
  width: 30%;
  height: 25em;
  margin-left: 1em;
  -o-object-fit: cover;
     object-fit: cover;
}

.bottomImg {
  width: 15em;
  height: 25em;
  margin-left: 1em;
  -o-object-fit: cover;
     object-fit: cover;
}

.longImg {
  height: 25em;
}

.leftLine {
  border-bottom: 3px solid #800000;
  position: absolute;
  width: 40%;
  right: 10px;
}

.rightLine {
  border-bottom: 3px solid #800000;
  position: relative;
  width: 40%;
}

.rightLineWhite {
  display: inline-block;
  height: 3em;
  width: 40em;
  position: relative;
  margin-left: 5px;
  pointer-events: none;
}

.rightLineWhite:before,
.rightLineWhite:after {
  content: "";
  position: absolute;
  box-sizing: border-box;
  left: 50%;
  top: 50%;
  background-color: #fff;
  height: 2px;
  width: 100%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}

.linePlus {
  width: 50%;
  display: flex;
  justify-content: end;
  align-items: center;
}

.plusWhite {
  display: inline-block;
  height: 1.5 em;
  width: 1.5em;
  position: relative;
  margin-right: 10px;
  pointer-events: none;
}

.plusWhite:before,
.plusWhite:after {
  content: "";
  position: absolute;
  box-sizing: border-box;
  left: 50%;
  top: 50%;
  background-color: #fff;
  height: 2px;
  width: 100%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}

.plusWhite:after {
  transform: translate(-50%, -50%) rotate(-90deg);
}

.abtHead {
  padding: 3em;
  margin-top: 3em;
}

.rightLineLong {
  border-bottom: 5px solid #800000;
  position: relative;
  width: 100%;
  margin-top: 2em;
}

.carousel {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: auto;
  max-width: 1200px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.carousel-inner {
  display: flex;
  transition: transform 0.3s ease-in-out;
}

.carousel-item {
  flex: 1 0 25%;
  /* 4 items per view */
  box-sizing: border-box;
  position: relative;
}

.carousel-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  font-weight: 600;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: center;
  padding: 10px 0;
}

button.carouselPrev,
button.carouselNext {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  font-size: 24px;
  cursor: pointer;
  padding: 10px;
  z-index: 10;
}

button.carouselPrev {
  left: 10px;
}

button.carouselNext {
  right: 10px;
}

button.carouselPrev:hover,
button.carouselNext:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.serviceButton {
  margin: 2em;
  justify-content: end;
  display: flex;
}

.pageHead {
  color: #800000;
  font-size: 2.5em;
  font-weight: 600;
  position: relative;
  text-transform: uppercase;
}

.pageHeadWhite {
  color: #fff;
  font-size: 2.5em;
  font-weight: 600;
  position: relative;
  text-transform: uppercase;
}

.twoCol {
  display: flex;
  margin: 3em 0 3em;
}

.colTxt {
  padding: 2em;
}

.highTxt {
  color: #800000;
  font-weight: bold;
}

.thinTxt {
  font-weight: 300;
  line-height: 1.3em;
  font-size: 1.1em;
  color: #000;
}

.thinTxtW {
  font-weight: 300;
  font-size: 1.1em;
  line-height: 1.4em;
  color: #fff;
}

.largeThinTxt {
  font-weight: 200;
  color: #1b1b1b;
  font-size: 1.5em;
  text-align: center;
  width: 70%;
  margin: auto;
}

.midThinTxt {
  font-weight: 500;
  color: #000;
  font-size: 2em;
}

.largeThinTxtW {
  font-weight: 200;
  color: #fff;
  font-size: 2em;
}

.leftCol {
  padding: 5em;
}

.serviceSVG {
  width: 50%;
}

.thinTxt span,
.thinTxtW span {
  font-weight: 600;
}

.pageHeader {
  top: 15%;
  width: 50%;
}

.leftCol,
.rightCol {
  width: 50%;
  align-items: center;
  justify-content: center;
}

.pageHeroCont {
  height: 25vh;
  width: 100%;
  background: #800000;
  display: flex;
  padding: 5em 3em 0vh;
  align-items: center;
}

.pageHeroContRead {
  height: 40vh;
  width: 100%;
  background: #fff;
  display: flex;
  padding: 28vh 3em 2vh;
}

.aboutIntro {
  align-items: center;
  justify-content: center;
  display: flex;
}

.abtIntroTxt {
  text-justify: center;
  text-align: center;
  padding: 2em;
  width: 70%;
  font-size: 1.3em;
  font-weight: 400;
  line-height: 1.6em;
}

.abtIntroTxt span {
  font-weight: 600;
  text-transform: uppercase;
  color: #800000;
  margin-bottom: 2em;
}

.abtIntroImgs {
  background: #800000;
  display: flex;
  width: 70%;
  padding: 2em;
}

.abtIntroImgs2 {
  background: #800000;
  display: flex;
  width: 100%;
  padding: 2em;
  align-items: center;
}

.abtIntroImgs3 {
  align-items: center;
  display: flex;
}

.abtIntroImg {
  width: 50%;
  height: auto;
  margin-left: 2em;
  -o-object-fit: cover;
     object-fit: cover;
}

.abtSection {
  padding: 0 4em;
}

.visionTxt {
  padding: 2em;
  width: 100%;
}

.vissionSection {
  margin: 6em 0 0 0;
  padding: 0 6em;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(68, 19, 3, 0.9)), url(../images/image00124.png);
  width: 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  position: relative;
}

.visionTxt p {
  width: 80%;
  padding: 0;
}

.visionImg {
  margin-top: -3em;
  width: auto;
  height: 450px;
}

.missionHead {
  margin-left: 10em;
}

.missionImg {
  height: auto;
  width: 30%;
}

.missionTxt {
  display: flex;
  padding: 0 3em;
}

.missionTxt .twoCol {
  align-items: center;
}

.missionP {
  padding: 3em;
}

.tnfSection {
  background: linear-gradient(to right, rgba(227, 221, 221, 0.95), rgba(130, 128, 127, 0.95)), url(../images/image00103.png);
  width: 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  position: relative;
}

.centerAlign {
  align-items: center;
  margin-top: 3em;
}

.tnfContainer {
  width: 100%;
  margin: 3em 0;
  padding: 0 0 0 2em;
}

.tnfImg {
  width: 15%;
  height: 100%;
  margin: -3em 3em -3em 5em;
}

.pageHeadWhite {
  color: #fff;
}

.tnfHead {
  color: #000;
  font-size: 1.5em;
  text-transform: uppercase;
  font-weight: 500;
  margin: 0.5em 0;
}

.tnfWContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 3em 0;
}

.tnfTxt {
  text-align: center;
  width: 60%;
}

.site-banner .row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}

.site-banner .row p {
  font-weight: 800;
  font-size: 80px;
  background-image: url(../images/image00047.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  background-attachment: fixed;
  -webkit-background-clip: text;
  -webkit-text-stroke: #010101;
  -webkit-text-fill-color: transparent;
}

.services-container {
  width: 90%;
  margin: 0 auto;
}

.serviceBottom {
  margin: 10em 0 0;
}

.site-banner {
  background-color: #000;
  padding: 2rem 0rem;
}

.card__container img {
  display: block;
  max-width: 100%;
  height: auto;
}

/*=============== CARD ===============*/
.card-container {
  place-items: center;
  margin-inline: 1.5rem;
  padding-block: 5rem;
}

.card__container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 3.5rem;
}

.card__article {
  position: relative;
  overflow: hidden;
  margin: 1em;
}

.card__img {
  width: 100%;
  border-radius: 1.5rem;
}

.serviceCardHeader {
  position: absolute;
  top: 0;
  padding: 0.5em;
  background: rgba(128, 0, 0, 0.65);
  color: white;
  width: 100%;
  font-size: 1.5em;
  text-transform: uppercase;
  font-weight: 500;
  box-sizing: border-box;
  transition: bottom 0.3s;
  border-radius: 1em 1em 0 0;
}

.card__data {
  width: 95%;
  background-color: white;
  padding: 1.5rem 2rem;
  box-shadow: 0 8px 24px hsla(0, 0%, 0%, 0.15);
  border-radius: 1rem;
  position: absolute;
  bottom: -9rem;
  left: 0;
  right: 0;
  margin-inline: auto;
  opacity: 0;
  transition: opacity 1s 1s;
}

.card__description {
  display: block;
  font-size: 1.2em;
  margin-bottom: 0.25rem;
}

.card__title {
  font-size: 1.5em;
  font-weight: 500;
  color: #800000;
  text-transform: uppercase;
  margin-bottom: 0.75rem;
}

/* Naming animations in hover */
.card__article:hover .card__data {
  animation: show-data 1s forwards;
  opacity: 1;
  transition: opacity 0.3s;
}

.card__article:hover .serviceCardHeader {
  animation: show-data 1s forwards;
  opacity: 0;
  transition: opacity 0.3s;
}

.card__article:hover {
  animation: remove-overflow 2s forwards;
}

.card__article:not(:hover) {
  animation: show-overflow 2s forwards;
}

.card__article:not(:hover) .card__data {
  animation: remove-data 1s forwards;
}

/* Card animation */
@keyframes show-data {
  50% {
    transform: translateY(-10rem);
  }
  100% {
    transform: translateY(-7rem);
  }
}
@keyframes remove-overflow {
  to {
    overflow: initial;
  }
}
@keyframes remove-data {
  0% {
    transform: translateY(-7rem);
  }
  50% {
    transform: translateY(-10rem);
  }
  100% {
    transform: translateY(0.5rem);
  }
}
@keyframes show-overflow {
  0% {
    overflow: initial;
    pointer-events: none;
  }
  50% {
    overflow: hidden;
  }
}
.serviceCol {
  padding: 2em;
  width: 50%;
}

.blackSec {
  background-color: #000000;
}

.centerTxtCon {
  padding: 3em;
  width: 50%;
}

.location {
  width: 80%;
  margin: auto;
  padding: 80px 0;
}

.uil-envelope,
.uil-location-point {
  color: #fff;
  font-size: 1.2em;
  margin-right: 0.1em;
}

.joinTwoCol {
  display: flex;
  align-items: center;
  padding: 2em;
}

.joinLeftCol {
  width: 50%;
}

.joinRightCol {
  width: 70%;
  padding: 3em;
}

.joinTwolCol img {
  width: 50px;
}

.joinImg {
  width: 100%;
}

.joinLeftCol {
  width: 50%;
  left: 0;
}

.joinRightCol {
  width: 70%;
  padding: 3em;
}

.joinImg {
  width: 100%;
}

.joinHead {
  background: #000000;
  color: #fff;
  padding: 0.3em;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0.5em;
}

.joinRightCol p {
  padding: 0.5em;
}

.joinList {
  margin-left: 2em;
}

.joinListItem span {
  font-weight: 700;
}

.joinListItem {
  font-weight: 300;
  list-style-type: circle;
}

.joinListItemW span {
  font-weight: 600;
}

.joinListItemW {
  font-weight: 300;
  line-height: 1.5em;
  list-style-type: circle;
  color: #fff;
}

.blackSection {
  background: rgba(0, 0, 0, 0.6);
  height: 100%;
}

.rangeDiv {
  margin: 0;
  background: url(../images/image00002.png);
  height: 45vh;
  background-attachment: fixed;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
}

.readMoreText {
  background: rgba(0, 0, 0, 0.8);
  width: 80%;
  margin: auto;
  padding: 5em;
}

.rangeHead {
  background: rgba(128, 0, 0, 0.5);
  width: 40%;
  color: #fff;
  font-size: 2.5em;
  box-shadow: #000000;
  padding: 0.5em;
}

.joinContent {
  width: 80%;
  margin: auto;
}

.joinContent p {
  padding: 1em;
  text-align: center;
}

.serviceListItem span {
  font-weight: 700;
}

.serviceList {
  margin-left: 2em;
}

.serviceListItem {
  font-weight: 300;
  list-style-type: lower-alpha;
}

.tntCardDiv img {
  display: block;
  max-width: 100%;
  height: auto;
}

.tntCardDiv {
  display: grid;
  place-items: center;
  margin-inline: 1.5rem;
  padding-block: 5rem;
}

.spImg1 {
  width: 50%;
}

.spImg2 {
  margin-top: -3em;
  width: auto;
  height: 450px;
  left: 30%;
  position: relative;
}

.joinTxtCont {
  width: 55%;
  height: 30vh;
  color: #fff;
  padding: 3em 3em;
  background: #4f4e4e;
  align-items: center;
}

.joinRightSec {
  align-items: center;
  justify-content: center;
  padding: 4em 0em 0 2em;
  width: 45%;
}

.applyCont {
  background: #800000;
  color: #fff;
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 1em;
  text-decoration: none;
  font-weight: 400;
  font-size: 1.3em;
  text-transform: uppercase;
  transition: all 0.5s ease;
}

.applyCont:hover {
  background: #fff;
  border: #800000 1px solid;
  color: #800000;
  font-weight: 800;
}

.applyNow {
  font-weight: 200;
  text-transform: uppercase;
}

.applyTxt {
  color: #1b1b1b;
  text-align: center;
  margin-top: 0.5em;
}

.applyTxt a {
  text-decoration: none;
  color: #800000;
  cursor: pointer;
  transition: all 0.3s ease;
}

.applyTxt a:hover {
  font-weight: 400;
}

.contactSec {
  background: #000;
}

.contactUs {
  width: 80%;
  margin: auto;
}

.contactRow {
  display: flex;
}

.contactCol {
  flex-basis: 48%;
  margin-bottom: 30px;
  margin-right: 2em;
}

.contactCol div {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}

.contactCol div .fa {
  font-size: 1em;
  color: #fff;
  margin: 10px;
  margin-right: 30px;
}

.contactCol div a,
.contactCol div p {
  text-decoration: none;
  color: #fff;
  font-weight: 100;
  transition: all 0.3s ease;
}

.contactCol div a:hover,
.contactCol div .fa:hover {
  color: #800000;
}

.contactHeader {
  display: inline-flex;
}

.contactCol div h3 {
  font-weight: 700;
  color: #fff;
}

.contactCol input,
.contactCol textarea {
  width: 100%;
  padding: 15px;
  margin-bottom: 17px;
  outline: none;
  border: 0px;
  background: #fff;
  border-bottom: 1px solid #ccc;
}

.sendBtn {
  padding: 1em;
  background: #800000;
  border: #2d0b00 solid 0.5px;
  font-size: 1em;
  color: #fff;
  font-weight: 300;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease;
  border-radius: 5px;
}

.sendBtn:hover {
  background: #fff;
  color: #800000;
}

footer {
  width: 100%;
  position: absolute;
  background: linear-gradient(to right, #000, #2d0b00);
  color: #fff;
  padding: 6.25em 0 1.875em;
  border-top-left-radius: 7.8em;
  margin-top: 2em;
}

.row {
  width: 85%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: self-start;
  justify-content: space-between;
}

.col {
  flex-basis: 25%;
  padding: 0.65em;
}

.col:nth-child(2),
.col:nth-child(3) {
  flex-basis: 15%;
}

.footerLogo {
  width: 10em;
  height: 100%;
  margin: -7em 0 0;
}

.col h3 {
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 2em;
  position: relative;
  font-weight: 200;
}

.underline {
  width: 100%;
  height: 1px;
  background: #767676;
  border-radius: 3px;
  position: absolute;
  top: 25px;
  left: 0;
  overflow: hidden;
}

.underline span {
  width: 15px;
  height: 100%;
  background: #fff;
  border-radius: 3px;
  position: absolute;
  top: 0;
  left: 10px;
  animation: moving 2s linear infinite;
}

@keyframes moving {
  0% {
    left: -20px;
  }
  100% {
    left: 100%;
  }
}
.col p {
  font-size: 0.8em;
  font-weight: 200;
}

.emailFooter {
  width: -moz-fit-content;
  width: fit-content;
  border-bottom: 1px solid #fff;
  margin: 20px 0;
}

.footerItem {
  list-style: none;
}

.footerItem a {
  text-decoration: none;
  color: #f0f0f0;
  font-size: 0.8em;
  font-weight: 200;
  cursor: pointer;
}

.addressLink {
  text-decoration: none;
  color: #f0f0f0;
  font-size: 0.8em;
  font-weight: 200;
  cursor: pointer;
  transition: all 0.3s ease;
}

.addressLink:hover,
.footerItem a:hover {
  width: -moz-fit-content;
  width: fit-content;
  border-bottom: 1px solid #fff;
  margin: 20px 0;
}

hr {
  width: 90%;
  border: 0;
  border-bottom: 0.5px solid #ccc;
  margin: 20px auto;
}

.bottomFooter {
  padding: 0.3em 0;
}

.copyright {
  text-align: center;
  font-size: 0.8em;
  font-weight: 200;
}/*# sourceMappingURL=style.css.map */