fbody {
  padding: 0;
  margin: 0;
  background-color: white;
  font-family: 'Oswald';
}

.tripstreet-banner {
  height: 500px;
  background-image: url("./Images/TS_Banner.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  /* display: grid;
  align-content: center; */
}

.font-32 {
  font-size: 32px;
}

.font-26 {
  font-size: 26px;
}

.font-18 {
  font-size: 18px;
}

.text-color-red {
  color: brown;
}

.font-weight-b {
  font-weight: 600;
}

.border-bottom-about {
  border-bottom: 2px solid brown;
  width: fit-content;
}

.about-section-img {
  width: 100%;
  height: -webkit-fill-available;
  object-fit: cover;
  border-radius: 10px;
  border: 1px solid brown;
  filter: drop-shadow(-17px -17px 0px brown);
}

.ourservice-headtext {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ourservice-card-top-right {
  position: absolute;
  top: 0;
  left: 0;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  background: #ffffff;
  color: #000000;
  padding: 8px 20px;
  text-align: center;
  border: 1px solid #668ed8;
  filter: drop-shadow(5px 5px 1px #668ed8);
}

/* Swiper CSS Start */

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  /* background: #fff; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* .swiper {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
} */

.swiper-slide {
  background-size: cover;
  background-position: center;
}

.mySwiper2 {
  height: 80%;
  width: 100%;
}

.mySwiper {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}

.mySwiper .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
}

.mySwiper .swiper-slide-thumb-active {
  opacity: 1;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Gallery swiper  */
.gallery-swiper .swiper {
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
}

.gallery-swiper .swiper-slide {
  background-position: center;
  background-size: cover;
  width: 600px;
  height: 400px;
}

.gallery-swiper .swiper-slide img {
  display: block;
  width: 100%;
}

.swiper-pagination-bullet {
  background: white;
  border: 1px solid red;
}

.swiper-pagination-bullet-active {
  background: red;
}

/* Swiper CSS END */



/* ourservices2-card */

.ourservices2-card {
  background-color: rgb(240, 178, 178);
  padding: 12px;
  border-radius: 10px;
}

.border-left-ourservices2 {
  border-left: 2px solid brown;
  width: fit-content;
  padding-left: 10px;
  margin-left: 10px;
}

.ourservices2-card-img {
  width: 100%;
  height: 100%;
}

.ourservices2-section-img {
  width: 100%;
  height: -webkit-fill-available;
  object-fit: cover;
  border-radius: 10px;
}

.ourservices2-section-circle-img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
  /* border: 4px solid #fff; */
}


.form-control {
  background-color: rgb(240, 178, 178) !important;
  border-color: rgb(240, 178, 178);
  color: black;
}

.form-control:active,
.form-control:focus,
.form-control:focus:active {
  background-color: rgb(240, 178, 178) !important;
  border-color: rgb(240, 178, 178);
  color: black;
  box-shadow: none;
}

@media only screen and (max-width: 1000px) {

  .ourservices2-card-img,
  .ourservices2-card-margin,
  .map-m {
    margin-top: 10px;
  }
}

@media only screen and (max-width: 600px) {
  .about-section-img {
    filter: none;
  }
}