:root {
  /* --font-rubik: "Poppins";
  --font-jost: "Poppins";
  --font-satisfy: "Poppins";
  --font-sansita: "Poppins";
  --white-color: #fff;
  --black-color: #000;
  --title-color: #100c08;
  --text-color: #787878;
  --primary-color1: #1276bc;
  --primary-color2: #00a945;
  --primary-color1-opc: 18, 118, 188;
  --primary-color2-opc: 0, 169, 69; */

  --brown-color: #ffbd6e;
  --white-color: #ffffff;
  --grey-color: #8a8a8a;
  --grey-color1: #cbcbcb;
  --grey-color2: #ededed;
  --grey-color4: #252525;
  --grey-color5: #252525;
  --grey-color6: #f3f3f3;
  --grey-color7: #2f2f2f;
  --grey-color8: #d6d6d6;
  --background-color: #1b1b1b;
  --black-color: #000000;
  --black-color2: #121212;
  --yellowish-orange: #ffc070;
  --yellowish-orange2: #ffc271;
  --yellowish-orange3: #ffc06f;
}

.light-mode {
  --background-color: #ffffff;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.HeaderLogo {
  width: 100px;
  height: 100px;
}

.headerCover {
  position: fixed;
  top: 0;
  left: 0;
  color: var(--white-color);
  background-color: transparent;
  transition: 0.5s ease-in-out;
  z-index: 3;
}

.headerCover.active {
  position: fixed;
  top: 0;
  left: 0;
  color: var(--white-color);
  background-color: black;
  transition: 0.5s ease-in-out;
  backdrop-filter: blur(14px);
}

/* Switch Css */
#toggle_checkbox {
  display: none;
}

label {
  display: block;
  position: absolute;
  top: 50%;
  right: 10%;
  width: 80px;
  height: 40px;
  margin: 0 auto;
  background-color: #77b5fe;
  border-radius: 56px;
  transform: translateY(-50%);
  cursor: pointer;
  transition: 0.3s ease background-color;
  overflow: hidden;
}

#star {
  position: absolute;
  top: 6px;
  left: 8px;
  width: 30px;
  height: 30px;

  background-color: #fafd0f;
  transform: scale(1);
  border-radius: 50%;
  transition: 0.3s ease top, 0.3s ease left, 0.3s ease transform,
    0.3s ease background-color;
  z-index: 1;
}

#star-1 {
  position: relative;
}

#star-2 {
  position: absolute;
  transform: rotateZ(36deg);
}

.star {
  top: 0;
  left: -7px;
  font-size: 30px;
  line-height: 28px;
  color: #fafd0f;
  transition: 0.3s ease color;
}

#moon {
  position: absolute;
  bottom: -52px;
  right: 8px;
  width: 30px;
  height: 30px;

  background-color: #fff;
  border-radius: 50%;
  transition: 0.3s ease bottom;
}

#moon:before {
  content: "";
  position: absolute;
  top: -12px;
  left: -17px;
  width: 40px;
  height: 40px;
  background-color: #03a9f4;
  border-radius: 50%;
  transition: 0.3s ease background-color;
}

#toggle_checkbox:checked + label {
  background-color: #000;
}

#toggle_checkbox:checked + label #star {
  top: 3px;
  left: 64px;
  transform: scale(0.3);
  background-color: yellow;
}

#toggle_checkbox:checked + label .star {
  color: yellow;
}

#toggle_checkbox:checked + label #moon {
  bottom: 8px;
}

#toggle_checkbox:checked + label #moon:before {
  background-color: #000;
}

/* SwitchENd */

body {
  background-color: var(--background-color);
}

.aboutUsPageLogo {
  top: 30px;
  left: 30px;
  width: 40% !important;
}

.aboutUsPageTextQ {
  color: var(--brown-color);
  font-size: 15px;
  font-weight: bold;
}

.aboutUsPageText {
  color: var(--white-color);
  font-size: 22px;
}

.x {
  top: 340px;
}

.TeamMembersImg1 {
  width: 300px;
}

.TeamMembersImg2 {
  width: 240px;
}

.aboutUsPageTeamMembersHeading {
  color: var(--white-color);
}

.aboutUsPageMainRow,
.contactUsPageMainRow {
  background-color: var(--background-color);
}

.aboutUsPageTeamMembersHeadingFirstText,
.aboutUsPageTeamMembersPara {
  color: var(--white-color);
}

.aboutUsPageTeamMembersHeadingSecondText {
  color: var(--brown-color);
}

.aboutUsPageTeamMembersHeading {
  font-size: larger;
  font-weight: bold;
}

.aboutUsPageGallerySectionHeadingTopTxt {
  color: var(--brown-color);
}

.aboutUsPageGallerySectionHeadingBottomTxt {
  color: var(--white-color);
}

.galleryDiv {
  background-color: var(--black-color);
}

.galleryImage {
  width: 250px;
}

.seeMoreBtnGallerySection {
  background-color: var(--yellowish-orange) !important;
  color: var(--black-color) !important;
  border-radius: 50px !important;
}

.aboutUsBottomSectionHeadingPart1,
.aboutUsBottomSectionHeadingPart3 {
  color: var(--white-color);
}

.aboutUsBottomSectionHeadingPart2 {
  color: var(--brown-color);
}

.rateIcon {
  width: 12px;
}

.submitButtonInAboutUsPage {
  background-color: var(--background-color);
  border-radius: 50px;
  border: none;
  color: var(--white-color);
}

.textInput::placeholder {
  color: var(--white-color);
}

/* .contactFormTxtFields {
  background-color: var(--grey-color4);
  color: white;
} */

.grey-line {
  border-color: var(--grey-color1);
  border-width: 4px;
}

