@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
*{
    padding: 0;
    margin:0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}

html{
    overflow-x: hidden;
}

body{
    overflow-x: hidden;
}

/* preloader  */
#preloader{
  background: rgb(13, 13, 13) url("/images/loading-pre.gif") no-repeat center;
  background-size: 100%;
  height: 100vh;
  width: 100%;
  position: fixed;
  z-index: 100;
}
/* preloader end  */

/* @@@@@@@@@@@@@@@@@@@@ Navigation Bar @@@@@@@@@@@@@@@@@@@@@@@@@@ */ 
.snav{
  padding:24px 20px;
  height: 90px;
  display: flex;
  justify-content: space-between;
  box-shadow: 5px 5px 3px 2px rgb(244, 220, 220);
}

.snavbar-list{
  display: flex;
  gap:30px;
}

.snavbar .snavbar-list li{
  list-style: none;
}

.snavbar .snavbar-list .tips-nav-link:link,.snavbar .snavbar-list .tips-nav-link:visited{
  display: inline-block;
  text-decoration: none;
  color:black;
  font-weight: bolder;
  transition: all 0.4s;
}

.snavbar .snavbar-list .tips-nav-link:hover,.snavbar .snavbar-list .tips-nav-link:active{
  color: rgb(232, 129, 25);
}

.snavbar-list li::after{
  content: '';
  height: 7px;
  width: 0;
  background-color: red;
  margin: auto;
  display: block;
  text-align: center;
}

.snavbar-list li:hover::after{
  width: 100%;
  transition: width 0.5s linear;
  text-align: center;
}

/* ============================navigation for mobile======================= */
.snav-mobile-nav{
  display: none;
  background: transparent;
  cursor: pointer;
}

.mobile-snav-icon2{
  display: none;
}

/* ============================navigation responsive for mobile======================= */
@media (max-width:980px) {

  .snav-mobile-nav{
      display: block;
      z-index: 99;
      font-size: larger;
      font-weight: 700;
      color: red;
  }

  .snav{
      position: relative;
  }

  .snavbar{
      width: 85%;
      height: 100vh;
      background-color: rgb(0, 0, 0);
      position:absolute;
      top:0;
      right:0;

      display: flex;
      justify-content: center;
      align-items: center;

      /* transition */
      transform: translateX(100%);
      transition: all 0.5s linear;

      opacity: 0;
      visibility: hidden;
      pointer-events: none;
  }

  .snavbar .snavbar-list .tips-nav-link:link,.snavbar .snavbar-list .tips-nav-link:visited{
      color:white;
  }

  .snavbar-list{
      flex-direction: column;
      align-items: center;
      z-index: 99;
  }

  .snav-active .snavbar{
      transform: translateX(0);
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
  }

  .snav-active .snav-mobile-nav .mobile-snav-icon2{
      display: block;
  }

  .snav-active .snav-mobile-nav .mobile-snav-icon1{
      display: none;
  }
}
/* @@@@@@@@@@@@@@@@@@@@ /Navigation Bar End @@@@@@@@@@@@@@@@@@@@@@@@@@ */

/* @@@@@@@@@@@@@@@@@@@@ /Home section started @@@@@@@@@@@@@@@@@@@@@@@@@@ */
@media (max-width:480px){
    #home .home_video{
        object-fit: cover;
        width:800px;
        height:350px;
        z-index: -99;
        /* border:2px solid blue; */
        margin-bottom: 0px;
        padding-bottom: 0px ;
    }
}

#home{
    background-image: url(https://www.tedxbvcoe.com/static/media/background.9baf20a6.svg);
    background-image: no-repeat;
    background-position: center;
    background-size: contain;  
}

@media (max-width: 868px) {
    #home{
     background-image: url(https://www.tedxbvcoe.com/static/media/background.9baf20a6.svg) !important;
      background-image: no-repeat !important;
      background-position: top left !important;
      background-size: cover !important;
}

    .home_cal{
        margin-top: 0px I !important;
        padding-top: 0px !important;
        /* border:2px solid red; */
        z-index: -99;
    }
}    

.home_cal_icon, .home_loc_icon{
    font-size: 40px;
    color: #fa3151;
}

.home_cal h3{
    /* border:2px solid red; */
    font-weight: bolder;
}
.home_loc h3{
    /* border:2px solid green; */
    font-weight: bolder;
}
.home_loc a{
  text-decoration: none;
  color: black;
  cursor:pointer;
} 
/* @@@@@@@@@@@@@@@@@@@@ /Home section End @@@@@@@@@@@@@@@@@@@@@@@@@@ */


