/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
body {
}
#hero {
  width: 100%;
  height: 90.2vh;
  /* border-bottom: 1.3vh solid rgb(0, 71, 157); */
  margin-top: -8.2vh;
  /* background: linear-gradient(rgba(55, 142, 181, 0.5), rgba(55, 142, 181, 0.2)), url("../img/hero-bg.jpg") top center; */
  /* background: url("../img/welcome2.gif") top center; */
  /* background-size: cover;
  position: relative; */
  /* margin-bottom: -90px; */
}
.side-img {
  height: 33vw;
  width: 33vw;
  position: absolute;
  z-index: 5;
  left: 2.7vw;
  top: 45vh;
}
@media (max-width: 1300px) {
  #hero {
    margin-top: -9.5vh;
  }
  .side-img {
    top: 53vh;
    height: 22vw;
    width: 22vw;
  }
}
@media (max-width: 1200px) {
  #hero {
    margin-top: -3vh;
  }
  .side-img {
    top: 155px;
    height: 24vw;
    width: 24vw;
  }
}
@media (max-width: 900px) {
  .side-img {
    top: 130px;
  }
}
@media (max-width: 780px) {
  .side-img {
    top: 20%;
    height: 25vw;
    width: 25vw;
  }
  
  #hero {
    position: relative;
    width: 100%;
    height: 29vh !important;
    overflow: hidden;
}
}
@media (max-width: 650px) {
  .side-img {
    top: 17%;
  }
}
@media (max-width: 550px) {
  .side-img {
    top: 100px;
  }
}
@media (max-width: 430px) {
  .side-img {
    top: 80px;
  }
}
 @media (max-width: 380px) 
{
  .side-img{
    top: 90px;
  }
} 
@media (max-width: 1086px) {
  #hero {
    height: fit-content;
  }
}

@media (max-width: 957px) 
{
  #hero 
  {
    height: 78vh;
  }
}
@media (max-width: 789px) 
{
  #hero 
  {
    height: 50vh;
  }
  #owl-carousel-hero .item{
    height: 110%;
  }
}
@media (max-width: 634px) 
{
  #hero 
  {
    height: 40vh;
  }
  #owl-carousel-hero .item{
    height: 130%;
  }
}
@media (max-width: 496px) 
{
  #hero 
  {
    height: fit-content;
  }
} 
#owl-carousel-hero .item {
  width: 100vw;
  height: 100%;
}
#owl-carousel-hero .item img {
  width: 100%;
  height: 100%;
}


.owl-carousel {
    display: block !important;
    width: 100%;
    z-index: 1;
}

#hero {
  /* min-height: 1vh; */

  /* padding-bottom: 1vh; */
  /* background-color: rgb(0, 0, 0); */
  /* background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.2)), url("../img/bg3.gif"); */
  /* background-image: url("../img/bann4.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; */
  /* position: relative; */
  /* background-color: #011f57; */

  /* z-index: 1005; */
}

#hero .hero-container {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