.text-grey {
  color: var(--grey-color1);
}

.textPart3startText,
.textPart2,
.contactUsPageContactFormHeadingTxtPart1,
.contactUsFormTxt,
.txtPart1 {
  color: var(--white-color);
}

.textPart3EndText,
.contactUsPageContactFormHeadingTxtPart2,
.txtPart2 {
  color: var(--yellowish-orange2);
}

.breadcrumb-item + .breadcrumb-item::before {
  content: "/";
  color: white !important;
  margin: 0 8px;
}

.contactUsPageContactFormMainDiv {
  border: 1px solid var(--yellowish-orange2);
  margin-top: -190px !important;
}

.contactUsPageContactFormPara {
  color: var(--grey-color2);
}

.contactUsPageCallNowBtn,
.contactUsPageSubmitBtn {
  background-color: var(--yellowish-orange2) !important;
  color: var(--black-color);
}

.contactUsPageContactSubmitFormDiv {
  background-color: var(--grey-color5);
  border: 1px solid var(--white-color);
  top: -16px;
}

.subHeadingInContactUsPage {
  color: var(--grey-color6);
}

.txtInContactUsPage {
  color: var(--grey-color2);
}

.contactMethodDiv {
  background-color: var(--grey-color7);
}

.contactPageContactIcon {
  font-size: 25px;
  color: var(--grey-color6);
}

.contactPageContactCardHeading {
  color: var(--white-color);
}

.contactPageContactCardTxt {
  color: var(--grey-color8);
}

/* .ourTeamMemberDiv{
  margin-top: 300px !important;
} */


.aboutUsPageMainImageTextDiv {
  margin-top: 650px;
  left: 30px;
  bottom: 600px;
 
}

@media (max-width: 767px) {
  .aboutUsPageMainImageTextDiv {
    margin-top: 100px;
    left: 30px;
    bottom: 600px;
   
  }
}

@media (min-width: 400px) {
  .galleryImage {
    width: 350px;
  }
}

@media (min-width: 576px) {
  .TeamMembersImg1 {
    width: 400px;
  }

  .TeamMembersImg2 {
    width: 340px;
  }

  .rateIcon {
    width: 15px;
  }

  .galleryImage {
    width: 260px;
  }
  /* .ourTeamMemberDiv{
    margin-top: 310px !important;
  } */
  
}

@media (min-width: 600px) {
  .galleryImage {
    width: 285px;
  }


  /* .ourTeamMemberDiv{
    margin-top: 350px !important;
  } */


  .contactUsPageContactFormMainDiv {
    margin-top: -10px !important;
  }
}

@media (min-width: 650px) {
  .galleryImage {
    width: 300px;
  }

  .ourTeamMemberDiv{
    margin-top: 390px !important;
  }
}

@media (min-width: 700px) {
  .galleryImage {
    width: 330px;
  }

 /* .aboutUsPageMainImageTextDiv {
    margin-top: 400px;
    left: 30px;
    bottom: 600px;
  } */

  /* .ourTeamMemberDiv{
    margin-top: 410px !important;
  } */
}



@media (min-width: 768px) {
  .aboutUsPageTextQ {
    color: var(--brown-color);
    font-size: 20px;
    font-weight: normal;
  }

  .aboutUsPageText {
    color: var(--white-color);
    font-size: 30px;
  }

  /* .aboutUsPageMainImageTextDiv {
    margin-top: 400px;
    left: 30px;
    bottom: 600px;
  } */

  /* .ourTeamMemberDiv{
    margin-top: -180px !important;
  } */

  .galleryImage {
    width: 225px;
  }

  .contactUsPageContactFormMainDiv {
    margin-top: 50px !important;
  }
  
  
}

@media (min-width: 992px) {
  .contactUsPageContactSubmitFormDiv {
    /* background-color: var(--grey-color5); */
    top: 76px;
  }

  .galleryImage {
    width: 268px;
  }
}

@media (min-width: 1050px) {
  .galleryImage {
    width: 315px;
  }
}

@media (min-width: 1200px) {
  .contactCardDiv {
    position: relative;
    top: 70px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
  }

  #map {
    z-index: 0;
  }

  .galleryImage {
    width: 330px;
  }


}

@media (min-width: 1250px) {
  .galleryImage {
    width: 356px;
  }
}

@media (min-width: 1300px) {
  .galleryImage {
    width: 366px;
  }


  /* .ourTeamMemberDiv{
    margin-top: -100px !important;
  } */
}

@media (min-width: 1350px) {
  .galleryImage {
    width: 380px;
  }

  .contactUsPageContactFormMainDiv {
    margin-top: 150px !important;
  }
}

@media (min-width: 1400px) {
  .galleryImage {
    width: 410px;
  }

  
  /* .ourTeamMemberDiv{
    margin-top: 50px !important;
  } */
}

/* Home Carousel Image */
.ImageCover {
  overflow-x: hidden;
}

.HomeCarousel {
  width: 100%;
  height: 600px;
  object-fit: cover;
  filter: brightness(0.5);
  background-repeat: no-repeat;
  background-size: center;
}

.CarosuelLogo {
  position: absolute;
  top: 130px;
  left: 50%;
  z-index: 6;
  overflow: hidden;
}

.CarouselImageLOGO {
  width: 100%;
  height: auto;
}
@media (max-width: 900px) {
  .CarosuelLogo {
    position: absolute;
    top: 130px;
    left: 0%;
    z-index: 6;
    overflow: hidden;
  }
  .CarouselImageLOGO {
    width: 100%;
    height: auto;
  }
}

.welcomeText {
  font-family: monospace;
}

.AboutUsTopBackGround {

  background-color: var(--background-color);
  position: absolute;
  top: 0;
  left: 0;
}