.scrollable-text {
    height: 470px;
    overflow-y: auto;
    border: 1px solid #ccc;
    padding: 15px;
    margin-top: 15px;
}
.form-group p {
    display: flex;
    align-items: center;
    justify-content: center;
    margin:0px;
}



span.wpcf7-not-valid-tip {
display: none;
}
.wpcf7-not-valid,input.is-invalid {
border: 2px solid red !important;
}
.wpcf7-response-output
 {
    color: #fff;
    font-size: 16px;
    margin: 0px !important;
}
.wpcf7-form p {margin:0px;}
.wpcf7-response-output {
    border: 0px !important;
}
.pod-thumb {
    width: 200px;
    height: 250px;
    overflow: hidden;
}

.pod-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.media-body p a,.media-body p  {line-height: 20px;color: #000;}
input.wpcf7-form-control.wpcf7-submit.has-spinner.vs-btn.style5 {height: 100%;}
input.wpcf7-form-control.wpcf7-submit.has-spinner.vs-btn.style5{background-color: #000 !important;}
.single .blog-img img {
    width: 100%;
}

.single .blog-img {
    width: 70%;
}
/*.single .blog-content h1,.single .blog-content h2,.single .blog-content h3,.single .blog-content h4,.single .blog-content h5,.single .blog-content h6,.single h4.post-title,.single .recent-post-meta a,.single h3.widget_title {
    color: var(--white-color) !important;
}
*/
.page-template-default h1,.page-template-default h2,.page-template-default h3,.page-template-default h4,.page-template-default h5,.page-template-default h6 {
    color: #fff;
}
.team-img {
    height: 450px;
    width: 100%;
    overflow: hidden;
}

.team-img img {
    width: 100%;
    height: auto !important;
    object-fit: cover !important;
}
.page-id-245 h2.mb-4.sec-title.text-white {
    font-size: 45px;
}
.page-id-239 section.space-top.space-extra-bottom.sections-sec.ents.background-image .podcast-img {
    height: 225px;
}
.blog-img {
    height: 300px;
}
.single .blog-img {
    height: auto !important;
}
.hero-content img {
	display:none;
    visibility: hidden !important;
}
section.space-top.space-extra-bottom.sections-sec.background-image .row {
    display: flex;
    align-items: center;
}
.vs-blog .blog-img img {
  transition: none !important;
  transform: none !important;
}

.vs-blog .blog-img img:hover {
  transform: none !important;
}

@media(max-width: 1024px) {
	.page-id-243 .podcast-img {
    width: 100%;
    height: auto;
    overflow: hidden;
}
}
/* Container for the team member */
.team-body {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

/* Image container */
.team-img {
    position: relative;
    overflow: hidden;
}

/* Image styling */
.team-img img {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
}

/* Zoom effect on hover */
.team-img:hover img {
    transform: scale(1.1);
}

/* Content container */
.team-content {
    position: absolute;
    top: 0; /* Position content at the top of the image */
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fc8e2c;  /* Yellow background */
    color: #fff;
    padding: 20px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: center; /* Vertically center content */
    align-items: center;     /* Horizontally center content */
}

/* Show the team details when hovering over the image */
.team-img:hover .team-content {
    opacity: 1;
}

/* Styling for the team name */
.team-name {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
}

/* Styling for the team profile (designation) */
.team-degi {
    font-size: 14px;
    font-style: italic;
    margin-top: 10px;
}

/* Styling for the description */
.team-description {
    font-size: 16px;
    margin-bottom: 15px;
}

/* Social media icons container */
.team-social {
    display: flex;
    justify-content: center;
    gap: 10px;
}

/* Styling for social media icons */
.team-social .social {
    color: white;
    font-size: 18px;
    transition: color 0.3s ease;
}

/* Hover effect for social media icons */
.team-social .social:hover {
    color: #000;
}

/* Button styling for the share icon */
.team-share {
    background-color: transparent;
    border: none;
    color: white;
    font-size: 20px;
    cursor: pointer;
}
.team-style1 .team-content {position:absolute;}
.team-contentx.showcontnt {
    padding: 20PX 50PX 20PX 40PX;
    bottom: 0px;
    background-color: #00000061;
    position: absolute;
    width: 100%;
}
span.team-degi {
    COLOR: #FFF;
}

a.text-inherit {
    COLOR: #051821;;
}
.team-description {
  max-height: 450px; /* Or any suitable height */
  overflow-y: auto;
	padding-right:10px;
}
/* Style the scrollbar track */
::-webkit-scrollbar {
  width: 8px;
}

/* Scrollbar track background */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Scrollbar thumb (the draggable part) */
::-webkit-scrollbar-thumb {
  background-color: #888; /* Scrollbar color */
  border-radius: 10px;
  border: 2px solid #f1f1f1;
}

/* On hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
h3.podcast-title a {
    color: #051821;
}

.podcast-style4.layout2 h3.podcast-title a {
    color: #fff;
}
.podcast-img.event-grid-image {
    height: 300px;
    overflow: hidden; /* Ensure the image doesn't spill outside */
}

.podcast-img.event-grid-image img {
    object-fit: cover;
    width: 100%;
    height: 100%; /* Match the container’s height */
    display: block; /* Removes inline spacing issues */
}
.footer-layout1 h4.post-title a {color: #fff;}
.recent-post h4.post-title a {
    color: #fff;
}
 .sec-btns .arrow-btn {
  position: absolute;
  top: 50%;
  z-index: 10;
}
 .sec-btns .arrow-btn[data-slick-prev] {
  transform: rotateY(180deg);
  left: 10%; /* or add spacing like left: 15px; */
}
.sec-btns .arrow-btn[data-slick-next] {
  transform: rotateY(0);
  right: 10%; /* or right: 15px; */
}
 .sec-btns {
    width: 50% !important;
}
section.space-top.space-extra-bottom.blog-sec.background-image {
    position: relative;
}
/*** 19 Aug 2025*****/
.header-top {
    display: none;
}

header.vs-header.header-layout1 {
    background: #02AECA;
    position: fixed;
}
footer.footer-wrapper.footer-layout1.sections-sec.background-image {
    background-image: unset !important;
	background: #02AECA !important;

}

.widget-area {
    background-color: #D9F3F7;
	border-bottom: 7px solid #ffcf7a;
}

.widget-area p,.widget-area li,.widget-area a,.widget-area h3 {
    color: #000 !important;
}
.widget-area a,.widget-area h3,p.copyright-text.mb-0 {
    color: #000 !important;
}
footer.footer-wrapper.footer-layout1.sections-sec.background-image .shape-1{display:none;}


.white-section {
    background-image: unset !important;
    background-color: #fff !important;
}
.white-section :is(p, li, h1, h2, h3, h4, h5, a, span) {
  color: #000 ;
}
.white-section
.white-section a.vs-btn.style5 {
   padding: 15px 30px;
    border-radius: 10px !important;
    background-color: #E98040;
    color: #fff !important;
    border: 2px solid #E98040;
}
.white-section  a.vs-btn.style5:hover {
    background: transparent !important;
	color:#E98040 !important;
}
.white-section .sec-subtitle2 img {display:none !important;}
.blue-section {
    background-image: unset !important;
    background-color: #00abc7 !important;
	border-bottom: 7px solid #FDCB6E;
    border-top: 7px solid #FDCB6E;
}
.blue-section * {
  color: #fff !important;
}
.blue-section h3.podcast-title a {
    color: #000 !important;
}
i.fas.fa-quote-right {
    color: #000 !important;
}
section.space.white-section .sec-title3 {
    color: #000 !important;
}
.white-section .vs-btn {
   padding: 15px 30px;
    border-radius: 10px !important;
    background-color: #E98040;
    color: #fff !important;
    border: 2px solid #E98040;
}
.slider-section {
    background-repeat: no-repeat;  
    background-position: top center; 
}
.slider-section .breadcumb-content {
    padding: 250px 0px 250px 0px !important;
}
p.hero-text.mt-20 {
    width: 60%;
    margin: 20px 0px;
}
ul.sub-menu a:before,.main-menu ul.sub-menu:before {
    display: none !important;
}
.footer-widget ul.sub-menu { display: none;}
.copyright {
    background-color: #d6f2f6;
}
.postid-594 .blog-content br {
    display: none;
}
.postid-594 .white-section .vs-btn {margin-left:20px;}
.text-black{color:#000 !important;}