/*your custom css goes here*/ 


/* .bannerContent {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(45deg, black, transparent);
} */

.bannerContentArea {
    position: absolute;
   width: 90%;
   top: 50%;
   /* left: 0%; */
   transform: translate(1%, -50%);
}

.bannerContent h2 {
   /* font: normal normal normal 73px/80px Nunito; */
   letter-spacing: 0px;
   color: #00636e;
   font-size: 3.4vw;
}

/* .bannerContent h2 span {
   font: normal normal bold 85px/105px Nunito;
   letter-spacing: 0px;
   color: #00636e;
} */

.bannerContent p {
   /* font: normal normal normal 30px / 47px Nunito; */
   /* letter-spacing: 0px; */
   color: #00636e;
   /* text-shadow: 0px 3px 6px #00000029; */
   line-height: 1;
   font-size: 2vw;
}

/* .bannerContent a {
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50px;
   box-shadow: 0px 5px 9px #00000069;
   border: 2px solid #EF9F37;
   backdrop-filter: blur(2px);
   width: 243px;
   height: 79px;
   color: #00636e;
   font-size: 1.2rem;
} */

/* .bannerContent a:hover {
   background-color: #EC9621;
   color: #fff;
} */