#catodom-head {
   position: relative;
   width: 100%;
}

.p1head {
   /* height: 50vh; */
   width: 100%;
   padding: 3vh 6vw;
   color: var(--txt-col2);
}

.p1head * {
   font-family: var(--heading3);
}

.p2head {
   display: flex;
   align-items: center;
   gap: 10px;
}

.p1head .hvr {
   cursor: pointer;
   font-size: 6vw;
}

.hvr:nth-child(3) {
   font-size: 14vw;
   -webkit-text-stroke: 2px var(--txt-col2);
   color: transparent;
}

.para {
   font-size: 2rem;
   margin: 0;
   margin-top: -4%;
   padding: 0;
   text-align: center;
}

.introvid {
   height: 75vh;
   width: 98%;
   margin-left: 1%;
   background: #111;
   border-radius: 10px;
   overflow: hidden;
   box-shadow: 0px 3px 7px black;
}

.introvid iframe {
   height: 159%;
   width: 100%;
   object-fit: cover;
   opacity: 0.9;
   z-index: -2;
}