


body {
  font-family: "Poppins", sans-serif;
}
li{
    display: inline-block;
}
a{
    color: #000;
    text-decoration: unset;
}

.social_icons{
        float: inline-end;
}
p{
    font-size: 15px;
    font-weight: 400;
}
h1{
  
    line-height: 75px;
    font-weight: 600;
    color: #fff;
}
h3{
     
    line-height: 35px;
    font-weight: 600;
}
h2{
   font-size: 30px !important;
    line-height: 35px !important;
    font-weight: 500 !important; 
}
h4{
  font-size: 20px;
    line-height: 30px;
    font-weight: 500;   
}
/*nav svg , #Single_member_page svg{
        margin-right: 12px;
           
}*/

/*nav svg{
        fill: #991b1b;
            

}*/

 .icons_svg{
        background-color: #fff;
    padding: 12px 0px 12px 12px;
    border-radius: 58px;
    margin: 8px;
 }
 
nav .nav-item {
        font-size: 18px;
    padding: 9px;
}
header .nav-item {
        font-size: 18px;
    padding: 9px;
}
.maingrid img{
    width: 30%;
}
.search_filter_sec{
       padding: 40px 0px 30px;
}
.list-inline>li {
    display: inline-block;
    padding-right: 12px;
    padding-left: 5px;
        border-right: 1px solid #5e5d5d;
}
/*event single css starts*/
.event_main h2 {
    font-size: 20px;
     line-height: 25px;
     font-weight: 400;
}
.event_main p{
    line-height: 16px;
}
.event_main button{
    margin-bottom: 45px;
}
.event_main {
    margin-top: 60px;
}
.event_inner_sec h5{
       position: absolute;
    top: 24px;
    left: 21px;
    background-color: #fff;
    padding: 9px !important;
    font-size: 23px !important;
    line-height: 13px;
    font-weight: 400;
    display: flex;
    border-radius: 10px;
}
.event_inner_sec span{
    margin-left: 11px;
}
/*event single ends */
.login_wr , .detail_wr{
    padding-top: 55px;
}
footer{
    margin-top: 55px;
}

/*detail single css*/
.reviews_wr svg{
    color: #e9e94f;
}
/*Detail Form Page*/
.detail_login_wr{
    margin-top: 35px;
}

/*table grid section*/
.table_wr thead{
        background-color: rgb(151 151 151 / 80%);
}
.icon_wr span {
        background-color: rgb(151 151 151 / 80%);
    border-radius: 30px;
    padding: 11px;
    color: #fff;
}

.counter_grid h4{
        font-size: 0.875rem;
    line-height: 1.25rem;
        font-weight: 400;
        color: rgb(107 114 128 / var(--tw-text-opacity));
}
.counter_grid h2{
    font-size: 1.5rem;
    line-height: 2rem;
}
.image_sec{
    background-color: rgb(99 102 241 / var(--tw-bg-opacity));
}
.view_all_sec{
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
    padding: 20px 10px 20px 10px;
    
}
.view_all_sec h6{
    color: blue;
}
.rounded-30 {
    border-radius: 30px;
  }
.counter_grid_secound .btm h6{
    font-size: 1.875rem;
    color: #000;
    font
}


/*Featured Page css starts*/
.Featured_dark h2{
    font-size: 36px;
}
.Featured_dark {
    background-color: #111827;
}
.Featured_dark .view_all_sec h6{
    color: #6366f1 !important;
}
.Featured_dark .image_sec{
        border-radius: 6px;
}
.common_grid h4{
    color: #6366f1;
    font-size: 1rem;
}
/*.grid_home {
    padding: 0px 40px;
}*/
.Event_single_grid {
    padding: 56px 34px 4px;
}
.Single_Sec_layouts {
        padding: 4px 27px 0px;
}
.btn_submit {
        margin: 16px 0;
        padding-top: 15px;
}
/*Featured Page css ends*/
/*Grid Layouts*/

.nav_bar li {
 font-size: 24px !important;
}
.left_container{
        padding: 1px 41px 0px 41px;
}
.main_heading_area {
        
        padding-top: 30px;

}

