@charset "UTF-8";
/* CSS Document */


.main-box .container-fluid {
    width: 94%;
    margin: 0 auto;
}

.logo{width: 200px;}
.fixed-header .logo{width: 180px;}
.content-box .main_new_logo {
    width: 210px!important; margin: 0 auto;
    height: auto;
    display: inline-block;
}

.sponsor {
    width: 40%;
    height: auto;
    margin: 3% auto 3% auto;
    padding: 0px;
    display: block;
}

.sponsor img {
    max-width: 80%;
    height: auto;
    display: inline-block;
}
.rounded-\[20px\] {
    border-radius: 20px;
}
.bg-white {
    background-color: var(--color-white);
}
.border-white {
    border-color: var(--color-white);
}

.videofirst {border-radius:15px}
.shadow{
-webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.3); 
box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.3);
	border-radius: 20px;
    border: 10px solid #fff;
}

.about-column1 .play-now .icon {
    height: 100px;
    width: 100px;
    line-height: 100px;
    background-color: #ffbc00;
    padding-left: 0;
    font-size: 50px;
}

.about-column1 .play-now {
    position: absolute;
    left: 42%;
    top: 42%;
    display: block;
    z-index: 9;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.discount-offer {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;

    margin: 0 auto 18px;
    padding: 11px 25px;

     

     

    font-size: 25px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;

    position: relative;
    z-index: 10;
    overflow: hidden;

    box-shadow: 0 5px 20px rgb(1, 3, 53,);

    animation: discountPulse 1.8s ease-in-out infinite;
}

.discount-icon {
    margin-right: 9px;
    font-size: 20px;

    animation: tagShake 2.5s ease-in-out infinite;
}

.discount-text {
    position: relative;
    z-index: 2;
}

/* Pulse Effect */
@keyframes discountPulse {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 5px 20px rgb(1, 3, 53,);
    }

    50% {
        transform: scale(1.08);
       0 5px 20px rgb(1, 3, 53,);
    }
}

/* Tag Icon Shake */
@keyframes tagShake {
    0%, 85%, 100% {
        transform: rotate(0deg);
    }

    88% {
        transform: rotate(-15deg);
    }

    92% {
        transform: rotate(15deg);
    }

    96% {
        transform: rotate(-8deg);
    }
}

/* Shine Effect */
.discount-offer::after {
    content: "";
    position: absolute;

    top: -50%;
    left: -70%;

    width: 35%;
    height: 200%;

    background: rgba(255, 255, 255, 0.45);
    transform: rotate(25deg);

    animation: discountShine 3s infinite;
}

@keyframes discountShine {
    0% {
        left: -70%;
    }

    35% {
        left: 130%;
    }

    100% {
        left: 130%;
    }
}

/* Mobile */
@media only screen and (max-width: 767px) {
    .discount-offer {
        font-size: 16px;
        padding: 9px 20px;
        margin-bottom: 14px;
    }

    .discount-icon {
        font-size: 17px;
    }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    .discount-offer,
    .discount-icon,
    .discount-offer::after {
        animation: none;
    }
}

.partner-24{text-align: center;margin-top:50px;}
.partner-24 h2{margin:10px 0 17px 0;padding:0px;font-family: 'Montserrat-Medium'; font-weight: 600;  font-size:26px;line-height:30px; color:#000080;text-align: center;}

.partner-24 ul{display:inline-block}
.partner-24 ul li {margin: 0 auto;padding: inherit; display: inline-block;list-style: none;}
.partner-logo-img {height:auto;padding:0px;margin:0 auto 15px auto;display: flex;justify-content: center;align-items: center;overflow: hidden; border: 1px #EDEDED solid;box-shadow:1px 2px 5px rgba(51,51,51,0.1);}
.partner-logo-img:hover img {transform: scale(1.1);}
.partner-logo-img img{max-width:100%;height:auto;display: inline-block}
.partner-24 ul li img {transition: all 0.4s ease-in-out;}
	

.partner-24 .nav-pills{text-align: left;display: block;padding: 0 0 15px 0}


.feature-block-two .inner-box {
    position: relative;
    padding: 30px 30px;
    /* padding-left: 100px; */
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    box-shadow: 0 30px 40px rgba(0, 0, 0, 0.10);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    overflow: hidden;
	height: 225px;
}

.schedule-tabs .tab-buttons li {
    position: relative;
    display: inline-block;
    height: auto;
    width: auto;
    border-radius: 20px;
    background-color: #ffffff;
    font-size: 16px;
    line-height: 20px;
    color: #222222;
    font-weight: 600;
    text-align: left;
    padding: 15px 40px;
    /* padding-top: 70px; */
    /* padding-left: 90px; */
    cursor: pointer;
    margin: 0 15px 20px;
    border: 1px solid #dddddd;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-footer .logo {
    position: relative;
    margin-bottom: 5px;
    top: -20px;
    width: 400px;
}


#heronew {width: 100%;
    height: 96vh;    padding: 10% 0 19% 0;
    background: url(../images/main_bg.jpg) top center;
    background-size: cover;
    overflow: hidden;
    position: relative;}

#heronew .home_wraper {
    width: 94%;
    margin: 0 auto;
    position: relative;
    left: 0;
    right: 0;
    top: 14%;
    bottom: 0;
    display: block;
    text-align: center;
}