/* @@@@@@@@@@@@@@@@@@@@ About section Start @@@@@@@@@@@@@@@@@@@@@@@@@@ */
#about-images{
    border: 4px solid red;
    margin: 30px 0px;
    width: 380px;
    height: 210px;
  }

#about h2{
    font-size: 50px;
    font-weight: 800;
    color: red;
    padding:20px;
}

  #about-content p{
    text-align: justify;
    text-indent: 20px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1.5;
    word-spacing: 3px;
    text-shadow: 1px 1px 1px rgb(248, 220, 220);
  }
  
  .about-button-cust{
    border:3px solid transparent!important;
    margin-left:10px !important;
    background-color: #3f3f3f !important;
    color:white !important;
    font-size: 20px;
    font-weight: 600;
  }
  .about-button-cust:hover{
    background-color: red!important;
  }
@media (max-width: 340px) {
 .about-button-cust{
     border:3px solid transparent!important;
     margin-left:5px !important;
     background-color: #3f3f3f !important;
     color:white !important;
     font-size: 15px;
     font-weight: 400;
   }    
}  
/* @@@@@@@@@@@@@@@@@@@@ /About section End @@@@@@@@@@@@@@@@@@@@@@@@@@ */



/* @@@@@@@@@@@@@@@@@@@@@@@@@@ speakers start @@@@@@@@@@@@@@@@@@@@@@@@@@*/
#speaker{
    background-image: url(https://www.tedxbvcoe.com/static/media/speakers-background.6516df3d.svg);
    background-size: cover;
    background-attachment:fixed;
  }
  
  @media (max-width:720px) {
    #speaker{
      background-image: url(https://www.tedxbvcoe.com/static/media/speakers-background.6516df3d.svg);
      background-position: top right;
      background-size: cover;    
    }
  }
  
  @media (max-width:430px) {
    #speaker{
      background-image: url(https://www.tedxbvcoe.com/static/media/speakers-background.6516df3d.svg);
      background-position: top 10% right 30% !important;
      background-size: cover;    
      /* margin-left: 40px; */
    }
  }
  
  #speaker h1{
    font-size: 50px;
    font-weight: 800;
    color: red;
    padding:20px;
  }
  
  #speaker button{
    margin-bottom:50px;
    background-color: red;
    border-radius: 20px;
    padding:8px 22px;
    color:white;
    border:none;
  }
  #speaker button:hover{
    background-color: white;
    color: red;
    border:2px solid red;
    font-size:15px;
    font-weight: 500;
  }
  
  /* @@@@@@@@@@@@@@@@@@@@@@@@@ speakers End @@@@@@@@@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@@ ticket section start @@@@@@@@@@@@@@@@@@@@@@@@@@ */
#ticket{
    background-image: url(https://www.tedxbvcoe.com/static/media/background.9baf20a6.svg);
    background-image: cover;
  }
  #ticket h2{
    font-size: 45px;
    font-weight: 600;
    color: red;
  }
  
  #ticket-price-heading, #ticket-price-heading1, #ticket-price-heading2{
    background-color: #fff7f7;
    border-radius: 25px 25px 0px 0px;
  }
  
  .ticket-price-heading{
    color: red;
    font-weight: 600;
    letter-spacing: 1px;
  }
  
  #ticket-full-card{
    border-radius: 30px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    height: 520px;
    position: relative;
  }
  #ticket .ticket-buy-tag{
    position: absolute;
    top:90%;
    left:60%;
    transform: translate(-50%,-50%);
    display: block;
    width: 100%;
  }
  #ticket a{
    border:none;
    background-color: red!important;
    border-radius: 20px;
    padding:7px 15px;
    color: rgb(255, 255, 255);
    font-weight: 400;
    font-size: 20px;
  }
  #ticket a:hover{
    background-color: #3f3f3f!important;
  }
  .about-card-3 .card{
    width:30rem;
    margin:0 auto;
  }
  .card{
    width: 24rem;
    margin:0 auto;
  }

@media (max-width:430px) {
    #ticket .card{
        width:20rem !important;
        margin:0 auto !important;
        position: relative;
    }    
    .about-card-3 .card{
        width: 20rem !important;
        margin:0 auto !important;
    }
    .about-card-3 .card a{
        margin-right: auto !important;
    }
}
 /*@@@@@@@@@@@@@@@@@@@@@@@@@@ /ticket section End  @@@@@@@@@@@@@@@@@@@@@@@@@@*/
  


/*@@@@@@@@@@@@@@@@@@@@@@@@@ partners section start @@@@@@@@@@@@@@@@@@@@@@@@@ */

