@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css");
body{
  overflow-x: hidden !important;
}
.imgs {
  max-width: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.main {
  height: 100vh;
  width: 95vw;
  margin: 0 auto;
  display: flex;
}

.left img {
  height: 85%;
}

.right h2 {
  font-size: 3rem;
  padding-top: 3rem;
  text-align: start;
  color: #222;
}

.gallery {
  display: flex;
  height: 40%;
  justify-content: start;
}

.gallery img {
  width: 30%;
  margin-right: 1rem;
  cursor: pointer;
}

.gallery img.active {
  border: 5px solid #222;
}

.carder:hover {
  transform: scale(1.1);
  background-color: #d6341c;
  color: white !important;
}

.btns {
  background-color: #d6341c;
}

.btns:hover {
  transform: scale(1.1);
  color: white !important;
}

#contact {
  background: none repeat scroll 0 0 #000;
  display: inline;
  float: left;
  padding: 100px 0;
  width: 100%;
}

.contact_area {
  display: inline;
  float: left;
  position: relative;
  text-align: center;
  width: 100%;
}

.contact_area h1 {
  margin-top: 0px;
}

.contact_area p {
  color: #fff;
  font-size: 20px;
}

.contact_left {
  float: left;
  display: inline;
  width: 100%;
  text-align: left;
  margin-top: 58px;
}

.contact_left h1 {
  font-size: 30px;
  margin-top: 0;
  margin-bottom: 0px;
}

.contact_media {
  margin-bottom: -10px;
}

.contact_media i {
  color: #ED0a76;
  display: inline-block;
  /* float: left !important; */
  font-size: 25px;
  margin-right: 12px;
  margin-top: 5px;
  text-align: center;
  width: 20px;
}

.contact_media_body h4 {
  color: #606060;
  font-size: 15px;
}

.contact_social {
  float: left;
  display: inline;
  width: 100%;
  margin-top: 30px;
}

.contact_social h1 {
  margin-bottom: 24px;
}

.contact_social a {
  color: #FFFFFF;
  display: block;
  float: left;
  font-size: 30px;
  margin-right: 13px;
  text-align: center;
  width: 40px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.contact_social a.fb:hover,
.contact_social a.fb:focus {
  background-color: #fff;
}

.contact_social a.twitter:hover,
.contact_social a.twitter:focus {
  background-color: #1DA1F2;
}

.contact_social a.youtube:hover,
.contact_social a.youtube:focus {
  background-color: #fff;
}

.contact_social a.linkedIn:hover,
.contact_social a.linkedIn:focus {
  background-color: #0077b5;
}

.contact_social a.instagram:hover,
.contact_social a.instagram:focus {
  background-color: #f09433;
}

.contact_right {
  float: left;
  display: inline;
  width: 100%;
  margin-top: 58px;
}

.texter {
  position: relative;
  margin-top: -75px;
}

.sstex {
  position: absolute;
  margin-top: -50px;
  left: 25px;
  background-color: #fff;
  padding: 5px;
}

@media (max-width: 575.98px) {
  .texter {
    position: relative;
    margin-top: 20px;
  }
}

@media (max-width: 767.98px) {
  .texter {
    position: relative;
    margin-top: 20px;
  }
}

@media (max-width: 991.98px) {
  .texter {
    position: relative;
    margin-top: 20px;
  }
}

@media (max-width: 1200px) {
  .texter {
    position: relative;
  }
}