#featured {
   padding: 10vw 12vw;
}

#featured h1 {
   font-family: var(--heading1);
   cursor: pointer;
   line-height: 1;
   font-size: 4.5vw;
}

.fheading h1:nth-child(2) {
   color: transparent;
   -webkit-text-stroke: 2px var(--txt-col1);
}

#fimages {
   width: 100%;
   height: 100vh;
   margin-top: 5vw;
   display: flex;
   justify-content: space-between;
}

#fleft {
   overflow: hidden;
   width: 45%;
   height: inherit;
}

.fleftelm {
   display: flex;
   flex-direction: column;
   justify-content: center;
   width: 100%;
   height: inherit;
   text-transform: capitalize;
}

#fleft .fleftelm h1 {
   text-transform: capitalize;
}

#fleft .fleftelm p {
   font-size: 1.1rem;
}

#fright {
   width: 45%;
   height: inherit;
   display: flex;
   align-items: center;
   justify-content: flex-end;
}

#fright .images {
   height: 90%;
   width: 90%;
   overflow: hidden;
}

#fright .images img {
   width: 90%;
   height: 90%;
   object-fit: cover;
}

.next {
   height: 100vh;
   width: 100%;
}

.nextimg {
   height: 80%;
   width: 90%;
}

.nextimg img {
   height: 100%;
   width: 100%;
   object-fit: cover;
}