.multi-select-container {
display: inline-block;
position: relative;
}
.multi-select-menu {
position: absolute;
left: 0;
top: 0.8em;
z-index: 1;
float: left;
min-width: 100%;
background: #fff;
margin: 1em 0;
border: 1px solid #aaa;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
display: none;
}
.multi-select-menuitem {
display: block;
font-size: 0.875em;
padding: 0.6em 1em 0.6em 30px;
white-space: nowrap;
}
.multi-select-menuitem--titled:before {
display: block;
font-weight: bold;
content: attr(data-group-title);
margin: 0 0 0.25em -20px;
}
.multi-select-menuitem--titledsr:before {
display: block;
font-weight: bold;
content: attr(data-group-title);
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.multi-select-menuitem + .multi-select-menuitem {
padding-top: 0;
}
.multi-select-presets {
border-bottom: 1px solid #ddd;
}
.multi-select-menuitem input {
position: absolute;
margin-top: 0.25em;
margin-left: -20px;
}
.multi-select-button {
display: inline-block;
font-size: 0.875em;
padding: 0.2em 0.6em;
max-width: 16em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: -0.5em;
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
cursor: default;
}
.multi-select-button:after {
content: "";
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 0.4em 0.4em 0 0.4em;
border-color: #999 transparent transparent transparent;
margin-left: 0.4em;
vertical-align: 0.1em;
}
.multi-select-container--open .multi-select-menu {
display: block;
}
.multi-select-container--open .multi-select-button:after {
border-width: 0 0.4em 0.4em 0.4em;
border-color: transparent transparent #999 transparent;
}
.multi-select-container--positioned .multi-select-menu { box-sizing: border-box;
}
.multi-select-container--positioned .multi-select-menu label { white-space: normal;
}
.blogs_main{
margin-bottom: 50px;
display: flex;
flex-wrap: wrap;
margin-left: -10px;
}
.blogs_main h4{
font-size: 20px;
font-weight: 700;
line-height: 30px;
width: 100%;
margin-left: 10px;
}
.blogs_main .blog_box{   
border-radius: 16px 16px 16px 16px;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #E4E7EC;
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
padding: 10px;
width: calc(100% / 3 - 10px);
margin-left: 10px;
}
.blogs_main .blog_box{}
.blogs_main .blog_box.latest{}
.blogs_main .blog_box .blog_thumbnail{
width: 100%;
height: 218px;
border-radius: 16px;
background-size: cover !important;
background-position: center center!important;
background-repeat: no-repeat !important;
}
.blogs_main .blog_box .blog_content{
padding: 10px;
}
.blogs_main .blog_box .blog_content span{
color: #175CD3;
font-family: "Inter", Sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 24px;
display: block;
min-height: 24px;
}
.blogs_main .blog_box .blog_content h3{
font-size: 20px;
font-weight: 700;
line-height: 30px;
color: #3c4858;
min-height: 90px;
}
.blogs_main .blog_box .blog_content h3 a{
color: #3c4858;
}
.blogs_main .blog_box .blog_content p{
color: #3c4858;
font-size: 16px;
font-weight: 400;
line-height: 28px;
min-height: 84px;
}
.blogs_main .blog_box .blog_content a.read_more{
font-weight: 600;
display: block;
text-align: right;
color: #175cd3;
text-decoration: underline;
}
.blogs_listing{
}
.blogs_listing .blog_sidebar{
flex: 1;
padding: 10px 10px 40px 10px;
display: flex;
align-items: center;
justify-content: center;
column-gap: 30px;
}
.blogs_listing .blog_sidebar .search_box{
position: relative;
margin: 0px;
padding: 0px;
}
.blogs_listing .blog_sidebar .search_box .search_keyword.form-control{
width: 100%;
border: 2px solid #dadde2;
padding: 10px 10px 10px 40px;
padding: 10px 10px;
border-radius: 0px;
box-shadow: none;
font-size: 12px;
font-weight: 600;
height:initial;
margin-bottom: 0px;
}
.blogs_listing .blog_sidebar .search_box::after{
position: absolute;
content: '';
background: url(//authbridge.com/staging/wp-content/uploads/2023/11/icons8-search-50-1.png);
height: 16px;
width: 15px;
font-weight: 900;
top: 14px;
right: 12px;
color: #8c8f93;
z-index: 1;
background-size: cover;
background-repeat: no-repeat
}
.blogs_listing .blog_sidebar .filter_box{
margin-bottom: 0;
width: 180px;
}
.blogs_listing .blog_sidebar .filter_box .multi-select-container{
width: 100%;
display: block;
}
.blogs_listing .blog_sidebar .filter_box .multi-select-button{
width: 100%;
border: 2px solid #dadde2;
padding: 10px 10px;
border-radius: 0px;
box-shadow: none;
font-size: 12px;
font-weight: 600;
}
.blogs_listing .blog_sidebar .filter_box .multi-select-button:after{
position: absolute;
right: 10px;
top: 20px;
}
.blogs_listing .blog_sidebar .filter_box h5{
color: #175CD3;
font-family: "Inter", Sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 24px;
margin: 0px;
}
.blogs_listing .blog_sidebar .filter_box ul{
padding: 0px;
list-style: none;
margin-top: 20px;
}
.blogs_listing .blog_sidebar .filter_box ul li{}
.blogs_listing .blog_sidebar .filter_box ul li label{
padding-left: 5px;
}
.blogs_listing .blog_sidebar .filter_box .multi-select-menu{
top: 32px;
border: none;
box-shadow: 0 6px 12px rgb(132 131 131/14%);
overflow: hidden !important;
overflow-y: auto !important;
padding: 5px 0px;
}
.blogs_listing .blog_sidebar .filter_box .multi-select-menu input {
}
.blogs_listing .blog_sidebar .filter_box .multi-select-menuitem{
padding: 10px 30px;
font-size: 13px;
font-weight: 500;
letter-spacing: 0px;
}
.blogs_listing .blog_list{
flex: 1;
display: flex;
flex-wrap: wrap;
padding-left: 0px;
height: 100%;
margin-left: -30px
}
.blogs_listing .blog_list .blog_box{
max-width: calc(100%/3 - 30px);
width: calc(100%/3 - 30px);
border: none;
border-radius: 10px;
margin-bottom: 30px;
margin-left: 30px;
box-shadow: 0 6px 12px rgb(132 131 131 / 14%);
padding-bottom: 50px;
position: relative;
}
.blogs_listing .blog_list .blog_box .blog_thumbnail{
width: 100%;
height: 192px;
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
position: relative;
}
.blogs_listing .blog_list .blog_box .blog_thumbnail .term_tag{
background: #ec83b5;
font-size: 8px;
line-height: 1;
padding: 10px;
border-radius: 15px;
color: #001730;
font-weight: 600;
position: absolute;
display: inline-block;
right: 10px;
bottom: 10px;
text-transform: uppercase;
}
.blogs_listing .blog_list .blog_box .blog_content{
padding: 20px;
}
.blogs_listing .blog_list .blog_box .blog_content span{
color: #333;
font-size: 14px;
font-weight: 500;
line-height: 24px;
display: block;
min-height: 24px;
margin-bottom:10px;
}
.blogs_listing .blog_list .blog_box .blog_content h3{
font-size: 20px;
font-weight: 700;
line-height: 30px;
color: #3c4858;
min-height: 90px;
}
.blogs_listing .blog_list .blog_box .blog_content h3 a{
color: #3c4858;
}
.blogs_listing .blog_list .blog_box .blog_content .blog_excerpt{
margin-top: 10px;
}
.blogs_listing .blog_list .blog_box .blog_content .blog_excerpt a{
color: #3c4858 !important;
}
.blogs_listing .blog_list .blog_box .blog_content .blog_excerpt a.read_more{
margin-top: 8px;
font-weight: 600;
display: block;
text-align: right;
color: #175cd3 !important;
text-decoration: underline;
position: absolute;
left: 0;
right: 20px;
bottom: 20px;
}
.blogs_listing .blog_list .blog_box .blog_content .blog_excerpt a.read_more img{
max-width: 40px !important;
}
.blogs_listing .blog_list .blog_box .blog_content p{
font-size: 16px;
font-weight: 400;
padding-right: 10px;
min-height: 96px;
color: #000;
}
.blogs_listing .blog_list .no_data{
text-align: center;
width: 100%;
font-size: 18px;
font-weight: 500;
color: #000;
padding-top: 15px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #707070;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 38px;
}
.blogs_listing .blog_list .load_more_box{
text-align: center;
width: 100%;
padding-bottom: 60px;
padding-top: 40px;
}
.blogs_listing .blog_list .load_more_box .load_more_btn{
background: #fff;
color: #175cd3 !important;
border: 2px solid #175cd3;
font-weight: 600;
font-size: 14px;
border-radius:5px;
}
@media (max-width:768px) {
.blogs_listing{
flex-wrap: wrap;
flex-direction: column;
}
.blogs_listing .blog_sidebar{
min-width: 100%;
flex:0;
}
.blogs_listing .blog_list{
min-width: 100%;
flex:0;
}
.blogs_listing .blog_list{
padding-left: 0px;
}
.blogs_listing .blog_list .blog_box{
max-width: calc(100% / 2 - 10px);
width: calc(100% / 2 - 10px);
}
}
.elementor-field-type-phone_number_prefix_selector_form_field{
height: 36px !important;
}
.select2 .select2-selection.select2-selection--single {
padding: 0px 0 0 0 !important;
height: 36px !important;
margin-top: -12px;
}
.select2.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-width: 10px 7px 0 7px !important;
left: 50% !important;
margin-left: -10px !important;
margin-top: -10px !important;
}
.loading_box{
margin:0px auto;
}
.loading_box svg{
width:130px;
}
.blogs_listing .blog_list .blog_box .blog_content h3{min-height:0}
.b_search_box{
border-style: solid;
border-width: 1px;
border-color: #eee;
box-shadow: 0px 6px 10px 0px rgba(199.85625,199.85625,199.85625,.5);
transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
margin: 0;
--e-column-margin-right: 0px;
--e-column-margin-left: 0px;
padding: 30px;
background-color: #fff;
border-radius: 10px;
max-width: 600px;
margin: 0px auto 40px;
}
.b_search_box .b_search_box_inner{
margin: 0px;
padding: 0px;
}
.b_search_box .b_search_box_inner .form-control{
font-size: 15px;
font-weight: 300;
color: #1f1f1f;
background-color: #fff;
border: 1px solid #eaeaea;
border-radius: 5px;
padding: 10px 20px;
}
.b_search_box .b_search_box_inner a{}
.b_search_box .b_search_box_inner a i{}
.blogs_main_new{
display: flex;
flex-wrap: wrap;
margin-left: -30px;
}
.blogs_main_new .b_box{
width: calc(100% / 3 - 30px);
margin-left: 30px;
margin-bottom: 30px;
}
.blogs_main_new .b_box .b_thumbnail{
height: 230px;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: top right !important;
}
.blogs_main_new .b_box .b_details{
margin-top: 20px;
}
.blogs_main_new .b_box .b_details a{}
.blogs_main_new .b_box .b_details a h3{
font-size: 16px;
font-weight: 600;
line-height: 24px;
margin: 0px;
}
.blogs_main_new .b_box .b_details span{
line-height: 1.3em;
font-size: 12px;
margin-bottom: 13px;
color: #adadad;
display: block;
}
.blogs_main_new .b_box .b_details a{
font-size: 16px;
font-weight: 700;
color: #175cd3;
}
@media (min-width:768px){
.blogs_listing {
clear: both;
padding-top: 20px;
}
.recent_resources_list{
display: block !important;
}
.recent_resources_list .blog_first_box{
width: 50% !important;
float: left !important;
display: block !important
}
.recent_resources_list .blog_box {
width: 48% !important;
float: right;
display: flex;
margin-bottom: 30px;
}
.recent_resources_list .blog_box > a{
width: 220px;
flex: 1;
max-width: 220px;
}
.recent_resources_list .blog_box .blog_content{
flex: 1;
}
.recent_resources_list .blog_box .blog_content p{
display: none;
}
.recent_resources_list .blog_first_box .blog_content p{
display: block;
}
}
@media (max-width:1024px){}
@media (max-width:767px){
.blogs_listing .blog_list {
margin-left: -10px;
}
.blogs_main_new .b_box {
width: calc(100%/2 - 10px);
margin-bottom:30px;
}
.blogs_listing .blog_list .blog_box .blog_content p{
min-height: inherit;
}
.blogs_listing .blog_list .blog_box {
max-width: calc(100%/2 - 10px);
width: calc(100%/2 - 10px);
margin-left: 10px;
}
.blogs_listing .blog_sidebar {
min-width: 100%;
flex: 0;
flex-wrap: wrap;
padding: 20px 0px 20px 0px;
}
.blogs_listing .blog_sidebar .search_box {
margin-bottom: 10px;
width:100%;
}
.blogs_listing .blog_sidebar .filter_box {
margin-bottom: 0;
width: 100%;
margin-bottom: 10px;
}
.blogs_listing .blog_sidebar .filter_box .multi-select-button {
max-width: 100%;
}
}
@media (max-width:540px){
.blogs_listing .blog_list .blog_box {
max-width: calc(100%/1 - 10px);
width: calc(100%/1 - 10px);
margin-left: 10px;
}
}
#loader {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.8); 
z-index: 9999; 
display: none;
justify-content: center;
align-items: center;
}
.loader {
border: 8px solid #f3f3f3; 
border-top: 8px solid #3498db;
border-radius: 50%;
width: 60px; 
height: 60px; 
animation: spin 1s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.dialog-widget-content{
padding: 20px 20px 20px 20px; 	
}
.atr_form_class input[type="text"], 
.atr_form_class input[type="email"],
.atr_form_class select {
background-color: white; 
}