header {
  background: linear-gradient(
      180deg,
      rgb(17, 0, 0, 0.65) 0%,
      rgb(17, 0, 0, 0.65) 100%
    ),
    url(../Images/gallery-images/header-profile.png);
  /* background-position: 50% 70%; */
  background-position: bottom;
  background-size: cover;
}
.section2 {
  width: 100%;
  /* border: 2px solid red; */
}
.sec2-div {
  width: 85%;
  margin: 100px auto 120px;
  display: flex;
  justify-content: center;
  row-gap: 20px;
  column-gap: 20px;
  flex-wrap: wrap;
}
.sec2-div div {
  height: 368px;
  /* border: 2px solid green; */
  border-radius: 16px;
  position: relative;
}
.small {
  width: 30%;
  min-width: 385px;
}
.big {
  width: 50%;
  min-width: 783px;
  background: linear-gradient(
      180deg,
      rgba(10, 5, 5, 0) 32.5%,
      rgba(0, 0, 0, 0.9) 100%
    ),
    url(../Images/gallery-images/Gallery1.JPG);
  background-size: cover;
  background-position: center;
}
.vid {
  width: 50%;
  min-width: 783px;
  background: linear-gradient(
      180deg,
      rgba(10, 5, 5, 0) 32.5%,
      rgba(0, 0, 0, 0.9) 100%
    ),
    url(../Images/video/poster.png);
  background-size: cover;
  background-position: center;
}
.big.big2 {
  background: linear-gradient(
      180deg,
      rgba(10, 5, 5, 0) 32.5%,
      rgba(0, 0, 0, 0.9) 100%
    ),
    url(../Images/gallery-images/gallery5.JPG);
  background-size: cover;
  background-position: center;
}
.big.big3 {
  background: linear-gradient(
      180deg,
      rgba(10, 5, 5, 0) 32.5%,
      rgba(0, 0, 0, 0.9) 100%
    ),
    url(../Images/gallery-images/gallery9.JPG);
  background-size: cover;
  background-position: center;
}
.big.big4 {
  background: linear-gradient(
      180deg,
      rgba(10, 5, 5, 0) 32.5%,
      rgba(0, 0, 0, 0.9) 100%
    ),
    url(../Images/gallery-images/gallery10.JPG);
  background-size: cover;
  background-position: center;
}
.small.small1 {
  background: linear-gradient(
      180deg,
      rgba(10, 5, 5, 0) 7.5%,
      rgba(0, 0, 0, 0.9) 100%
    ),
    url(../Images/gallery-images/gallery2.JPG);
  background-size: cover;
  background-position: center;
}
.small.small2 {
  background: linear-gradient(
      180deg,
      rgba(10, 5, 5, 0) 7.5%,
      rgba(0, 0, 0, 0.9) 100%
    ),
    url(../Images/gallery-images/gallery3.JPG);
  background-size: cover;
  background-position: center;
}
.small.small3 {
  background: linear-gradient(
      180deg,
      rgba(175, 138, 138, 0) 0%,
      rgba(74, 58, 58, 0.58) 47%,
      rgba(0, 0, 0, 0.9) 100%
    ),
    url(../Images/gallery-images/Gallery4.JPG);
  background-size: cover;
  background-position: center;
}
.small.small4 {
  background: linear-gradient(
      180deg,
      rgba(10, 5, 5, 0) 7.5%,
      rgba(0, 0, 0, 0.9) 100%
    ),
    url(../Images/gallery-images/gallery6.JPG);
  background-size: cover;
  background-position: center;
}
.small.small5 {
  background: linear-gradient(
      180deg,
      rgba(10, 5, 5, 0) 7.5%,
      rgba(0, 0, 0, 0.9) 100%
    ),
    url(../Images/gallery-images/gallery7.JPG);
  background-size: cover;
  background-position: center;
}
.small.small6 {
  background: linear-gradient(
      180deg,
      rgba(10, 5, 5, 0) 7.5%,
      rgba(0, 0, 0, 0.9) 100%
    ),
    url(../Images/gallery-images/gallery8.JPG);
  background-size: cover;
  background-position: center;
}
.small.small7 {
  background: linear-gradient(
      180deg,
      rgba(10, 5, 5, 0) 7.5%,
      rgba(0, 0, 0, 0.9) 100%
    ),
    url(../Images/gallery-images/gallery11.JPG);
  background-size: cover;
  background-position: center;
}
.small.small8 {
  background: linear-gradient(
      180deg,
      rgba(10, 5, 5, 0) 7.5%,
      rgba(0, 0, 0, 0.9) 100%
    ),
    url(../Images/gallery-images/gallery12.JPG);
  background-size: cover;
  background-position: center;
}
.small.small9 {
  background: linear-gradient(
      180deg,
      rgba(10, 5, 5, 0) 7.5%,
      rgba(0, 0, 0, 0.9) 100%
    ),
    url(../Images/gallery-images/gallery13.JPG);
  background-size: cover;
  background-position: center;
}
.small.small10 {
  background: linear-gradient(
      180deg,
      rgba(10, 5, 5, 0) 7.5%,
      rgba(0, 0, 0, 0.9) 100%
    ),
    url(../Images/gallery-images/gallery14.JPG);
  background-size: cover;
  background-position: center;
}


.p1 {
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  color: #ffffff;
  position: absolute;
  top: 70%;
  left: 50px;
}
.p3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  color: #ffffff;
  position: absolute;
  top: 60%;
  left: 50px;
  width: 70%;
}
.p2,
.p4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 28px;
  color: #ffeeb4;
  position: absolute;
  top: 85%;
  left: 50px;
}
.fa-solid {
  color: #ffeeb4;
  font-size: 18px;
  margin-left: 6px;
}
.more-btn {
  width: 20%;
  display: flex;
  margin: 0 auto 120px;
  justify-content: center;
  align-items: center;
}
.more {
  background-color: #dc214b;
  padding: 15px 40px;
  border-radius: 40px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  border: 1px solid transparent;
  transition: all 400ms ease-out;
  color: #ffffff;
}
.more:hover {
  background-color: #ffffff;
  color: #dc214b;
  border-color: #dc214b;
}