.card-container {
    display: flex;
    flex-wrap: wrap;
  }

  .card {
    display: flex;
    flex-direction: column;
    flex: 1 1 calc(33.333% - 1rem); /* Three cards per row */
    margin: 0.5rem;
    box-sizing: border-box;
  }

  .card-body {
    display: flex;
    flex-direction: column;
    flex: 1;
  }

  .content-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
  }

  .badge{
    line-height:1.3;
  }

  .content-wrapper .title-date {
    flex: 1;
  }

  .content-wrapper .title-date h5,
  .content-wrapper .title-date p {
    margin: 0;
  }

  .badge-container {
    display: flex;
    flex-wrap: wrap;
  }

  .badge-container .badge {
    margin-right: 5px;

  }

  .author-title-text{
    color: #6C757D;
    font-family: "Poppins";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 155.556% */
    padding-top: 5px;
  }

  .conference-banner-card{
    border-radius: 5px !important;
    border-bottom: 4px solid var(--primary-color) !important;
    background: var(--app-background-color1) !important;
    box-shadow: 0px 20px 25px 0px rgba(45, 45, 45, 0.05);
    border-left:none !important;
    border-right:none !important;
    border-top:none !important;
    width: 35rem;
  }

  .conference-banner-card-1{
    border-radius: 5px !important;
    border-bottom: 4px solid var(--primary-color) !important;
    background: var(--app-background-color1) !important;
    box-shadow: 0px 20px 25px 0px rgba(45, 45, 45, 0.05);
    border-left:none !important;
    border-right:none !important;
    border-top:none !important;
    width: 35rem;
  }

  .display-order-btn-dp{
    border-radius: 4px !important;
    border: 1px solid #CED4DA !important;
    background: var(--HitBox, rgba(255, 255, 255, 0.00)) !important;
    padding: 7px 13px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    flex-shrink: 0 !important;
    display: flex !important;
    color: #22304D !important;
    font-family: var(--font-family) !important;
    font-size: 17px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 27px !important; /* 158.824% */
    margin-top: 12px !important;
  }



  



  .conference-title-text{
    color: #22304D;
    font-family: "Nunito Sans";
    font-size: 29px;
    font-style: normal;
    font-weight: 700;
    line-height: 39px; /* 134.483% */
    margin-bottom: 1rem;
    margin-left: 5px;
  }

  .conference-title-text-1{
    color: #22304D;
    font-family: "Nunito Sans";
    font-size: 29px;
    font-style: normal;
    font-weight: 700;
    line-height: 39px; /* 134.483% */
    margin-bottom: 1rem;
    margin-left: 5px;
    margin-top: 1rem;
  }

.bg-filter-1{
  background-color: #F9F9F9;
  margin-top: 3rem;
}

.feature-header{
    margin-top: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    color:var(--primary-color);
}


.feature-list{
    margin-top: 8px;
    color:var(--secondary-color);
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    font-size: 16px;
}


.card-date-text{
    color: #6C757D;
    font-family:"Poppins";
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 31px; /* 143.478% */
    padding-top: 10px;
}
.title-conference{
    color: #22304D;
    font-family: "IBM Plex Sans Condensed";
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px; /* 140% */
    margin-bottom: 1rem;
}
.filter-search-component{
        margin-top: 12px;
        margin-left: 5rem;
        margin-bottom: 1rem;
}
.date-text-conference{
    color: #353535;
    font-family: "Poppins";
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: 33px; /* 147.619% */
    margin-bottom: 1rem;
}
.city-text-conference{
    color: #6C757D;
    font-family: "Poppins";
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: 33px; /* 147.619% */
}
 

.browse-by-header{
    margin-top: 19px;
    font-style: normal;
    font-weight: 600;
    color:var(--primary-color);
    font-size: 26px;
    line-height: 36px
}


.search-button-1{
/*    margin-top: 1rem;*/
    margin-right: 32px;
 }


.phone-icon{
    margin-top: -5px;
}


.location-icon{
    margin-top: -8px;
}

.summary-span{
    margin-top: 1rem;
}

.authorpanel-style{
    margin-bottom: 0.8rem;
}


