.sec-video {
  position:relative;
  width:100%;
}
/*.overlay {
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  background:linear-gradient(0deg,#000000b5 7%,transparent);
}
*/
.video-text {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:100%;
  text-align:center;
  cursor:pointer;
}
/* Initial state for img-hidden class */
 /* Add animation to the image container */
 
   .over-x-md-n{overflow-x: hidden;z-index: -1;
  position: relative;}

.slide-in1 {
  position:relative;
  animation:slide-in 1s ease;
  animation-delay:0.1s;
}
.slide-in2 {
  position:relative;
  animation:slide-in 1s ease;
  animation-delay:0.2s;
}
.slide-in3 {
  position:relative;
  animation:slide-in 1s ease;
  animation-delay:0.3s;
}
.slide-in {
  position:relative;
  animation:slide-in 0.75s ease;
}
@keyframes slide-in {
  from {
  width:30%;
}
to {
  width:100%;
}
}.view-gallery-btn:hover {
  box-shadow:0 3px 3px 1px #949494a1;
}
.view-gallery-btn {
  position:absolute;
  bottom:-17px;
  left:50%;
  transform:translateX(-50%);
  background-color:#000;
  color:#fff;
  border:none;
  padding:7px 12px;
  cursor:pointer;
  font-family:'Poppins Medium';
  font-size:13px;
  letter-spacing:0.1px;
  box-shadow:0 0 3px 1px #949494a1;
  border-radius:3px;
  transition:all 0.3s ease;
  z-index:1;
}
.bg-sec-1::before {
  content:'';
  position:absolute;
  top:-10px;
  left:0px;
  background-image:url('https://periyarworld.org/assets/img/index/bg-img-01.jpg');
  background-size:cover;
  background-repeat:no-repeat;
  background-position:top;
  width:100%;
  height:20px;
}
.bg-sec-1 {
  background-image:url('https://periyarworld.org/assets/img/index/bg-img-01.jpg');
  background-size:100% 100%;
  background-repeat:no-repeat;
  background-position:top;
  position:relative;
}
.w-max-100 {
  max-width:54px;
  position:relative;
  top:-80px;
  z-index:1;
  transform:translateX(24%);
}
.banner-logo-sec {
  position:relative;
}
.banner-logo-sec:after {
  content:'';
  position:absolute;
  bottom:50px;
  left:50.01%;
  transform:translateX(-50%);
  border-left:1px solid #fff;
  width:2px;
  height:44px;
}
.banner-logo-sec:before {
  content:'';
  position:absolute;
  bottom:44px;
  left:50%;
  transform:translateX(-50%);
  background:#fff;
  width:7px;
  height:7px;
  border-radius:30px;
}
.n-w-75 {
  width:75%;
}
.bg-sec-1 h4 {
  color:#FFBA7B;
  /*background:linear-gradient(175deg,#BD6311 4.14%,#643204 48.84%,#BD6311 103.52%);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  text-align:center;
  */
font-family:'Poppins Medium';
  font-size:21px;
  font-style:normal;
  line-height:150%;
  /* 33px */
letter-spacing:0.66px;
}
.bg-sec-1 p {
  color:#DBEAF3;
  text-align:center;
  font-family:'Sen Regular';
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:180%;
  /* 25.2px */
letter-spacing:0.42px;
}
.quote-sec {
  position:absolute;
  bottom:-41px;
  width:100%;
  left:0px;
}
.quote-sec-content::before {
  content:'';
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:99%;
  height:94%;
  border:1px solid #fff;
  border-radius:10px;
}
.quote-sec-content {
  position:relative;
  border-radius:10px;
  background:linear-gradient(180deg,#E92727,#6B0000);
}
.quote-sec-content h6 {
  color:#FFF;
  font-family:'Poppins Medium';
  font-size:19px;
  margin-bottom:0px;
  font-style:normal;
  line-height:150%;
  /* 30px */
letter-spacing:0.6px;
}
.bg-sec-2-content {
  position:relative;
}
.bg-sec-2-content::before {
  content:'';
  position:absolute;
  left:0px;
  top:0px;
  width:4px;
  height:100%;
  border-left:3px double #5D2F00;
}
.bg-sec-2-content::after {
  content:'';
  position:absolute;
  left:3px;
  top:50%;
  transform:translateY(-50%);
  width:100%;
  height:4px;
  border-top:3px double #5D2F00;
}
.bg-sec-2-content h5 {
  color:#333;
  text-align:center;
  font-family:'Sen Regular';
  font-size:22.776px;
  font-style:normal;
  font-weight:700;
  line-height:180%;
  /* 40.996px */
letter-spacing:0.683px;
}
.bg-sec-2-content h6 {
  color:#171717;
  font-family:'Sen Regular';
  font-size:18.221px;
  font-style:normal;
  font-weight:400;
  line-height:150%;
  /* 27.331px */
letter-spacing:0.547px;
}
.bg-sec-2-content p {
  color:#333;
  font-family:'Sen Regular';
  font-size:14px;
  font-style:normal;
  text-align:center;
  font-weight:400;
  line-height:180%;
  /* 25.2px */
letter-spacing:0.42px;
}
.bg-black-img {
  background-image:url('https://periyarworld.org/assets/img/index/bg-black-img.jpg');
  background-size:100% 100%;
  background-repeat:no-repeat;
  background-position:center;
}
.bg-black-img h4 {
  color:#FCFCFC;
  font-family:'Poppins Medium';
  font-size:20px;
  font-style:normal;
  line-height:145%;
  /* 46.5px */
letter-spacing:0.93px;
}
.bg-black-img p {
  color:#FFF;
  font-family:'Sen Regular';
  font-size:14px;
  font-style:normal;
  font-weight:300;
  line-height:180%;
  /* 25.2px */
letter-spacing:0.42px;
}
.fancybox-button--zoom,.fancybox-button--thumbs,.fancybox-button--play {
  display:none !important;
}
.video-one {
  width:49%;
}
.video-two {
  width:24%;
  border:0.499px solid #7B7B7B;
  border-bottom:none;
}
.video-one,.video-two {
  height:623px;
  transition:all 0.5s ease;
}
.video-one:hover,.video-two:hover {
  border:none;
}
.video-one img,.video-two img {
  height:622px;
  width:100%;
  object-fit:cover;
}
.video-set > div {
  position:relative;
  /* Needed for the overlay positioning */
  width:24%;
  /* Initial width */
  /*overflow:hidden;
  */
}
.video-set > div::before {
  content:'';
  position:absolute;
  top:0;
  z-index:1;
  left:0;
  width:100%;
  height:100%;
  background:linear-gradient(180deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.80) 100%);
  opacity:1;
  /* Overlay visible initially */
  transition:opacity 0.3s;
  /* Smooth transition for the overlay */
}
.video-set > div.no-overlay::before {
  opacity:0;
  z-index:-1;
  /* Hide overlay when the class is present */
}
.sec-content a:hover {
  box-shadow:0 0 5px 0px #333;
}
.sec-content a {
  border-radius:9px;
  background:#0F0F0F;
  color:#FFF;
  font-family:'Sen Regular';
  transition:all 0.5s ease;
  font-size:14px;
  font-style:normal;
  padding:4px 12px 5px;
  font-weight:500;
  line-height:150%;
  /* 21px */
letter-spacing:0.14px;
}
.sec-content h4 {
  color:#333;
  font-family:'Poppins Medium';
  font-size:20px;
  font-style:normal;
  line-height:150%;
  /* 30px */
letter-spacing:0.2px;
}
.sec-content p {
  color:#333;
  text-align:center;
  font-family:'Sen Regular';
  font-size:14px;
  font-style:normal;
  font-weight:500;
  line-height:180%;
  /* 25.2px */
letter-spacing:0.42px;
}
.sec-img-po {
  position:relative;
}
.sec-img-po .sec-img-po-contect {
  position:absolute;
  top:50%;
  left:10%;
  transform:translateY(-50%);
}
.sec-img-po .sec-img-po-contect h2 {
  color:#FFF;
  font-family:'Poppins Medium';
  font-size:52px;
  font-style:normal;
  font-weight:700;
  line-height:85px;
  /* 120px */
letter-spacing:0.8px;
  text-transform:uppercase;
}
.sec-img-po .sec-img-po-contect p {
  width:50%;
  color:#FFF;
  font-family:'Sen Regular';
  font-size:16px;
  font-style:normal;
  font-weight:300;
  line-height:180%;
  /* 28.8px */
letter-spacing:0.48px;
}
.sec-img-po .sec-img-po-contect a:hover {
  box-shadow:0 0 5px 0px #eee;
}
.sec-img-po .sec-img-po-contect a {
  color:#FFF;
  transition:all 0.5s ease;
  font-family:'Sen Regular';
  border-radius:9px;
  background:#0F0F0F;
  padding:7px 20px;
  font-size:18.298px;
  font-style:normal;
  font-weight:400;
  line-height:150%;
  /* 27.447px */
letter-spacing:0.183px;
}
.card-sec {
  background-image:url('https://periyarworld.org/assets/img/index/bg-img-3.jpg');
  background-size:100% 100%;
  background-repeat:no-repeat;
  background-position:center;
  padding:15px 15px 15px 160px;
  position:relative;
  border-radius:60px 14px 14px 60px;
}
.card-sec img {
  position:absolute;
  top:-10px;
  left:-10px;
  width:150px;
  height:auto;
  border-radius:50%;
}
.card-sec p {
  color:#333;
  font-family:"HankenGrotesk";
  font-size:13px;
  height:104px;
  font-style:normal;
  font-weight:500;
  line-height:180%;
  /* 23.4px */
letter-spacing:0.39px;
}
.slick-dots li button:before {
  font-size:9px !important;
}
.slick-dots {
  bottom:-50px !important;
}
.slick-dots li {
  margin:0px !important;
}
.sec-timeline-r {
  padding:22px;
  border-radius:5px 0px 0px 5px;
  display:block;
  height:96px;
  transition:0.5s all ease;
  background:linear-gradient(270deg,rgba(51,51,51,0.90) -2.34%,rgba(4,31,81,0.90) 59.37%);
  box-shadow:0px 2px 5px 0px rgba(159,159,159,0.25);
}
.sec-timeline-l {
  padding:22px;
  border-radius:0px 5px 5px 0px;
  display:block;
  height:96px;
  transition:0.5s all ease;
  background:linear-gradient(90deg,rgba(51,51,51,0.90) -2.34%,rgba(4,31,81,0.90) 59.37%);
  box-shadow:0px 2px 5px 0px rgba(159,159,159,0.25);
}
.sec-timeline-l span,.sec-timeline-r span {
  color:#FCFCFC;
  text-align:center;
  font-family:"CrimsonPro BOld";
  font-size:25px;
  font-style:normal;
  font-weight:700;
  line-height:150%;
  /* 37.5px */
letter-spacing:0.75px;
}
.row.sec-timeline {
  --bs-gutter-x:0.5rem;
}
.sec-auto-slide {
  border-top:1px solid #5D2F00;
  border-bottom:1px solid #5D2F00;
}
.sec-auto-slide .slick-slider {
  margin-bottom:0px !important;
}
.slick-dotted.slick-slider {
  margin-bottom:0px !important;
}
/*.slick-list,.slick-slider,.slick-track {
  position:relative;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  align-content:center !important;
}
.slick-initialized .slick-slide {
  display:flex !important;
  padding:30px;
  align-content:center !important;
  justify-content:center !important;
  align-items:center !important;
}
*/
.swiper-container {
  width:100%;
  height:100%;
}
.swiper-slide {
  text-align:center;
  font-size:18px;
  background:#fff;
  /* Center slide text vertically */
        display:-webkit-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  -webkit-align-items:center;
  align-items:center;
}
.swiper-wrapper {
  transition-timing-function:linear !important;
}
.sec-timeline-l:hover {
  background:linear-gradient(270deg,rgba(51,51,51,0.90) -2.34%,rgba(4,31,81,0.90) 59.37%);
}
.sec-timeline-r:hover {
  background:linear-gradient(90deg,rgba(51,51,51,0.90) -2.34%,rgba(4,31,81,0.90) 59.37%);
}
.slick-next,.slick-prev {
  right:0px !important;
  display:none !important;
  left:0px !important;
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .card-sec p {
  font-size:12px;
}
.bg-sec-2-content h6 {
  font-size:16.221px;
  line-height:15px;
}
.quote-sec-content {
  z-index:1;
  position:relative;
}
.bg-sec-2-content::after {
  top:45%;
}
.row.sec-x-o {
  --bs-gutter-x:0rem;
}
.video-one,.video-two,.video-one img,.video-two img {
  height:535px;
}
.bg-sec-2-content h5 {
  font-size:20px;
}
.bg-sec-2-content::before {
  z-index:-1;
}
}@media only screen and (min-width:768px) and (max-width:991px) {
  .banner-logo-sec::after {
  left:50.21%;
}
.bg-sec-2-content h5 {
  font-size:18px;
  line-height:20px;
}
.bg-sec-2-content h6 {
  font-size:14px;
  line-height:13px;
}
.bg-sec-2-content::after {
  width:98%;
}
.bg-sec-2-content::before {
  display:none;
  position:inherit;
  border-left:none;
}
.quote-sec-content {
  z-index:1;
  position:relative;
}
.quote-sec {
  bottom:-35px;
}
.video-one img,.video-two img,.video-one,.video-two {
  height:400px;
}
.sec-img-po img {
  height:450px;
  object-fit:cover;
}
.sec-img-po .sec-img-po-contect p {
  width:80%;
}
.sec-timeline-l span,.sec-timeline-r span {
  font-size:20px;
}
.over-x-md-n {
  overflow-x:hidden;
}
.row.sec-x-o {
  --bs-gutter-x:0rem;
}
}@media only screen and (min-width:600px) and (max-width:767px) {
  .quote-sec {
  width:70%;
  left:50%;
  transform:translateX(-50%);
}
.bg-sec-2-content::before {
  display:none;
  position:inherit;
  border-left:none;
}
.bg-sec-2-content::after {
  left:0px;
  top:47%;
}
.bg-sec-2-content h5 {
  line-height:30px;
}
.video-one img,.video-two img,.video-one,.video-two {
  height:375px;
}
.quote-sec-content.justify-content-center {
  justify-content:space-between !important;
}
.sec-img-po img {
  height:450px;
  object-fit:cover;
}
.sec-img-po .sec-img-po-contect p {
  width:80%;
}
.sec-img-po .sec-img-po-contect a {
  padding:7px 20px 9px;
}
.sec-img-po .sec-img-po-contect h2 {
  line-height:51px;
}
.sec-timeline-r,.sec-timeline-l {
  border-radius:5px;
}
}

