/* import fonts */
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Readex+Pro:wght@160..700&family=Sora:wght@100..800&display=swap');

:root {
    --sidebar-width: 140px;
    --trending-width: 300px;
    --primary-color: #eb8f00;
    --primary-color-shade: #eb8f00;
    --light-primary-shade-sidebar: #ffe1eb;
    --dark-primary-shade-sidebar: #2c1c5f !important;
    --dark-primary-shade-darker-sidebar: #2c1c5f !important;
    --dark-primary-shade-red-sidebar: #e4043c;
    --text-black: #090b0e;
    --text-muted: #6c757d;
    --text-white: #ffff;
    --header-height: 70px;
    --live-wire-progess-bar-color: var(--primary-color);
}

*{
    font-family: 'Readex Pro', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important ;

}

.modal-open[style] {
padding-right: 0px !important;
}

.slide-title {
  background: rgba(5, 28, 53, 0.6); 
  padding: 15px;
  
}

.slider .slide .slide-content .slide-title{
    font-size: 35px !important;
}

.slide-desc {
  background: rgba(5, 28, 53, 0.6); 
  padding: 15px;
   /* border-top-left-radius: 50px;
  border-bottom-left-radius: 50px; */
}


.slide-with-gradient {
  position: relative !important;
}

.slide-with-gradient::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: linear-gradient(to right,
      rgba(44, 28, 95, 0.831),
      rgba(255, 0, 64, 0.233)) !important;
  z-index: 1 !important;
}





::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background-color: var(--primary-color);
}

::-webkit-scrollbar-thumb {
    background-color: var(--primary-color);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--primary-color);
}


* {

    scrollbar-width: thin;
    scrollbar-color: var(--dark-primary-shade-sidebar) var(--text-white);
}


.btn{
    border-radius: 50px !important;
}

.btn-custom-color{
    background-color: var(--dark-primary-shade-sidebar);
}


.header .navbar-brand .logo{
    width: 249px !important;
    height: auto !important;
}


/* Overlay for bgsection */


.custom-bg-section {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.custom-bg-section img {
    display: block;
    width: 100%; 
  height: auto;

}

.custom-bg-section::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    rgba(44, 28, 95, 0.8),  /* #2c1c5f with 80% opacity */
    rgba(228, 4, 60, 0.8)   /* #e4043c with 80% opacity */
  );
  pointer-events: none;  /* ensures the overlay doesn't block any interactions */
}

.custom-bg-section *{
    position: relative;
    color: #fff !important;
    z-index: 99999;
}

/* mobile responsiveness small screens */
@media (max-width: 576px) {
   
    
    
    .slider .slide .slide-content .slide-title{
    font-size: 19px !important;
}


    .slide-desc{
        font-size: 13px !important;
        line-height: 20px !important;
    }
}


/* Text selection */

::-moz-selection {
    
  color: #fff;
  background: var(--dark-primary-shade-sidebar);
}

::selection {
  color: #fff;
  background: var(--dark-primary-shade-sidebar);
}



.mobile-active-conference{
  display: none;
   color: var(--dark-primary-shade-sidebar);
   font-size: 16px;
   font-weight: 500;
   
}

/* render only on small screens */
@media (max-width: 576px) {
    .mobile-active-conference{
        display: block;
    }

    .custom-modal-overlay {
       
        top: 73px !important; /* Adjusted to account for the header height */
       
    }
}


/* unique card border */
.card-outline{
  border-top: 4px solid #e4043c !important;
}

.bottom-card-outline{
  
  border-bottom: 4px solid #e4043c !important;
}

/* After heading line */

.underline-title {
     position: relative;
     width: fit-content;
   }

.underline-title::after {
     content: "";
     width: 100px;
     height: 2px;
    background: linear-gradient(
    rgba(44, 28, 95, 0.8),  /* #2c1c5f with 80% opacity */
    rgba(228, 4, 60, 0.929)   /* #e4043c with 80% opacity */
  );
     
     position: absolute;
     bottom: -14px;
     left: 0;
     
   }

   

.card4 {
  position: relative;
  display: block;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Subtle lift + shadow on hover */
.card4:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  border-color: #cd3d73;
}

/* Ribbon corner */
.card4 .go-corner {
  position: absolute;
  top: 0;
  right: -40px;
  width: 120px;
  height: 40px;
  background: linear-gradient(135deg, #8f479a 10%, #dc2a74 90%);
  transform: rotate(45deg);
  transform-origin: top right;
  transition: right 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Arrow inside ribbon */
.card4 .go-corner .go-arrow {
  position: absolute;
  top: 50%;
  left: 12px;
  font-size: 16px;
  color: #fff;
  transform: translate(-50%, -50%) translateX(-6px);
  opacity: 0;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

/* On hover, slide ribbon in and reveal arrow */
.card4:hover .go-corner {
  right: -12px;
}

.card4:hover .go-corner .go-arrow {
  transform: translate(-50%, -50%) translateX(0);
  opacity: 1;
}

/* Optional: a little pulse on arrow once fully visible */
@keyframes arrow-pulse {
  0%, 100% { transform: translate(-50%, -50%) translateX(0); }
  50%      { transform: translate(-50%, -50%) translateX(2px); }
}

.card4:hover .go-corner .go-arrow {
  animation: arrow-pulse 1s ease-in-out infinite;
}


.card5{
  border-radius: 10px;
  border-left: 4px solid #140005; 
  border-right: 4px solid #e4043c; 
}

.card5:hover {
      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
      transform: translateY(-5px);
      border-bottom: 2px solid #e4043c;
      border-radius: 10px;
      transition: all 0.3s ease-in-out;
    }

.card6{
  border-radius: 5px;
  border-bottom: 2px solid #140005; 
  border-top: 2px solid #e4043c; 
}

.card6:hover {
      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
      transform: translateY(-5px);
      border-bottom: 2px solid #e4043c;
      border-radius: 5px;
      transition: all 0.3s ease-in-out;
    }


    .custom-border{
      border-left: 4px solid #e4043c;
        border-right: 4px solid #140005; 

      border-radius: 50px;
    }
    .custom-border2{
      border-right: 4px solid #e4043c;
        border-left: 4px solid #140005; 

      border-radius: 50px;
    }



    .modal.showww  {
    
        transition: ease-in-out 0.3s !important;
         border-top: 2px solid #e4043c;
        border-bottom: 2px solid #140005; 
        border-left: 2px solid #140005; 
        border-right: 2px solid #140005; 
        border-radius: 5px !important;
        

    }