.img-box{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.img-box img{
    width: 100%;
    display: block;
    transition: .4s ease;
}

.heightbtn{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: .4s ease;
}
.past_highlights_head { font-size: 18px; font-family: 'Montserrat-Medium'; color: #010335;}

.heightbtn .highlights_head{color: #fff; width: 100%; padding:0px 20px; margin-top: 18%; }
.view-btn{  
    background: #fff;
    color: #000;
    padding: 12px 30px;
    text-decoration: none;
    border-radius: 30px;
    font-weight: 600;
    transition: .3s;
}


.zoom-in-zoom-out {
 
  animation: zoom-in-zoom-out 2s ease-out infinite;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(1, 1);
  }
}
 






#carousel {
  perspective: 1000px;
  overflow: hidden;
}
#carousel #scene {
  width: 42%;
  margin: 40px auto 0 auto;
  transform-style: preserve-3d;
  transition: transform 0.5s;
}
#carousel #scene .carousel_item {
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px 0 10px;
  backface-visibility: hidden;
}
#carousel #scene .carousel_item:not(:first-of-type) {
  position: absolute;
  left: 0;
  top: 0;
}
#carousel #carousel_btn {
  width: 120px;
  margin: 20px auto 0 auto;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#carousel #carousel_btn .btn {
  width: 50px;
  height: 50px;
  line-height: 35px;
  padding-left: 10px;
  box-sizing: border-box;
  border-radius: 50%;
  float: left;
  border: 2px solid #2f2f2f;
  color: #2f2f2f;
  font-family: sans-serif;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s;
}
#carousel #carousel_btn .btn:hover {
  color: #ffffff;
  background-color: #2f2f2f;
}
#carousel #carousel_btn > div:first-child {
  margin-right: 10px;
}

.slidertwo {width: 94%; margin: 0 auto;}


.marquee {
	overflow-x: clip;
	white-space: nowrap;
	position: relative;
	width: 100%;
}

.marquee-inner1 {
	display: flex;
	align-items: center;
	gap: 2vw;
	padding: 20px 0px 50px 0px;;
	will-change: transform;
}

.marquee-inner1 img {
	height: 100%;
	transition: transform 0.5s;
	flex-shrink: 0;
	width: 20vw;
	border-radius: 2rem;
}

.marquee-inner1 img:hover {
	transform: scale(1.03);
}
.marquee-inner1 img {
	height: 100%;
	transition: transform 0.5s;
	flex-shrink: 0;
	width: 200px;
	border-radius: 2rem;
}

.marquee-inner1 img:hover {
	transform: scale(1.1);
}
.marquee-inner2 {
	display: flex;
	align-items: center;
	gap: 2vw;
	padding: 20px 0px 50px 0px;
	will-change: transform;
}

.marquee-inner2 img {
	height: 100%;
	transition: transform 0.5s;
	flex-shrink: 0;
	width: 20vw;
	border-radius: 2rem;
}

.marquee-inner2 img:hover {
	transform: scale(1.03);
}
.marquee-inner2 img {
	height: 100%;
	transition: transform 0.5s;
	flex-shrink: 0;
	width: 200px;
	border-radius: 2rem;
}

.marquee-inner2 img:hover {
	transform: scale(1.1);
}

.video-background {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-55%,-50%);
  max-width: auto;
  object-fit: cover;
  width: 120%;
  height: 100%;
  margin: 0;
  z-index: -2;
}
.banner-section {
  position: relative;
  width: 100%;
  height: 90vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
/*  padding: 0 20px;*/
  color: white;
  font-family: 'Montserrat-Medium';
  overflow: hidden;
  &::before {
    content: '';
    position: absolute;
    top:0;
    bottom: 0;
    right:0;
    left:0;
    background: rgba(0,0,0,.5);
    z-index:-1;
  }
}