/* #hero h1 {

  margin: 0 0 10px 0;
  margin-top: 15vh;
  font-size: 50px;
  font-weight: 800;
  line-height: 56px;
  text-transform: uppercase;
 
  background: -webkit-linear-gradient(45deg,rgb(199, 202, 209), rgb(255, 255, 255),rgb(226, 248, 255));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Aboreto", sans-serif;
  text-shadow: rgba(201, 255, 255,.5) 1px 1px 5px;
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  border-radius: 10px;
}

#hero h2 {
  color: #fff;
  margin-top: 3.6vh;
  margin-bottom: 8px;
  font-size: 22px;
  padding: 0 5px;

  font-weight: 500;
  letter-spacing: 1px;
  background: -webkit-linear-gradient(45deg,rgb(255, 255, 255),rgb(248, 255, 248),rgb(212, 241, 241));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "poppins", sans-serif;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  border-radius: 10px;

}
#hero #heading2{
  margin-top: 3.6vh;
  margin-bottom: 0;
}
#hero #heading3{
  color: #fff;
  margin-bottom: 50px;
  margin-top: 1vh;
  font-size: 22px;
  padding: 0 5px;

  font-weight: 500;
  letter-spacing: 1px;
  background: -webkit-linear-gradient(45deg,rgb(255, 255, 255),rgb(248, 255, 248),rgb(212, 241, 241));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "poppins", sans-serif;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  border-radius: 10px;
}
#hero #heading4{
  color: #fff;
  margin-bottom: 0px;
  margin-top: 37vh;
  font-size: 22px;
  padding: 0 5px;

  font-weight: 500;
  letter-spacing: 1px;
  background: -webkit-linear-gradient(45deg,rgb(255, 255, 255),rgb(248, 255, 248),rgb(212, 241, 241));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "poppins", sans-serif;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 10px;
}
#hero .iria-logo{
  position: absolute;
  z-index: 500;
  top: 55%;
  left: 5%;
}
#hero .iria-logo img{
  width: 12vw;
}
#hero .aocr-logo{
  position: absolute;
  z-index: 500;
  top: 57%;
  right: 5%;
}
#hero .aocr-logo img{
  width: 11vw;
}
#hero .btn-get-started {
  position: relative;
  top: 1.5vh;
  font-size: 36px;
  display: inline-block;
  padding: 4px 0;
  border-radius: 50px;
  -webkit-animation: bounce 2s ease-in-out infinite;
          animation: bounce 2s ease-in-out infinite;
  -webkit-transition: .8s ease-in-out;
  -o-transition: .8s ease-in-out;
  transition: .8s ease-in-out;
  margin: 5vh;
  width: 64px;
  height: 64px;
  text-align: center;
  border: 2px solid rgb(255, 255, 255);
  color: rgb(255, 255, 255);
} */
@media (max-width: 1200px) {
  /* #hero{
    height: 103vh;
  }
  #hero .iria-logo{
    top: 15%;
    left: 7%;
  }
  #hero .iria-logo img{
    width: 14vw;
  }
  #hero .aocr-logo{
    top: 15%;
    right: 7%;
  }
  #hero .aocr-logo img{
    width: 14vw;
  }
  #hero h1 {
    margin-top: 15vh;
  }
  #hero h2 {
  
  }
  #hero #heading2{
  
    margin-top: 5vh;
  }
  #hero #heading4{
    margin-top: 35vh;
  }
  #hero .btn-get-started{
    top: 1vh;
  } */
}

@media (max-width: 500px) {
  /* #hero .iria-logo{
    top: 13%;

  }
  #hero .iria-logo img{
    width: 16vw;
  }
  #hero .aocr-logo{
    top: 13%;
  
  }
  #hero .aocr-logo img{
    width: 16vw;
  }
 
  #hero #heading2{
    font-size: 16px;
  }
  #hero #heading3{
    font-size: 16px;
  }
  #hero #heading4{
   font-size: 16px;
  }
  #hero .btn-get-started{
    top: 2vh;
  } */
}

/* @-webkit-keyframes bounce {
  0%, 100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
  }
  50% {
      -webkit-transform: translateY(-30px);
              transform: translateY(-30px);
  }
}


@keyframes bounce {
  0%, 100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
  }
  50% {
      -webkit-transform: translateY(-30px);
              transform: translateY(-30px);
  }
}

#hero .btn-get-started:hover {
  -webkit-transition-duration: .5s;
       -o-transition-duration: .5s;
          transition-duration: .5s;
  padding-top: 8px;
  background: rgba(76, 83, 183, 0.353);
  color: rgb(255, 255, 255);
} */

@media (min-width: 1024px) {
  /* #hero {
    background-attachment: fixed;
  } */
}

@media (max-width: 768px) {
  /* #hero h1 {
    font-size: 28px;
    line-height: 36px;
  }

  #hero h2 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px;
  }
}
.skeleton-con{
position: relative;
z-index: 111;
}
.skeleton{
  position: relative;
  top: 10vh;
  right: 1vw;
  height: 60vh;
  -webkit-animation: rotating 3s linear infinite;
          animation: rotating 3s linear infinite;
}
@-webkit-keyframes rotating {
  0%{
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  100%{
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}
@keyframes rotating {
  0%{
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  100%{
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  } */
}

/* =========sec2========== */
.sec2 {
  /* min-height: 90vh;   */
  background-color: rgb(255, 255, 255);
  background-image: url("../img/bg7.webp");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}

.sec2-header {
  margin-top: 10vh;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: 100vw;
  background-color: #67b0d1;
}