@media (max-width:  991.98px) { 
    .header-text{
        margin-left: 0px !important;
    }

    .conference-banner-card{
        width: auto;
    }

    .conference-banner-card-1{
        width: auto;
        margin-top: 2rem;
    }
    .badge-container .badge{
        margin-right: 0px;
    }

    .search-component{
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
.search-button{
    margin-right: 0px !important;
}

.nav-bg{
    background-color: #F8F4FF !important;
}

.offcanvas-end{
    border-left: 0 !important;
}

.browse-card-1{
    margin-left: 0px !important;
}

.filter-search-component{
    margin-left: 0rem ;
    margin-bottom: 0rem;
   }

   .title-conference{
    margin-top: 10px;
   }

}


@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2){

    .conference-banner-card{
        width: auto;
    }

    .conference-banner-card-1{
        width: auto;
        margin-top: 2rem;
    }

}
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (-webkit-min-device-pixel-ratio: 2){
   .conference-banner-card-1{
    margin-top: 0.5rem;
   }
}



.top-bar{
    background-color:#ffffff;
}

.nav-bar{
    background-color: var(--primary-color);
 
}

.bg-main-content{
    background: rgba(24, 54, 66, 0.05);
}

.article-header{
  padding: 10px;
}

.article-body{
  
  border-radius: 0.375rem;
  
  margin-top: 0.8em;
  margin-bottom: 1rem;
}

.main-header{
    margin-left:5px;

}


.list-group-client-driven{
    margin-top:35px;
    margin-left:5px;
    margin-right:5px;
    font-family:var(--font-family);
    font-weight:400;
    border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}



.search-component {
    /*margin-right: 285px;
    margin-left: 3rem;*/
    margin-top:1.5rem;
  
}

.search-component-1{
    margin-right: -160px;
    margin-left: 15.5rem;
    margin-top: 1rem;
}




.navigation-component{
    font-family:var(--font-family);
    font-weight:600;
    width:25%;
    margin-top:10px;
    margin-bottom:-5px;
  
}

.button-medium-component{
    margin-left:5px;
    color:var(--text-color);
    font-family:var(--font-family);
    font-weight:600;
}

.search-query{
    margin-left:8px;
    margin-top:-20px;
    font-family:var(--font-family);
    font-weight:600;
    color:var(--text-color);
   
}

.select-query{
    margin-top:4px;
    font-family:var(--font-family);
    color:var(--text-color);
}


.select-query-additional{
    margin-top:1.5em;
    font-family:var(--font-family);
    font-weight:600;
    color:var(--text-color);
}

.search-query-additional{
    /*margin-left:10px;*/
    margin-top:1.5em;
    font-family:var(--font-family);
    font-weight:600;
    color:var(--text-color);
    /*border-top: 5px solid red;*/
   
}

.option-query-additional{
    margin-top:1.5em;
    margin-left:10px;
    font-family:var(--font-family);
    font-weight:600;
    color:var(--text-color);
}

.content-text{
    margin-top:15px;
    margin-left:10px;
    color:var(--text-color);
    font-family: var(--font-family);
    font-weight:400;
 
}


.sub-header{
   margin-left:10px;
   margin-bottom:15px;
   font-family:var(--font-family);
   color:var(--text-color);
   font-weight:600;
}

.sub-header-1{
    margin-left: 25px;
    margin-bottom: 15px;
    font-size: 17px;
    line-height: 27px;
    color: #6c757d;
    font-family: var(--font-family);
    font-weight: 400;
}






.subname-header{
  margin-left:25px;
  font-family:var(--font-family);
  font-size:18px;
  line-height:28px;
  color:#353535;
}

.author-link{
  color:var(--primary-color) !important;
}

.add-button{
    margin-top:10px;
    margin-left:20px;
}


.search-queryadditional{
    margin-left:10px;
    margin-top:2px;
    font-family: var(--font-family);
    font-weight:400;
    color:var(--text-color);
 
}

.content-header{
    margin-top:35px;
}

.close-button{
    margin-top:30px;
}

.close-button-1{
    margin-top:30px;
}

.sub-text-1{
    margin-left:10px;
    margin-top:12px;
    font-family: var(--font-family);
    color:#353535;
    font-weight:400;
}
.All-year-button{
    margin-left:10px;
    font-family: var(--font-family);
    color:var(--text-color);
    font-weight:400;
}

