*{ margin: 0; padding: 0;box-sizing: border-box;} 
body{ font-family: 'Poppins', 'Arial', sans-serif; font-size: 15px; line-height: 1.4; color: #000;}
h2 {font-size: 22px;}
h4 {font-size: 15px;padding-bottom: 10px;    line-height: 1.0;}
h3 {font-size: 20px;padding-bottom: 10px;    line-height: 1.5;}
a { text-decoration: none; color: #000; transition: all 0.3s ease-in-out; }
.ul{list-style: none;}
.centered { padding-right: calc((100% - 1150px)/2); padding-left: calc((100% - 1150px)/2); }
.divider {background: #e2e2e2;border: 0;height: 2px;margin: 50px 0 50px;}
.banner {line-height: 0;    background: linear-gradient(115deg, rgba(66,50,14,1) 0%, rgba(15,10,6,1) 49%, rgba(15,10,6,1) 54%, rgba(66,50,14,1) 96%);}
.banner img {width:100%}
.videoIcon {width: 100%;height: 100%; position: absolute;left: 0;top: 0;display: flex;justify-content: center;align-items: center;cursor: pointer;    z-index: 3;}
.circle-rippleVideo {background-color: red;width: 3em;height: 3em;border-radius: 100%;-webkit-animation: videoRipple 0.7s linear infinite;animation: videoRipple 0.7s linear infinite;display: flex;justify-content: center;align-items: center;}
@-webkit-keyframes videoRipple {
0% { box-shadow: 0 0 0 0 rgb(255 0 0 / 30%), 0 0 0 1em #ff0034, 0 0 0 2em rgb(255 0 0 / 30%), 0 0 0 3em rgb(255 0 0 / 30%) }
100% { box-shadow: 0 0 0 1em rgb(255 0 0 / 30%), 0 0 0 3em rgb(255 0 0 / 30%), 0 0 0 2em rgb(255 0 0 / 30%), 0 0 0 4em rgb(255 0 0 / 0%) }
}
@keyframes videoRipple {
0% { box-shadow: 0 0 0 0 rgb(255 0 0 / 30%), 0 0 0 1em #ff0034, 0 0 0 2em rgb(255 0 0 / 30%), 0 0 0 3em rgb(255 0 0 / 30%); }
100% { box-shadow: 0 0 0 1em rgb(255 0 0 / 30%), 0 0 0 3em rgb(255 0 0 / 30%), 0 0 0 2em rgb(255 0 0 / 30%), 0 0 0 4em rgb(255 0 0 / 0%) }
}
/* @-webkit-keyframes videoRipple {
    0% { box-shadow: 0 0 0 0 rgb(255 0 0 / 30%), 0 0 0 0em #ff0034, 0 0 0 1em rgb(255 0 0 / 0%), 0 0 0 1em rgb(255 0 0 / 30%); }
    box-shadow: 0 0 0 1em rgb(255 0 0 / 100%), 0 0 0 1em rgb(255 0 0 / 30%), 0 0 0 1em rgb(255 0 0 / 30%), 0 0 0 1em rgb(255 0 0 / 0%) }
    }
    @keyframes videoRipple {
    0% { box-shadow: 0 0 0 0 rgb(255 0 0 / 30%), 0 0 0 0em #ff0034, 0 0 0 1em rgb(255 0 0 / 0%), 0 0 0 1em rgb(255 0 0 / 30%); }
    box-shadow: 0 0 0 1em rgb(255 0 0 / 100%), 0 0 0 1em rgb(255 0 0 / 30%), 0 0 0 1em rgb(255 0 0 / 30%), 0 0 0 1em rgb(255 0 0 / 0%) }
    } */

.mainHeading {text-align: center;padding-bottom: 30px;}
section.speakerProfile-Wraper {padding: 80px 0;}
.speakerProfile {display: flex;    justify-content: space-between;}
.speakersDetails {display: flex;position: relative;width: 32.3%;margin-right: 30px;cursor: pointer;}
.speakersDetails:last-child {margin-right: 0;}
.speakerProfileImage { position: relative;z-index: 2;}
.speakerProfileImage img {max-width: 150px;height: 180px;}
.speakerProfileImage:before {content: "";border-bottom: 10px solid #a1e0e5;right: 0;position: absolute;bottom: -2px;width: 80%;display: block;}
.speakerProfileImage:after {content: "";border-right: 10px solid #a1e0e5;right: -10px;position: absolute;bottom: -2px;height: 95%;}
.nameDestination {padding: 20px;border: 1px solid #dddee0;margin-top: 30px;padding-bottom: 0;position: relative;bottom: 0px;z-index: 1;}
.nameDestination h3 {font-size: 17px;line-height: 1.4;}
.nameDestination p {font-size: 14px; line-height: 1.4;}
.nameDestination img {height: 10px;}
.episode-articles {padding-top: 50px;}
.aboutUs {color: #fff;text-align: center;padding: 50px 0 ;}
.aboutUs h2 { margin-bottom: 15px;font-size: 28px;}
.aboutUs p { margin-bottom: 15px;    font-size: 17px; line-height: 1.5; }
.aboutUs p b a { font-size: 20px; color: #fff; }
.aboutUs img {width: 300px;margin: 20px 0 0;}
.rightSwirl_icon {position: absolute; right: 0;top: 90px;}
.rightSwirl_icon img {width: 50px;}
.leftcircle_icon {position: absolute;left: 0; top: 90px;}
.leftcircle_icon img {width: 50px;}
.rightDoted_icon {position: absolute; right: 0;    top: 30%;}
.rightDoted_icon img {width: 30px;}
.videoBanner img {width: 650px;}
section.videoArticle-Wrapper button {font-size: 14px;font-weight: bold;background: #ead18e;padding: 10px 30px;margin: 0 auto;display: block;border: 1px solid #4d3c20;cursor: pointer;box-shadow: 1px 1px 1px white;}
button#showMoreButton2:hover {box-shadow: 1px 1px 1px #7c6132;}
#myList2 li {display: none;}
/* Display the first three list items */
#myList2 li:nth-child(-n+3) {display: flex;}

#myAticle li {display: none;}
/* Display the first three list items */
#myAticle li:nth-child(-n+4) {display: block;}
 

        
.videoBanner .wrapper { display: inline-block;position: absolute;top: 40%;left: 50%;transform: translate(-50%,-50%);text-align: center;}
  .video-main {position: relative;display: inline-block;}
  .video {height: 50px;width: 50px;line-height: 50px;text-transform: uppercase;font-size: 20px;text-align: center;border-radius: 100%;background: #ff0034;color: #fff;display: inline-block;background: #ff0034;z-index: 999;}
  
  @keyframes waves {
    0% {-webkit-transform: scale(0.2, 0.2);transform: scale(0.2, 0.2);opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
    50% {opacity: 0.9;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";}
    100% {-webkit-transform: scale(0.9, 0.9);transform: scale(0.9, 0.9);opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
  }
  .fa-play:before {content: "\f04b";}
  .waves {position: absolute;width: 100px;height: 100px;background: rgb(255 0 0 / 60%);opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";border-radius: 100%;right: -25px;bottom: -25px;z-index: -1;-webkit-animation: waves 2s ease-in-out infinite;animation: waves 2s ease-in-out infinite;}
  .wave-1 {-webkit-animation-delay: 0s;animation-delay: 0s;}
  .wave-2 {-webkit-animation-delay: 1s;animation-delay: 1s;}
  .wave-3 {-webkit-animation-delay: 2s;animation-delay: 2s;}





.episode {display: flex;gap: 30px;}
.episode-video {padding-bottom: 40px; position: relative; }
.episode-content {width: 60%;color: #fff;}
section.videoArticle-Wrapper {background-image: url(https://img.jagranjosh.com/images/2023/August/982023/Bannerbrush.jpg);background-repeat: no-repeat;background-size: cover;position: relative;padding: 40px 0 80px;}
section.articleSection {padding-top: 80px;    padding-bottom: 80px;}
.videoArticle ul li:after {content: "I";margin-left: 13px;font-size: 32px; font-weight: 300; color: #de0000;}
.videoArticle ul li:last-child:after{ display:none}
.videoArticle ul li a {font-size: 28px;color: #fff;font-weight: normal;}
.episodeSummery {color: #fff;}
.episodeSummery h3 a{font-size: 20px;    color: #fff;}
.episode-content h3 {font-size: 20px;}
.videoArticle ul {list-style: none; display: flex; gap: 20px; padding-bottom: 30px;}
.videoArticle ul li a.active {font-weight: bold;}
.episode-Articles-wrap {display: flex;gap: 30px;flex-wrap: wrap;padding-bottom: 30px;}
.episode-articles-content {width: 48%;}
.episode-articles-content img {width: 100%;height: 330px;padding-bottom: 20px;}
.SectionHeading h3 {padding-bottom: 30px;color: #fff;    font-size: 28px;}
/* .episodeSummery {padding-right: 70px;} */
.SectionHeading {display: flex;justify-content: space-between;}
.SectionHeading a {color: #e70505;}
.storiesContent {display: grid; gap: 20px;grid-template-columns: repeat(5, 1fr);padding-bottom: 50px;}
.examStories-item a {display: block;text-decoration: none;overflow: hidden;position: relative;}
.examstoiresIcon {position: absolute;right: 18px;top: 15px;z-index: 1;}
.Examicon {width: 35px;display: flex;position: relative;align-items: center;justify-content: center;top: 150px;right: 74px;}
.examStories-item img {width: 100%;display: block;transition: transform .3s ease;}
.examStories-item a .gradient {display: flex;flex-wrap: wrap;align-items: end;justify-content: space-between;padding: 10px 12px 12px;position: absolute;left: 0; bottom: 0;border-image-slice: 1;width: 100%; min-height: 110px;background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.6) 51%,rgba(12, 24, 68, 1) 100%);box-sizing: border-box;}
.examStories-item a .gradient h3 {color: #fff;font-size: 14px;font-weight: 700;line-height: 20px;font-family: "Lato",sans-serif;flex-basis: 100%;min-height: 40px;text-align: left;white-space: normal;}
.fullFooter {display: none;}
.webStories { display: none;}
hr.divider {display: none;}
@media screen and (max-width: 1140px) {
.centered { padding-left: 15px; padding-right: 15px; }
}
@media only screen and (max-width: 768px) {

.videoDots {display: none;}
.downArrow {display: none;}
section.speakerProfile-Wraper { padding: 40px 0 20px;}
.speakersDetails {width: 100%;padding-bottom: 20px;}
.videoBanner {width: 100%;}
.bannerWrapper {flex-direction: column;}
.videoBanner img { width: 100%;}
.speakerProfile { flex-direction: column;}
.episode { flex-direction: column; gap: 0px; padding-bottom: 20px;}
.episode-video {  padding-bottom: 20px;}
section.videoArticle-Wrapper {padding: 40px 0 20px;}
.episode-content { width: 100%;}
.episode-articles-content img {height: auto;}
.episode-Articles-wrap { flex-direction: column;}
section.articleSection {padding: 40px 0;}
.storiesContent {display: block; box-sizing: border-box; overflow-y: hidden; white-space: nowrap; width: 100%;background: rgb(255, 255, 255);}
.examStories-item {display: inline-block; margin-right: 10px;}
.examStories-item img {width: 100%; display: block;transition: transform .3s ease; object-fit: fill; height: 262px;}
span.Examicon img { height: 40px !important;width: 25px;}
.Examicon {top: 80px !important; right: 100%;}
.divider {margin: 30px -20px; }
.episodeSummery {padding-right: 0px;}
.episode-articles-content {width: 100%;}
.banner img {height: 210px;width: 100%;object-fit: cover;}
.aboutUs p {font-size: 15px;}


.aboutUs {padding-top: 0;padding-bottom: 35px;}
.videoArticle ul li:first-child:after {font-size: 28px;}
.SectionHeading h3 {padding-bottom: 20px;}
.videoArticle ul {padding-bottom: 20px;}

}


/* .speakersDetails img {position: relative;}
.nameDestination:before {content: "";border-right: 10px solid #a1e0e5;z-index: 9999;bottom: -10px;position: absolute;height: 166px;}
.nameDestination:after {content: "";border-bottom: 10px solid #a1e0e5;left: 30px;position: absolute;height: 30px;width: 160px;bottom: -10px;} */