/* ========important dates=========== */
.date-container {
  /* background:#ffffff; */
  /* background-image: url('../img/favicon.png'); */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  backdrop-filter: blur(50px);
  width: 450px;
  margin: 50px auto;
  -webkit-box-shadow: 0px 0px 2.2px rgba(0, 0, 0, 0.02),
    0px 0px 5.3px rgba(0, 0, 0, 0.028), 0px 0px 10px rgba(0, 0, 0, 0.035),
    0px 0px 17.9px rgba(0, 0, 0, 0.042), 0px 0px 33.4px rgba(0, 0, 0, 0.05),
    0px 0px 80px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 0px 2.2px rgba(0, 0, 0, 0.02),
    0px 0px 5.3px rgba(0, 0, 0, 0.028), 0px 0px 10px rgba(0, 0, 0, 0.035),
    0px 0px 17.9px rgba(0, 0, 0, 0.042), 0px 0px 33.4px rgba(0, 0, 0, 0.05),
    0px 0px 80px rgba(0, 0, 0, 0.07);

  border-radius: 30px;
}
.date-container .header {
  width: 100%;
  background: rgb(0, 68, 105);
  min-height: 45px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  padding: 5px;
}
.date-container ul {
  margin-bottom: 0;
}
.header h1 {
  color: #fff;
  font-size: 18px;
  font-family: "Aboreto";
  line-height: 35px;
  /* margin: 0 30px; */
  text-align: center;
  font-weight: 800;
}

.date-container ul li {
  padding: 10px;
  border-top: 1px solid rgb(3, 112, 128);
  list-style-type: none !important;
  font-family: "Aboreto";
  margin-bottom: 0;
}
ul li img {
  border-radius: 50%;
  width: 50px;
  height: 50px;
}
ul li h1 {
  font-family: "Aboreto";
  margin-left: 70px;
  margin-top: -55px;
  font-size: 15px;
  padding-top: 3px;
  font-weight: 800;
  color: rgba(45, 45, 45, 0.762);
}
ul li p {
  margin-left: 70px;
  margin-top: 0px;
  margin-bottom: 0px;
  color: rgb(0, 68, 105);
  font-weight: 800;
  letter-spacing: 1.2px;
  font-family: "Montserrat";
  font-size: 14px;
}
ul li:hover {
  /* background:rgba(232, 232, 232, 0.556); */
}
ul .date-btn:hover {
  background: rgba(255, 255, 255, 0.556);
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}
.date-btn-c {
  height: 37px;
  /* padding: 13px 10px ; */
  margin-top: 12px;
}
.date-btn a {
  text-decoration: none;
  padding: 8px 10px;
  font-size: 18px;
  /* background-color: #004469; */
  background-image: -o-linear-gradient(45deg, #004469, #004469, #004469);
  background-image: linear-gradient(45deg, #67aace, #12638e, #004469);
  color: white;
  border-radius: 20px;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  text-shadow: 1px 1px #00043b;
}
ul .date-btn a:hover {
  padding: 9px 11px;
  font-size: 19px;
  background-color: #7ebedc;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.115),
    0px 0px 64px rgba(0, 0, 0, 0.23);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.115), 0px 0px 64px rgba(0, 0, 0, 0.23);
}
/* ==========Sec 3========== */
.sec3 {
  /* min-height: 100vh;   */
  background-color: rgb(255, 255, 255);
  background-image: url("../img/bg1.webp");
  background-color: #ffffff;
  /* opacity: 0.1; */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* background-image:  repeating-radial-gradient( circle at 0 0, transparent 0, #ffffff 33px ), repeating-linear-gradient( #d6e7ff18, rgba(0, 68, 105, 0.05) ); */
  z-index: -2;
}
/* ==========committee=========== */
.committee {
  width: 200px;
  /* height: 200px; */
  margin-bottom: 8px;
  margin-top: 12px;
}
#committee-btn {
  display: none;
}
@media only screen and (max-width: 800px) {
  #hidden-committee {
    display: none;
    height: 0;
    width: 0;
    overflow: hidden;
    /* visibility: hidden; */
  }
  #committee-btn {
    display: block;
  }
}
.our-team {
  text-align: center;
  border-radius: 20px;
  overflow: hidden;
  /* position: relative; */
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-box-shadow: 0px 0px 2.2px rgba(0, 0, 0, 0.02),
    0px 0px 5.3px rgba(0, 0, 0, 0.028), 0px 0px 10px rgba(0, 0, 0, 0.035),
    0px 0px 17.9px rgba(0, 0, 0, 0.042), 0px 0px 33.4px rgba(0, 0, 0, 0.05),
    0px 0px 80px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 0px 2.2px rgba(0, 0, 0, 0.02),
    0px 0px 5.3px rgba(0, 0, 0, 0.028), 0px 0px 10px rgba(0, 0, 0, 0.035),
    0px 0px 17.9px rgba(0, 0, 0, 0.042), 0px 0px 33.4px rgba(0, 0, 0, 0.05),
    0px 0px 80px rgba(0, 0, 0, 0.07);
  background-image: -o-linear-gradient(
    45deg,
    rgb(181, 226, 239),
    rgb(62, 182, 241)
  );
  background-color: #d2667c;
}

