.bebas-neue-regular {
   font-family: "Bebas Neue", sans-serif;
   font-weight: 400;
   font-style: normal;
   font-size: 30px;
}

.playwrite-in {}

.text-justified {
   align: justify;
}

.course-image {
   height: 270px;
   width: 400px;
}

.p-intro {
   text-align: justify;
   white-space: pre-wrap;
}

.p-content-c {
   text-align: center;
   /* white-space: pre-wrap; */
   color: black;
   font-family: "Playwrite IN", cursive;
   font-optical-sizing: auto;
   font-weight: 200;
   font-style: normal;
   font-size: 20px;
}

li {
   color: black;
}

.p-content-j {
   text-align: justify;
   /* white-space: pre-wrap; */
   color: black;
}

.p-number {
   white-space: pre-wrap;
   color: black;
}

.h-30 {
   height: 30px;
}

.program-image {
   height: 550px;
   width: 600px;
}

.mt-70 {
   margin-top: 70px;
}

.ul-center {
   display: inline-block;
   text-align: left;
}

.white-background {
   background: linear-gradient(90deg,
         hsla(0, 0%, 96%, 1) 0%,
         rgb(148, 181, 228) 100%);
   /* background: hsl(0, 0%, 96%) !important; */
}

.mt-8rem {
   margin-top: 8rem;
   margin-bottom: 8rem;
}

.mt-4rem {
   margin-top: 4rem;
   margin-bottom: 4rem;
}

.privacy-policy p {
   margin-left: 50px;
   text-align: justify;
}

.privacy-policy h3 {
   margin-left: 50px;
   text-align: justify;
}

.address {
   white-space: pre-wrap;
}

.single-gallery-image {
   margin-top: 30px;
   background-repeat: no-repeat !important;
   background-position: center center !important;
   background-size: cover !important;
   height: 200px;
}

.newsletter-image {
   height: 360px;
   width: 400px;
}

.newsletter-pdf {
   height: 360px;
   width: 360px;
}

.newsletter-model-image {
   height: 550px;
   width: fit-content;
}

.newsletter-model-pdf {
   height: 550px;
   width: 550px;
}

/* Style the tab */

.tab {
   overflow: hidden;
   border: 1px solid #ccc;
   background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */

.tab button {
   background-color: inherit;
   float: left;
   border: none;
   outline: none;
   cursor: pointer;
   padding: 14px 16px;
   transition: 0.3s;
}

/* Change background color of buttons on hover */

.tab button:hover {
   background-color: #ddd;
}

/* Create an active/current tablink class */

.tab button.active {
   background-color: #ccc;
}

/* Style the tab content */

.tabcontent {
   display: none;
   padding: 6px 12px;
   border: 1px solid #ccc;
   border-top: none;
}

.error {
   color: rgb(189, 32, 32);
   font-size: 14px;
}

.img-circle {
   border-radius: 50%,

}

.img-round-border {
   border-radius: 10%;
   height: 300px;
   width: 100%;
   box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.6);

}

.img-blog {
   max-width: 100%;
   height: 200px;
   width: 300px;
   object-fit: cover;
}

.image-container {
   position: relative;
   /* Required for absolute positioning */
}

.image-container img {
   width: 100%;
   /* Ensures image fills the container */
}

.image-container h1 {
   position: absolute;
   top: 50%;
   padding-top: 50%;
   transform: translateY(-50%);
   /* Center vertically */
   width: 100%;
   /* Optional: Stretch heading horizontally */
   /* text-align: center;  Center text horizontally */
   vertical-align: middle;
}

.image-container {
   position: relative;
   /* Required for absolute positioning */
}

.text-color-white {
   color: whitesmoke;
}

.black-justify {
   text-align: justify;
   color: black !important;
}