.banner-section .content-box {
    position: relative;text-align: center;
}

.banner-section .content-box .title {
    display: block;
    font-size: 28px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 25px;
    opacity: 1;
	font-family: 'Montserrat-Medium';
}

.banner-section .content-box .info-list
Specificity: (0,3,0)
 {
    position: relative;
    margin-bottom: 45px;
    opacity: 1;
}

#participate_form h5 { 
    font-size: 22px;
    padding-bottom: 10px;
}
#participate_form label {
    display: inline-block;
    font-size: 16px;
    padding-bottom: 10px;
}

#participate_form input { 
    font-size: 16px;
    padding: 14px 10px;
}

#register_form label {font-size: 16px; display: inline-block;margin-left: 5px;margin-top: 2px;}

#register_form .form-check-input{width: 1.15rem;height: 1.15rem;border:2px #9C9C9C solid}
#register_form .form-check-input:focus{outline: 0px;box-shadow: none}

.banner-section .content-box .info-list {margin-bottom: 40px;}
.banner-section .content-box .info-list li {
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 26px;
    color: #ffffff;
    font-weight: 400;
    margin: 0 10px;
    text-transform: uppercase;
}

.banner-section .content-box .info-list li .icon {
    color: #faaC1D;
    margin-right: 10px;
    float: left;
    font-size: 18px;
    line-height: 26px;
}

.meetup-wrapper{
      position: relative;
      padding-left: 90px;
      margin: 40px 0;
    }

    .time-text{
      position: absolute;
      left: 0px;
      top: 40px;
      font-size: 18px;
      font-weight: 700;
    }

    .meetup-card{
      background:#fff;
      border-radius: 4px;
      box-shadow: 0 8px 18px rgba(0,0,0,0.15);
      padding: 35px 35px;
      min-height: auto;
      position: relative;
      overflow: hidden;
    }

    .left-border{
      position: absolute;
      left: 0;
      top: 0;
      width: 4px;
      height: 100%;
      background:#010335;;
    }

    .meetup-title{
      font-size: 24px;
      font-weight: 800; 
      margin-bottom: 5px;color: #070c80;
    }
	.meetup-title2 {
    font-size: 20px;
    font-weight: 500;  color: #777777;
}