.Recent-year-button{
    margin-top:20px;
    margin-left:10px;
    font-family: var(--font-family);
    color:var(--text-color);
    font-weight:400;
}

.Custom-year-button{
    margin-top:20px;
    margin-left:10px;
}



.tab-items-client-driven{
    margin-left:10px;
}

.tab-items-client-driven-2{
    margin-left:10px;
}

.session-checkbox{
    margin-left:8px;
    margin-top:10px;
    font-family: var(--font-family);
    color:var(--text-color);
    font-weight:400;

}

.Conference-checkbox{
    margin-left:8px;
    margin-top:10px;
    font-family: var(--font-family);
    color:var(--text-color);
    font-weight:400;

    
}

.Reset-button{
    margin-top:15px;
    margin-left:5em;
    color:var(--text-color);
    font-family:var(--font-family);
    font-weight:600;
}

.Search-button{
    margin-top:15px;
    margin-left:6em;
    color:var(--text-color);
    font-family:var(--font-family);
    font-weight:600;
  
}

.conference-search{
    margin-left:10px;
    margin-top:10px;
    font-family: var(--font-family);
    font-weight: 400;
    color: var(--text-color);
}

.conference-menu{
    margin-top:20px;
    margin-left:1rem;
}

.conference-list{
    margin-top:10px;
    /*padding-left:10px;*/
    /*padding-right:10px;*/
    color:#353535;
    font-family:var(--font-family);
    font-weight:400;
    margin-bottom: 2rem;
}

.conference-header{
    margin-top: 35px;
    font-style: normal;
    font-weight: 600;
    color: var(--primary-color);
    font-size: 26px;
    line-height: 36px;
}




.header{
    font-family:var(--font-family);
    margin-top: 20px;
    line-height: 36px;
    font-style: normal;
    font-weight: 600;
    color: var(--primary-color);
    margin-left: 1rem;
}


.header-1{
    font-family:var(--font-family);
    margin-top: 20px;
    line-height: 30px;
    font-style: normal;
    font-weight: 600;
    color: var(--primary-color);
    font-size:20px;
  
}

.header-2{
    font-family:var(--font-family);
    margin-top: 20px;
    line-height: 30px;
    font-style: normal;
    font-weight: 600;
    color: var(--primary-color);
    font-size:20px;
  
}

.header-article{
    font-style: normal;
    font-weight: 600;
    color: var(--primary-color);
    font-size: 21px;
    line-height: 31px;
    font-family: var(--font-family);
}


.header-author-name{
    font-size: 23px;
    line-height: 33px;
    margin-top: 5px;
    font-family: var(--font-family);
    font-style: normal;
    font-weight: 600;
    color: var(--primary-color);
}


.header-85{
  width:85%;
}

.search-header{
    margin-top:15px;
    font-family:var(--font-family);
    font-weight: 600;
    color:var(--text-color);
    font-size: larger;
}


.sub-text{
    font-family: var(--font-family);
    color:#353535;
    font-weight:400;
}



.recent-year-picker{
    margin-top:12px;
   
    font-family: var(--font-family);
    color:var(--text-color);
    font-weight:400;
}

.custom-year-picker{
    margin-top:12px;
    font-family: var(--font-family);
    color:var(--text-color);
    font-weight:400;
}

.search-text{
    font-family: var(--font-family);
    color:var(--text-color);
    font-weight:400;
    font-size: medium;
}

.start-date-selector{
    font-family: var(--font-family);
    color:var(--text-color);
    font-weight:400;
    margin-top:15px;
    margin-left:10px;
}

.end-date-selector{
    font-family: var(--font-family);
    color:var(--text-color);
    margin-top:15px;
    font-weight:400;
}


.download-links{
    margin-top:16px;
    margin-left:5px;
    font-family: var(--font-family);
    color:var(--text-color);
    font-weight:400;
    font-size: large;
}

.card-component{
    margin-top:12px;
    font-family: var(--font-family);
    margin-right:10px;
    
}

.conference-name-header{

    font-family: var(--font-family);
    margin-top: 1rem;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 28px;
    color: var(--primary-color);
    font-weight: 600;
}