.our-team:hover {
  -webkit-transform: scale(1.04);
  -ms-transform: scale(1.04);
  transform: scale(1.04);
}

.our-team .pic {
  background: transparent;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}

.our-team .pic img {
  width: 176px;
  height: 176px;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}

.team-content {
  width: 100%;
  /* padding: 7px 15px; */
  margin-top: 8px;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.our-team:hover .team-content {
  opacity: 1;
  bottom: -10px;
}

.title {
  font-size: 100%;
  color: #07423a;
  text-transform: uppercase;
  /* letter-spacing: 1px; */
  /* margin: 0 0 5px 0; */
  margin-bottom: 0;
  font-family: "Aboreto";
  text-align: center;
  font-weight: 700;
}

.team-content .post {
  display: block;
  font-size: 90%;
  /* font-weight: 800; */
  letter-spacing: 1px;
  color: rgb(40, 115, 185);
  font-style: italic;
  text-transform: capitalize;
  margin: 0 0 5px 0;
  font-family: "Raleway";
  text-align: center;
  font-weight: 500;
}

.our-team .social li a:hover:before {
  left: 0;
}
@media only screen and (max-width: 990px) {
  /* .our-team{ margin-bottom: 30px; } */
}

/* =======Secton 4============ */
.sec4 {
  /* min-height: 90vh;   */
  background-color: rgb(255, 255, 255);
  background-image: url("../img/bg1.webp");
  background-color: #ffffff;
  /* opacity: 0.1; */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.spons-head {
  max-height: 300px;
  height: 33vh;
  border-top-left-radius: 21px;
  border-bottom-left-radius: 21px;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 20px #c2c2c2, 7px 7px 20px #ffffff;
  box-shadow: 0px 0px 20px #c2c2c2, 7px 7px 20px #ffffff;
  padding: 10px;
  border-top: 1px solid rgba(93, 93, 93, 0.553);
  border-bottom: 1px solid rgba(93, 93, 93, 0.553);
  border-left: 1px solid rgba(93, 93, 93, 0.553);
}

.spons-head img {
  /* width: 380px; */
  width: 33vh;
  padding: 20px;
}
.spons-tail {
  /* height: 300px; */
  max-height: 300px;
  height: 33vh;
  border-top-right-radius: 21px;
  border-bottom-right-radius: 21px;
  background: #ffffff;
  -webkit-box-shadow: inset 5px 5px 17px #e8e8e8c9, inset -8px -8px 17px #fff,
    inset -8px -8px 17px #e8e8e8, inset 8px 8px 17px #e8e8e8;
  box-shadow: inset 5px 5px 17px #e8e8e8c9, inset -8px -8px 17px #fff,
    inset -8px -8px 17px #e8e8e8, inset 8px 8px 17px #e8e8e8;
  padding: 0px 1px 0px 0px;
  border-top: 0.1px solid rgb(93 93 93 / 42%);
  border-bottom: 0.1px solid rgb(93 93 93 / 42%);
  border-right: 0.1px solid rgb(93 93 93 / 42%);
}

.spons-tail .owl-carousel .owl-stage-outer {
  padding-bottom: 20px;
  padding-top: 20px;
}

.spons-tail .owl-carousel .owl-stage-outer .owl-item {
  display: flex;
  justify-content: center;
}
/* .spons-tail img {
  height: 300px;
  max-height: 300px;
  height: 30vh;
} */
.spon .item {
  max-width: 210px;
  width: 25vh;
  max-height: 210px;
  height: 25vh;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 20px #e2e2e2, 7px 7px 20px #ffffff;
  box-shadow: 0px 0px 20px #e2e2e2, 7px 7px 20px #ffffff;
  padding: 10px;
  border-radius: 20px;
  margin-top: 5%;
}

@media (min-width: 500px) {
  .spon .item {
    display: none;
  }
}

@media (min-width: 1024px) {
  .spon .item {
    /* margin-top: 1.8vh; */
  }
}

/* =========seec5============ */
.sec5 {
  /* background-color: #692d2d; */
  /* background-image: url('../img/welcomebg2.png'); */
  background-image: url("../img/bg3.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#hidden-msg1,
#hidden-msg2,
#hidden-msg3,
#hidden-msg4 {
  display: none;
}
#hidden-msg-president1,
#hidden-msg-president2,
#hidden-msg-president3,
#hidden-msg-president4 {
  display: none;
}
/* =========sec6 ================ */
.sec6 {
  /* background:
      radial-gradient(35.36% 35.36% at 100% 25%,#0000 66%,#def3ff 68% 70%,#0000 72%) 32px 32px/calc(2*32px) calc(2*32px),
      radial-gradient(35.36% 35.36% at 0    75%,#0000 66%,#def3ff 68% 70%,#0000 72%) 32px 32px/calc(2*32px) calc(2*32px),
      radial-gradient(35.36% 35.36% at 100% 25%,#0000 66%,#def3ff 68% 70%,#0000 72%) 0 0/calc(2*32px) calc(2*32px),
      radial-gradient(35.36% 35.36% at 0    75%,#0000 66%,#def3ff 68% 70%,#0000 72%) 0 0/calc(2*32px) calc(2*32px),
      repeating-conic-gradient(#ffffff 0 25%,#0000 0 50%) 0 0/calc(2*32px) calc(2*32px),
      radial-gradient(#0000 66%,#def3ff 68% 70%,#0000 72%) 0 calc(32px/2)/32px 32px
      #ffffff; */
  background-image: url("../img/bg1.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.wel1 {
  /* font-family: "Aboreto"; */
  text-align: left;
  font-size: 27px;
  letter-spacing: 1.2px;
  font-weight: 600;
  color: #023d00;
}
.wel2 {
  font-family: 'Poppins';
  text-align: left;
  font-size: 21px;
  letter-spacing: 1.2px;
  font-weight: 600;
  /* color: #a67605; */
}
.welcome-para {
  font-family: "Montserrat";
  /* text-align: left; */
  font-size: 17px;
  letter-spacing: 1px;
  font-weight: 800px;
  color: #011f57;
  text-align: justify;
  text-justify: inter-word;
}
.read-more {
  text-decoration: none;
  padding: 8px 15px;
  font-size: 18px;
  /* background-color: #67b0d1; */
  background-image: -o-linear-gradient(
    45deg,
    rgb(141, 211, 246),
    rgb(50, 184, 251),
    rgb(11, 137, 200)
  );
  background-image: linear-gradient(
    45deg,
    rgb(141, 211, 246),
    rgb(50, 184, 251),
    rgb(11, 137, 200)
  );
  color: white;
  border-radius: 20px;
  cursor: pointer;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.115),
    0px 0px 5px rgba(0, 0, 0, 0.23);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.115), 0px 0px 5px rgba(0, 0, 0, 0.23);
}
.read-more:hover {
  padding: 10.4px 15.4px;
  font-size: 18.5px;
  background-color: #7ebedc;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.215),
    0px 0px 5px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.215), 0px 0px 5px rgba(0, 0, 0, 0.33);
}
/* =======expllore chennia======== */
.ex-chennai {
  position: relative;
  padding: 0;
  width: 350px;
  display: block;
  cursor: pointer;
  overflow: hidden;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 2.2px rgba(0, 0, 0, 0.02),
    0px 0px 5.3px rgba(0, 0, 0, 0.028), 0px 0px 10px rgba(0, 0, 0, 0.035),
    0px 0px 17.9px rgba(0, 0, 0, 0.042), 0px 0px 33.4px rgba(0, 0, 0, 0.05),
    0px 0px 80px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 0px 2.2px rgba(0, 0, 0, 0.02),
    0px 0px 5.3px rgba(0, 0, 0, 0.028), 0px 0px 10px rgba(0, 0, 0, 0.035),
    0px 0px 17.9px rgba(0, 0, 0, 0.042), 0px 0px 33.4px rgba(0, 0, 0, 0.05),
    0px 0px 80px rgba(0, 0, 0, 0.07);
  margin: 10px;
}
.ex-chennai img {
  border-radius: 10px;
  height: 250px;
  width: 350px;
  /* margin: 10px; */
}
.chennai-content {
  opacity: 0;
  font-size: 35px;
  letter-spacing: 1.5px;
  position: absolute;
  top: 0;
  left: 0;
  color: #ffffff;
  font-weight: 600;
  background-color: rgba(40, 105, 158, 0.5);
  width: 100%;
  height: 100%;
  -webkit-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
  text-align: center;
}
.ex-chennai .chennai-content:hover {
  opacity: 1;
}
.ex-chennai .chennai-content .text {
  height: 0;
  opacity: 1;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  font-family: "Aboreto";
}
.ex-chennai .chennai-content:hover .text {
  opacity: 1;
  -ms-transform: translateY(130px);
  transform: translateY(130px);
  -webkit-transform: translateY(130px);
}
/* ============venue======== */
.map {
  padding: 8px;
  background: white;
  border-radius: 7px;
  -webkit-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.095),
    0px 0px 112px rgba(0, 0, 0, 0.19);
  box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.095),
    0px 0px 112px rgba(0, 0, 0, 0.19);
  height: 50vh;
  margin-top: 12px;
}