.meetup-card p{font-size: 17px;
    font-weight: 500; color: #777777;}
.meetup-card p strong{font-family: 'Montserrat-Bold';}
    .tag-list{
      display:flex;
      gap:15px;
      flex-wrap: wrap;
      margin-bottom: 50px;
    }

    .tag{
      background:#f5b31a;
      padding:10px 18px;
      font-size: 22px;
      font-weight: 600;
      display:inline-block;
    }

    .bottom-info{
      position: relative;
      top:20px;
      display:flex;
      align-items:center;
      gap:40px;
      flex-wrap: wrap;
    }

    .info-item{
      display:flex;
      align-items:center;
      gap:12px;
      font-size: 16px;
      font-weight: 700;color: #010335;
    }

    .info-item i{
      font-size: 30px;color: #ff8827;
    }

    .speaker-section{
      border-left:1px solid #d9d9d9;
      padding-left:40px;
      height:100%;
    }

    .speaker-title{
      font-size: 24px;
		font-weight: 800;
		margin-bottom: 5px;
		color: #070c80;
    }

    .speaker{
      display:-webkit-inline-box;
      align-items:flex-start;
      gap:18px;
      margin-bottom: 28px;
    }
    .speaker a{  color: #777777;}
    .speaker img{ border: 2px solid #000;;
      width:50px;
      height:50px;
      border-radius:50%;
      object-fit:cover;
    }

    .speaker h5{
      margin:0;
      font-size: 16px;
      font-weight: 500;
    }

    .speaker p{
          margin: 0px 30px 0px 0px;
    color: #777;
    font-size: 14px;
    line-height: 1.3;
    word-break: break-word;
    }



.item h4 {font-size: 22px; line-height: 28px; color: #010335; padding: 10px;}
.item .text { padding:0px 10px;}
    /* Responsive */
.deksimg{display: block;}
.mobimg {display: none;}
    @media(max-width:991px){

      .meetup-wrapper{
        padding-left: 0;
      }

      .time-text{
        position: static;
        margin-bottom: 20px;
      }

      .meetup-card{
        padding:30px;
      }

      .meetup-title{
        font-size:40px;
      }

      .speaker-section{
        border-left:none;
        border-top:1px solid #ddd;
        padding-left:0;
        padding-top:30px;
        margin-top:40px;
      }

      .bottom-info{
        position: static;
        margin-top:50px;
      }
    }
    @media(max-width:768px){
		.deksimg{display: none;}
		.mobimg {display: block;}
		    .temp-btn {
        position: absolute;
        left: 7.5%;
        bottom: 5px;
    }
}
    @media(max-width:576px){ 
      .meetup-title{
        font-size:20px;
      }

      .tag{
        font-size:16px;
        padding:8px 14px;
      }

      .speaker h5{
        font-size:16px;
      }

      .speaker p{
        font-size:13px;
      }

      .info-item{
        font-size:16px;
      }

      .info-item i{
        font-size:26px;
      }
	  .speaker-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}	
    }



 @media screen and (max-width: 500px) {
       .call-to-action .content-box h2, .about-section-two .content-column .sec-title h2, .fluid-section-one .content-column h3, .video-section .content-box h2, .banner-carousel .content-box h2 {
        font-size: 22px;
    }
	 .sec-title .title {
    position: relative;
    display: block;
		 font-size: 20px;line-height: 30px;text-align: left;}
	.sec-title .text {
    position: relative;
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    margin-top: 30px;
	}	
	.feature-block-two h4 {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 1.2em;
    color: #12114a;
    font-weight: 700;
    margin-bottom: 10px;
	} 
	.feature-block-two h4 {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 1.2em;
    color: #12114a;
    font-weight: 700;
    margin-bottom: 10px;
	} 
	.about-section .content-column .btn-box { 
		text-align: center;
	}
	.time-text { 
    font-size: 16px; 
	} 
	.meetup-title {
        font-size: 18px;
    }
	.meetup-title2 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 40px;
    color: #777777;
	}
	.info-item {
        font-size: 14px;
    } 
	.meetup-card p {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 40px;
    color: #777777;
	} 
	.about-column1 .play-now .icon {
    height: 60px;
    width: 60px;
    line-height: 100px;
    background-color: #ffbc00;
    padding-left: 0;
    font-size: 50px;
	}
	 .about-column1 .play-now .icon {
    height: 60px;
    width: 60px;
    line-height: 63px;
    background-color: #ffbc00;
    padding-left: 0;
    font-size: 35px;
}
	.schedule-block h4 {
    position: relative;
    font-size: 18px;
}
.speaker-block-two .info-box .name {
    position: relative;
    font-size: 17px;
    line-height: 1.2em;
    color: #010335;
    font-weight: 600;
}	 
.main-footer .logo {
    position: relative;
    margin-bottom: 5px;
    top: -20px;
    width: 200px;
}	 
	 
.feature-block-two .inner-box {
    position: relative;
    padding: 30px 30px;
    /* padding-left: 100px; */
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    box-shadow: 0 30px 40px rgba(0, 0, 0, 0.10);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    overflow: hidden;
	height: auto;
}	 
	 
}

.speaker_popup .speaker-section {
    border-left: 0px solid #d9d9d9;
    padding: 15px;
    height: 100%;
}


 .btn-close {position: absolute!important;
	right: 15px!important;}

.speaker_popup .speaker img {
    border: 2px solid #000;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    object-fit: cover;
}

.speaker_popup p {
    margin: 6px 0 0;
    color: #777;
    font-size: 14px;
    line-height: 1.3;
}


#social-icons {
  position: absolute;
  top: 30%;
}
#social-icons.right {
  right: 0px;
}
#social-icons a {
  display: block;
  text-decoration: none;
  width: 42px;
  height: 40px;
}

#social-icons .fab {
  display: block;
  font-size: 20px;
  vertical-align: middle;
  text-align: center;
  margin: 0;
  padding: 8px;
  color: #fff;
  text-shadow: 1px 1px 1px #222;
}

#social-icons:hover .fab {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#social-icons .fa-calendar-o {
  background-color: #a2ba00;
}

#social-icons .fa-facebook-f {
  background-color: #3b5998;
}

#social-icons .fa-twitter {
  background-color: #00aced;
}

#social-icons .fa-youtube{
  background-color: #C52F30;
}

#social-icons .fa-pinterest {
  background-color: #CC2127;
}

#social-icons .fa-linkedin {
  background-color: #007bb6;
}

#social-icons .fa-calendar-o:hover,
#social-icons .fa-facebook:hover,
#social-icons .fa-twitter:hover,
#social-icons .fa-youtube-play:hover,
#social-icons .fa-linkedin:hover,
#social-icons .fa-google-plus:hover {
  opacity: 0.8;
}


