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{
     font-size: 45px;
    line-height: 75px;
    font-weight: 600;
}
h3{
    font-size: 25px;
    line-height: 35px;
    font-weight: 600;
}
h5{
    font-size: 21px;
    line-height: 35px;
    font-weight: 400;
}
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{
        border-bottom: 7px solid #efefef;
}
.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;
}
.image_layout_social_list{
    top: 90px;
    position: absolute;
            left: 115px;
        margin-top: 55px;
}
.Text_comn span{
color: #189994;
font-size: 18px;
    line-height: 22px;
    font-weight: 500;
}
.Text_comn{
    padding-top: 17%;
        height: 144px;
}

}
.details_comn_wr{
    padding-top: 58px;
}
.influencer_inputs_wr [type=text] , .Social_input input[type="text"] {
    border-color: #D1D5DB !important;
    border-radius: 5px;
}
.pop_up_wr select , .pop_up_wr input{
     border-color: #D1D5DB !important;
    border-radius: 5px;
        padding: 8px;
        
}
.pop_up_wr label{
        font-size: 14px;
    font-weight: 400;
    color: #000;
}

.pop_up_form label{
    font-size: 16px;
    font-weight: 500;
    color: #000;

}
.influencer_inputs_wr label{
        padding-bottom: 13px;
}

.image_colored_wr{
    height: 200px;
}

/*find influencer ends*/
/*social page*/
.social_wr{
    background-color: #fff;
        width: 86%;
    margin: 30px auto;
}
.social_wr_no_white{
        width: 97%;
    margin: 0px auto;
}
.socail_acc_wr h4{
        font-size: 34px;
    line-height: 44px;
    font-weight: 400;
    padding: 7px 4px;
}
.username_comn{
   
    color: #fff ; 
    text-align: center;
    padding: 5px 0;
}
.user_text p{
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
}
.user_text span{
    font-size: 22px;
    line-height: 34px;
    font-weight: 500;

}
 .social_left ,  .social_right{
    width: 50%;
        padding: 4px 19px;
}
.image_layout img{
        border-color: #199692;
}

.image_wr_social{
        width: 46%;
    margin: 0 auto;
}
/*user profile*/
.profile_wr {
           background-color: #189994;
    padding: 42px 0px;
}
.profile_wr form{
    width: 50%;
     background-color: #ffffff;
    padding: 45px;

}
tr th{
    font-size: 18px;
    line-height: 25px;
}
.list_top_grid thead{
     background-color: #189994;
    color: #fff;
}
 tbody tr:nth-child(odd) {
    background-color: #efefef; /* Tailwind's gray-50 */
  }
 tbody tr:nth-child(even) {
    background-color: #ffffff; /* White */
  }
  /*.mysocial_acc{
    height: 100vh;
  }*/

  /*social details*/
  .image_layout_social_grid img{
        top: 123px;
    position: absolute;
    left: 128px;
    margin-top: 55px;
        border-color: #199692;
}

.filter_wr label{
        font-size: 15px;
        line-height: 23px;
    font-weight: 400;
    color: #000;
  }
  .filter_wr select{
    height: 64%;
        padding: 8px;
  }
/*pop up section*/
.pop_up h2{
    color: #189994;
    text-align: center;
    padding-bottom: 20px;
}
.svg_wrapper {
    background-color: #fff;
    padding: 11px 13px;
    border-radius: 31px;
    width: 13%;
    top: 11px;
    left: 14px;
    position: absolute;
}
.svg_wrapper svg{
        
    fill: #189994 !important;
}

.socail_acc_wr h3{
        color: #189994;
        font-size: 25px;
}
span.pt-5.social_large_text{
   font-size: 23px !important;
    line-height: 65px;
    color: #189994;
    font-weight: 700;
}
.social_list_span{
    color: #189994;
       font-size: 23px;

    line-height: 22px;
    font-weight: 500;
}
.svg_wrapper_social {
       background-color: #fff;
    padding: 13px 13px;
    border-radius: 31px;
    width: 16%;
    top: 11px;
    left: 14px;
    position: absolute;
}
.svg_wrapper_social{
        
    fill: #189994 !important;
}
.heading_cmn h2{
        color: #189994;
}
.list_width{
    width: 24%;
}
/*responsive starts*/

@media only screen and (max-width: 768px) and (min-width:  320px){
    h1 {
    font-size: 30px;
    line-height: 57px;
    font-weight: 600;
    }
    .Text_comn{
         padding-top: 17%;
        height: 126px;
    }
    .login_form_wr{
        height: unset !important;
    }
    .form_sec_wr{
            padding: 37px 20px;
    }
    .box_sec{
        text-align: center;
    }
    .profile_wr form{
        width: 92%;
       background-color: #ffffff;
       padding: 12px;
    }
    .mysocial_acc{
        height: unset;
    }
    .secound_list{
            padding: 10px 50px 0px 114px;
    }
    body.font-sans.text-gray-900.antialiased{
        background-color: #fff !important;
    }
}
/*responsive ends*/