.footer{
    background-color: var(--primary-color);
    position: relative;
    width: 100%;
    /*left: calc(-50vw + 50%);*/
    margin-top:15px;
    padding-top:15px;
    
    color:#ffffff;
    font-family: var(--font-family); 
    bottom:0;  
    order: 4;
    flex-shrink: 1;
    }


    .company-detail-colunm{
        margin-top:15px;
    }


    .link-header{
        margin-top: 15px;
  }

  .link-color{
      color:#ffffff;
      text-decoration: none;
      font-size: large;
      font-weight: 400;
     
  }

  .email{
     color:#ffffff;
     text-decoration: underline;
     font-size: large;
     font-weight: 400;
  }

  .company-name{
    color:#ffffff;

  }


  a {
    text-decoration: none;
}
.login-page {
    width: 100%;
    height: 100vh;
    display: inline-block;
    display: flex;
    align-items: center;
}
.form-right i {
    font-size: 100px;
}

.author-header{
    margin-top: 22px;
    
}


.common-text{
    margin-left:10px;
    margin-bottom:15px;
    margin-top: 15px;
   color: var(--primary-color);
   font-family: "IBM Plex Sans Condensed";
   font-size: 20px;
   font-style: normal;
   font-weight: 400;
   line-height: 30px; /* 150% */
}

.common-text-2{
    color: #6C757D;
  font-family: Poppins !important;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
}

.right-header{
    font-family: var(--font-family);
    
}

.nav-lefttext{
    margin-left:10px;
    /*margin-left:25px !important;*/
    font-family: var(--font-family);
    color:#ffffff;
    font-weight: 600;
    /*font-size: large;*/
}

a.nav-lefttext:hover{
    color:#dbdbdb;
}

.divider{
    margin-top: 15px;
    margin-left: 25px;
    width: 90%;
    margin-bottom: -2px;
    opacity:0.30;
}

.error-message{
    color:red;
    font-family: var(--font-family);
}

.search-operator{
  color:blue;
  font-family: var(--font-family);
}

.bigger-size{
  font-size:x-large;
  font-weight: 700;
}

.main-body{
  width:85%;
  margin:auto;
  background-color: #fff;
  padding-bottom:15px;
  
}


.main-page{
  background-color: #f5f3f2;

}


.range_container {
  display: flex;
  flex-direction: column;
  width: 95%;
  margin: 5% auto;
}

.sliders_control {
  position: relative;
  min-height: 30px;
}

.form_control {
  position: relative;
  display: flex;
  justify-content: space-between;
  font-size:large;
  color:var(--text-color);
  font-weight: 500;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  pointer-events: all;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #C6C6C6;
  cursor: pointer;
}

input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  pointer-events: all;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #C6C6C6;
  cursor: pointer;  
}

input[type=range]::-webkit-slider-thumb:hover {
    background-color: #fff; 
}

input[type=range]::-webkit-slider-thumb:active {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%)
}

input[type="number"] {
    display: block;
    width: 95%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--text-color);
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {  
   opacity: 1;
}

input[type="range"] {
  -webkit-appearance: none; 
  appearance: none;
  height: 2px;
  width: 100%;
  position: absolute;
  background-color: #C6C6C6;
  pointer-events: none;
}

#fromSlider {
  height: 0;
  z-index: 1;
}

@media (max-width: 991px) {

    .main{
        text-align: left !important;
        
    }


}

.back-button{
  padding-bottom: 1em;
  margin-top:10px;
  /*font-size: large;*/
}

.author-picture-div{
  margin-left:1em;
}

.author-picture{
  max-width:200px;
}

.profile-header{
    font-size: 18px;
    line-height: 28px;
    color: #353535;
    font-weight: 500;
}

.profile-affiliation{
    font-size: 16px;
    line-height: 26px;
    color: #6c757d;
    font-weight: 400;
}

.track-tag-1{
    font-size: 16px;
    line-height: 26px;
    color: #6c757d;
    font-weight: 400;
}


.advanced-search-header{
    font-family: var(--font-family);
    margin-top: 20px;
    line-height: 36px;
    font-style: normal;
    font-weight: 600;
    color: var(--primary-color);
}

.search-help-header{
    font-family: var(--font-family);
    margin-top:10px;
    color: var(--text-color);
    font-weight: 600;
    font-size: larger;
}

.trackTag{
    color:var(--primary-color) !important;
}