.section-title {
  font-size: 48px;
  font-weight: 700;
}
 

.highlight-section{
    background:#e8e8e8;
    padding:35px 50px 40px;
}
 

.gallery-header .owl-prev {
      display: block !important; float: left;
}
.gallery-header .owl-next {
    display: block !important; float: left;
}
.owl-item .item {padding: 5px;}
.blog .owl-item .item {padding: 10px;}

/*.owl-nav {position: absolute; right: 0; top: -65px;}*/
.flaticon-arrows-3 {font-size: 40px; padding-right: 5px;}
.flaticon-arrows-4 {font-size: 40px; padding-left: 5px;}


.content-column h4 { font-size: 22px;}

@media(max-width:576px){
	.content-column h4 { font-size: 18px; }
}

.tabby-accordion {
  display: flex;
  flex-direction: column;
  margin: 0 auto;

  width:100%;;

   * {
    width: 100%;
  }

  [role="tablist"],
  .tabpanels {
    display: contents;
  }
}

@media (min-width: 768px) {
  .tabby-accordion {
    flex-direction: row;

    [role="tablist"],
    .tabpanels {
      display: block;
    }

    [role="tablist"] {
      flex: 0 1 50%;
    }

    [role="tabpanel"] {
      margin: 0 0 0 5px;
      height: 100%;
      max-height: auto; /* height of tablist */
      /*overflow-y: scroll; */
    }
  }
}

/* tab styles */
[role="tab"] + [role="tab"],
[role="tabpanel"] {
  margin-top: 5px;
}

[role="tab"] {
  background: var(--pinkish-gray);
  color: #000;
  font-family: 'Montserrat-Bold';
  font-size: 20px;
  font-weight: 600; 
  padding: 15px;
  text-align: left;
  width: 100%;
  cursor: pointer;
  position: relative;
}

[role="tab"]:hover {
  &:after {
    content: "";
    display: block;
    border-left: 7px solid var(--purple);
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}

[role="tab"][aria-selected="true"] {
  color: #fff;
    background: #010435;
    font-size: 20px;
    text-align: left;
    padding: 15px 15px;

  &:after {
    content: "";
    display: block;
    border-left: 15px solid var(--pink);
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}

[role="tabpanel"] {
  background: var(--light-pink);
  padding: 5px 30px 30px 30px;
  text-align: left;
/*  border: 2px solid black;*/
}

[role="tabpanel"]:not([tabindex]) {
  display: none;
}

.tabpanel-content {
  max-width: 100%;
  margin: 0 auto;
}

.eyebrow {
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 5px;
  margin-bottom: 5px;
}

.heading {
  font-weight: 700;
  font-size: 1.5rem;
  margin-bottom: 12px;
}

.content-img {
  margin-top: 30px;
}

.img-placeholder {
  position: relative;
  margin: 15px auto;
  width: 100%;
  max-width: 250px;

  .backboard {
    width: 100%;
    height: 150px;
    background: var(--pinkish-gray);
    border: 5px solid black;
    border-radius: 20px;
    position: absolute;
    top: -15px;
    left: -10px;
  }

  .content {
    width: 100%;
    height: 150px;
    background: var(--pinkish-gray);
    border: 5px solid black;
    border-radius: 20px;
    position: relative;
    z-index: 2;
    overflow: hidden;
  }

  .sun {
    width: 35px;
    height: 35px;
    border: inherit;
    border-radius: 50%;
    position: absolute;
    top: 5%;
    right: 10%;
  }

  .hill {
    width: 100px;
    height: 100px;
    background: var(--pinkish-gray);
    border: inherit;
    transform-origin: center;
    rotate: 45deg;
    position: absolute;
    top: calc(100% - 50px);

    &.taller {
      width: 250px;
      height: 250px;
    }

    &.right {
      right: 0;
    }
  }
}

@media (min-width: 768px) {
  .tabpanel-content {
    height: 100%;
  }

  .content-img {
    width: 150px;
    margin: 0 20px 0 0;
    float: left;
  }

  .content-text {
    text-align: left;
  }

  .heading {
    font-size: 2rem;
  }
}

@media (max-width: 520px) {
	.tabpanel-content h3 {display: none;}
[role="tabpanel"] {
    background: var(--light-pink);
    padding: 0px 0px 30px 0px;
    text-align: left;
    margin-top: 0px;
    /* border: 2px solid black; */
}
}