@media only screen and (max-width:600px) {
.sec-video video{height: 300px;
  object-fit: cover;}
.sec-img-po .sec-img-po-contect h2 { 
  font-size: 36px;
}
  .banner-logo-sec:before {
  bottom:50px;
}
.banner-logo-sec:after {
  bottom:50px;
  height:70px;
}
.slick-initialized .slick-slide {
  padding:30px;
}
.mt-sm-2 {
  margin-top:3rem !important;
}
.video-text img {
  width:30px;
}
/*.banner-logo-sec::after {
  bottom:10px;
  left:50.35%;
}
*/
/*.banner-logo-sec::before {
  bottom:10px;
  width:5px;
  height:5px;
}
.w-max-100 {
  max-width:70px;
  top:-30px;
}
*/
.n-w-75 {
  width:100%;
}
.quote-sec {
  position:inherit;
  bottom:inherit;
}
.quote-sec-content.justify-content-center {
  justify-content:space-between !important;
}
.bg-sec-2-content::before {
  position:inherit;
  border-left:none;
}
.bg-sec-2-content h5 {
  font-size:18px;
  line-height:24px;
}
.bg-sec-2-content h6 {
  font-size:13px;
  line-height:12px;
}

.bg-sec-2-content::after {
  top:154px;
  left:0px;
}
.video-one img,.video-two img,.video-one,.video-two {
  height:200px;
}
.card-sec p {
  text-align:center;
  height:225px;
  display:flex;
  align-items:flex-end;
  padding-bottom:3px;
}
.card-sec {
  padding:15px;
  border-radius:60px 60px 14px 14px;
}
.card-sec img {
  left:50%;
  transform:translateX(-50%);
  top:-47px;
}
.sec-img-po img {
  height:450px;
  object-fit:cover;
}
.sec-img-po .sec-img-po-contect p {
  width:96%;
  font-size:13px;
}
 
.over-x-md-n {
  overflow-x: hidden;
}

.sec-img-po .sec-img-po-contect {
  left:5%;
}
.sec-img-po .sec-img-po-contect a {
  padding:4px 12px 5px;
  font-size:17px;
}
.sec-timeline-l span,.sec-timeline-r span {
  font-size:18px;
}
.sec-timeline-r,.sec-timeline-l {
  padding:14px 10px;
  border-radius:5px;
  height:auto;
}
.sec-timeline img {
  width:50px;
  height:50px;
}
.sec-content a {
  padding:7px 16px 7px;
}
.view-gallery-btn {
  text-align:center;
  bottom:-12px;
  padding:4px 5px;
  width:auto;
  font-size:9px;
}
}@media only screen and (min-width:500px) and (max-width:600px) {
  .video-one img,.video-two img,.video-one,.video-two {
  height:300px;
}
}@media only screen and (max-width:360px) {
  .bg-sec-2-content h5 {
  font-size:16px;
  line-height:24px;
}
.bg-sec-2-content h6 {
  font-size:12px;
  line-height:12px;
}
}@media only screen and (min-width:1800px) {
  body {
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
}
}@media (min-width:1900px) {
  header .navbar-nav .nav-link,.nav-container__menu a,.sec-img-po .sec-img-po-contect p {
  font-size:18px;
}
.book-bg h1 {
  font-size:15px;
}
.book-bg:hover h1,.book-bg.active h1 {
  max-width:107px;
}
.logo-img {
  width:135px;
}
.bg-sec-1 h4,.bg-sec-2-content h5 {
  font-size:26px;
}
.bg-sec-1 p,.bg-sec-2-content p,.bg-black-img p,.sec-content p,.sec-content a {
  font-size:16px;
}
.quote-sec-content h6,.bg-sec-2-content h6 {
  font-size:23px;
}
.bg-black-img h4 {
  font-size:33px;
}
.view-gallery-btn {
  width:118px;
  font-size:16px;
}
.sec-timeline-l span,.sec-timeline-r span {
  font-size:27px;
}
.sec-img-po .sec-img-po-contect h2 {
  font-size:86px;
}
.sec-img-po .sec-img-po-contect a {
  font-size:20px;
}
.sec-content h4 {
  font-size:24px;
}
.sec-content p {
  font-size:18px;
}
}