.map img {
  width: 100%;
  height: 100%;
}

.venue-box {
  height: 400;
}

ul {
  list-style-type: none;
  padding: 0;
}

ul li {
  /* list-style-image: url('example.jpg'); */
  margin-bottom: 0px;
  /* Adjust as needed */
}

.loc-para {
  display: inline-block;
  padding-left: 10px;
}
.sec51 {
  background-image: url("../img/bg1.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.quick-main a {
  text-decoration: none;
  display: flex;
  justify-content: start;
  align-items: center;
}
.quick-main .quick-link {
  width: 300px;
  background-color: #d2687c;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 30px;
  padding: 5px 10px 5px 20px;
  margin-bottom: 30px;
}
.quick-img {
  width: 50px;
  margin-left: 3%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.quick-img svg {
  width: 100%;
}
.quick-text {
  font-size: 18px;
  color: #fff;
  margin-left: 6%;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* ======section 8========= */
.sec8 {
  /* min-height: 90vh;   */
  background-image: url("../img/bg3.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}



.home {
    height: 27vh;
    position: relative;
}
video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-content {
    position: relative;
    padding-top: 150px;
    color: #fff;
    text-align: center;
}


.home p {
    font-size: clamp(25px, 4vw, 40px);
    margin-top: 10px;
}

.home-content button {
    display: block;
    font-size: clamp(14px, 1.5vw, 18px);
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    background: transparent;
    color: #fff;
    margin: 50px auto 0;
    padding: 12px 20px;
    cursor: pointer;
}

#hero{
    position: relative;
    width: 100%;
    height: 93vh;
    overflow: hidden;
}

.hero-slide{
    position: relative;
}

.hero-slide img{
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

.hero-content{
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
    color: #fff;
    z-index: 2;
}

.hero-content h1{
    font-size: 55px;
    font-weight: 700;
}

.hero-content p{
    font-size: 20px;
    margin-top: 10px;
}

#hero::after{
    content: "";
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    /* background: rgba(0,0,0,0.45); */
}

.date-container .header {
    width: 100%;
    background: #d2667c;
    min-height: 45px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    padding: 5px;
}


.sec2 {
    /* min-height: 90vh; */
    background-color: rgb(255, 255, 255);
    background-image: url(../img/bg7.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.cd
    {
        background: radial-gradient(35.36% 35.36% at 100% 25%, #0000 66%, #def3ff 68% 70%, #0000 72%) 32px 32px / calc(2 * 32px) calc(2 * 32px), radial-gradient(35.36% 35.36% at 0 75%, #0000 66%, #def3ff 68% 70%, #0000 72%) 32px 32px / calc(2 * 32px) calc(2 * 32px), radial-gradient(35.36% 35.36% at 100% 25%, #0000 66%, #def3ff 68% 70%, #0000 72%) 0 0 / calc(2 * 32px) calc(2 * 32px), radial-gradient(35.36% 35.36% at 0 75%, #0000 66%, #def3ff 68% 70%, #0000 72%) 0 0 / calc(2 * 32px) calc(2 * 32px), repeating-conic-gradient(#ffffff 0 25%, #0000 0 50%) 0 0 / calc(2 * 32px) calc(2 * 32px), radial-gradient(#0000 66%, #def3ff 68% 70%, #0000 72%) 0 calc(32px / 2) / 32px 32px #ffffff;
    }



@keyframes blink {
  0% { background: #ff0000; }
  50% { background: #ffcc00; }
  100% { background: #ff0000; }
}

.register-btn {
  animation: blink 1s infinite;
  color: #fff !important;
  padding: 8px 16px;
  border-radius: 5px;
}