#partners{
    background-image: url(https://www.tedxbvcoe.com/static/media/background.9baf20a6.svg);
  }
  
  #partners h2{
    font-size:40px;
    font-weight: 600;
    color:red;
  }
  #partners h3{
    font-weight: 600;
  }
  #partners .card{
    border:3px solid red;
  }

  /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@ /partners section End  @@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
  
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Reason to partner us  @@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
#reson-to-partner h1{
    color: red;
    font-weight: 600;
  }
  #reson-to-partner img{
    width: 100px;
    border:3px solid red;
    border-radius: 50%;
    margin-bottom: 20px;
  }
  #reson-to-partner h5{
    font-size:30px;
    color:red;
    font-weight: 500;
    margin-bottom: 20px;
  }
  #reson-to-partner-card, #reson-to-partner-card2, #reson-to-partner-card3{
    border:none;
  }  
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@ /Reason to partner us End  @@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/* <!--@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ faq section start @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@--> */
#faq{
    background-image: url(https://www.tedxbvcoe.com/static/media/background.d5366393.svg);
  }
  #faq .accordion-item{
    margin-bottom: 20px;
    border-radius: 0px 0px 16px 16px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
  
/* <!--@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ faq section End @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@--> */
  
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@meet core team start @@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
#meet-teams img{
    border-radius: 50%;
    border:3px solid red;
    width: 180px;
  }
  #meet-teams .card{
    border:none;
  }
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@ meet core team end  @@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@contact start  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
#contact{
    background-image: url(https://www.tedxbvcoe.com/static/media/background.d5366393.svg);
  }
  #contact h1{
    font-size: 50px;
    font-weight: 600;
  }
  #contact button{
    border:3px solid black;
    padding:8px 19px;
    border-radius: 19px;
    background-color: white;
  }
  #contact button:hover{
    color:white;
    background-color: #222;
  }
  #contact a{
    text-decoration: none;
    color: black;
    cursor: pointer;
  }
  /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ contact end @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
  
  /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ footer section start  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
#footer-section button{
    border:2px solid transparent;
    color:white;
    background-color: red;
    padding:8px 22px;
    border-radius: 20px;
  }
  
  #footer-section button:hover{
    background-color: white;
    border:3px solid red;
    color:red;
  }
  
  .footer-icons a i{
    font-size: 30px;
  }
  /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ footer section End  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
  
  .tracking-in-expand {
    -webkit-animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
            animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
  }

  /* ----------------------------------------------
 * Generated by Animista on 2022-12-14 18:57:21
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation tracking-in-expand
 * ----------------------------------------
 */
@-webkit-keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}

.flip-in-ver-right {
	-webkit-animation: flip-in-ver-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: flip-in-ver-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2022-12-14 19:8:47
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation flip-in-ver-right
 * ----------------------------------------
 */
 @-webkit-keyframes flip-in-ver-right {
  0% {
    -webkit-transform: rotateY(-80deg);
            transform: rotateY(-80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
    opacity: 1;
  }
}
@keyframes flip-in-ver-right {
  0% {
    -webkit-transform: rotateY(-80deg);
            transform: rotateY(-80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
    opacity: 1;
  }
}

.rotate-center {
	-webkit-animation: rotate-center 0.6s ease-in-out both;
	        animation: rotate-center 0.6s ease-in-out both;
}

/* ----------------------------------------------
 * Generated by Animista on 2022-12-14 19:13:43
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation rotate-center
 * ----------------------------------------
 */
 @-webkit-keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.swing-in-top-fwd {
	-webkit-animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
	        animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2022-12-14 19:21:16
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation swing-in-top-fwd
 * ----------------------------------------
 */
 @-webkit-keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-100deg);
            transform: rotateX(-100deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 1;
  }
}
@keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-100deg);
            transform: rotateX(-100deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 1;
  }
}

.wobble-hor-bottom {
	-webkit-animation: wobble-hor-bottom 0.8s both;
	        animation: wobble-hor-bottom 0.8s both;
}
/* ----------------------------------------------
 * Generated by Animista on 2022-12-14 19:22:35
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation wobble-hor-bottom
 * ----------------------------------------
 */
 @-webkit-keyframes wobble-hor-bottom {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(-6deg);
            transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(6deg);
            transform: translateX(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(-3.6deg);
            transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
            transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
            transform: translateX(-6px) rotate(-1.2deg);
  }
}
@keyframes wobble-hor-bottom {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(-6deg);
            transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(6deg);
            transform: translateX(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(-3.6deg);
            transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
            transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
            transform: translateX(-6px) rotate(-1.2deg);
  }
}