.text_box_area{
       padding: 4% 1% 2% 15%;
}
label{
        font-size: 20px;
    line-height: 55px;
    font-weight: 600;
}

nav a{
    font-size: 18px !important;
    line-height: 28px !important;
    font-weight: 400 !important;
}
.social_icons_cmn{
        float: inline-end;
}
input{
    width: 100%;
}


/*login page css*/
.login_form_wr {
    height: 95vh;
}
.login_inner_wr , .button_register {
    background-color: #189994;
    color: #fff ;
}
.button_register a {
    
    color: #fff ;
}
.form_sec_wr{
        padding: 50px 90px;
}
.left_img{
    width: 59%;
    margin: 0 auto;
}
/*login page css ends*/

/*find all social list css starts*/
.filter_sec{
        height: fit-content !important;
}
.event_list_wr img{
     width: 50%;
    margin: 0 auto;
    padding-top: 26px;
}
.icons_list p{
    font-size: 15px;
    line-height: 16px;
    font-weight: 600;
    padding-left: 11px;
}
.event_list_wr svg{
        margin-right: 8px;
}
/*find all social list css ends*/
/*find influencer*/
.image_layout{
    top: 90px;
    position: absolute;
    left: 119px;
        margin-top: 55px;
}
.Text_comn span{
color: #189994;
}
.details_comn_wr{
    padding-top: 58px;
}

.fullscreen {
    width: 100vw;
    height: 100vh;
    overflow-y: auto; /* Enable vertical scrolling if content overflows */
}


.grid_wrapper img{
        height: 204px;
}
.Offer_heading{
    font-size: 24px !important;
    border-bottom: 1px solid #efefef;
}



/* ALERT MESSAGE */
.alert-box-msg {
    padding: 20px !important;
    margin: 20px 0 !important;
    color: white !important;
    border-radius: 5px !important;
    transition: opacity 0.5s ease-in-out !important;
}

.bg-green-500 {
    background-color: #48bb78; /* Tailwind green-500 */
}

.bg-red-500 {
    background-color: #f56565; /* Tailwind red-500 */
}


.menu_font a {
    font-size: 22px !important;
}
nav svg{
    
       fill: #C0A060 !important;
}
.image_wr .font_stores a{
    color:#C0A060;
    font-size: 30px;
}

.image_wr .para_stores h5{
    font-size: 18px;
    font-weight: 600 !important;
}
.image_wr svg{
    fill: #C0A060;
}
.paging_wr{
        width: 32% !important;
    margin: 20px auto !important;
    padding-top: 10px !important;
}

[aria-current="page"] span{
    background-color: #C0A060 !important;
    color: #fff !important;
}

/* styles.css or your global CSS file */
.ultypehead {
  list-style-type: none; /* Remove default list styling */
  padding: 0; /* Remove padding */
  margin: 0; /* Remove margin */
  border-radius: 0.5rem; /* Rounded corners */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow */
  background-color: #ffffff; /* Background color */ 
  position: absolute; /* Absolute positioning */
  z-index: 10; /* Ensure it appears above other content */
  width: 100%; /* Full width */
  max-width: 20rem; /* Max width of the dropdown */
}

.ultypehead li {
  border-bottom: 1px solid #e5e7eb; /* Bottom border for list items */
}

.ultypehead li:last-child {
  border-bottom: none; /* Remove border for the last item */
}

.ultypehead a {
  display: block; /* Block level for padding and margin to work */
  padding: 0.5rem 1rem; /* Padding around the link */
  color: #333333; /* Text color */
  text-decoration: none; /* Remove underline */
  transition: background-color 0.2s, color 0.2s; /* Smooth transition for hover effects */
}

.ultypehead a:hover {
  background-color: #f3f4f6; /* Background color on hover */
  color: #1f2937; /* Text color on hover */
}

.input_wr input, [type=text]:focus{
    border:0 !important;
    border: unset;
}

@media only screen and (max-width: 768px) and (min-width:  320px){

  
    h1.text-3xl.font-bold.text-center {
    font-size: 30px !important;
   }
}