.author-content{
    margin-left: 1.2rem !important;
}

.related-author-contnent{
    margin-left: 2.2rem;
}

.chart-header{
    color:var(--text-color);
    font-weight: 600;
}

.chart-style{
    box-shadow: 0px 25px 20px rgba(45, 45, 45, 0.05);
    border-bottom:5px solid var(--primary-color);
}

.total-tracks{
    color:var(--primary-color);
    font-weight: 600;
}

.total-pub{
    color:var(--primary-color);
    font-weight: 600;
}

.advance-button{
  background-color: var(--primary-color);
  border: 0.5px solid #ffffff;
}

.title-large{
  font-size: 2.2rem !important;
}

.welcome-text{
  font-size: 1.7rem !important;
}

.back-link{
  color:#6C757D !important;
  /*color:var(--text-color) !important;*/
}
  

/*.container-fluid.mb-4{
  min-height: 70vh !important;
}*/


@media (max-width: 575.98px){

.search-query{
    margin-left: 5px;
}

.select-query{
    margin-left: 5px;
    margin-top: 0;
}

.add-button{
    text-align: center;
    margin-left:0px;
}

.search-query-additional{
    margin-left: 5px;
}

.close-button{
    text-align: center;
}

.select-query-additional{
    margin-left: 5px;
}

.conference-reset-button{
    margin-left: 0 !important;
}

.inner-col{
    margin-left: -1px !important;
}

.sub-text-1{
    margin-left: 5px;
}

.center-text{
    width:100% !important;
    text-align: center !important;
}

.pagination{
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
}

.conference-search-button{
    margin-left: 0px !important;
}

.header-text-1{
    margin-left: 5px !important;
}

.search-component-1{
    margin-left: 5px ;
    margin-right: 0px ;
}

.search-button-1{
    margin-top: 0px !important;
    margin-right: 0px  !important;
    margin-bottom: 1rem;
}


.header-text-advanced{
    margin-left: 5px !important;
}

.conference-card-1{
    width:23rem !important;
}

.header-article{
    margin-left:0px !important;
    margin-top: 15px !important;
    margin-bottom: 20px !important;
}

.main-header{
    margin-left: 0px !important;
}

.article-title{
    margin-left: 0px !important;
}

.article-header{
    padding:0px !important;
}

.cite-this{
    margin-left: 0px !important;
}

.download-pdf{
    margin-top: 1.2rem !important;
}

.subname-header{
    margin-left: 0px;
}

.sub-header-1{
    margin-left: 0px;
}

.card-component{
    margin-right: 0px;
}

.linkcard{
    margin-right: 18% !important;
}

.related-author-contnent{
    margin-left: 0px !important;
}

.location-icon{
    display: none ;
}


.mobile-nav-bar {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 70%; /* Set the width of the nav-bar here */
    z-index: 9999;
    background-color: #fff;
    transform: translateX(-100%);
    transition: transform 0.3s ease-in-out;
  }
  
  .mobile-nav-bar.show {
    transform: translateX(0%);
  }
  
}

@media (max-width: 767.98px) { 


}

.conference-doi{
    margin-top: -18px;
    margin-left: 15px;
    margin-bottom: 5px;
}

.text-link{
    color: var(--primary-color) !important;
}

.linkcard{
    margin-top: 10px;
    margin-right: 65%;
}





@media screen and (min-width: 1900px) {

    .search-component-1{
        margin-left: 20.5rem !important;
    }

    .search-button-1{
        margin-right:160px;
    }

    /* .header-text{
        margin-left: 19rem !important;
    } */

   /* .search-component{
        margin-left: 19rem !important;
    }*/

    .header-text-1{
        margin-left: 19rem !important;
    }

   .header-text-advanced{
    margin-left: 19rem !important;
   }


}

@media screen and (min-width: 1200px){

    .search-component-1{
        margin-right: -110px;
        margin-left: 8rem;
    }
 .linkcard{
    margin-right: 60%;
 }

}

@media screen and (min-width: 1400px){

    .search-component-1{
        margin-right: -160px;
        margin-left: 15.5rem;
    }
.linkcard{
    margin-right: 65%;
}

}



.btn-remove-filters{
  padding:0 1rem 0 0.5rem !important;
  font-size: 0.8rem !important;
}