/**
 * Theme Name:     Sinatra Child
 * Author:         Sinatra Team
 * Template:       sinatra
 * Text Domain:	   sinatra-child
 * Description:    Sinatra is a lightweight and highly customizable multi-purpose theme that makes it easy for anyone to create their perfect website. You can use it for any type of website from blogs, businesses, online shops, creatives, hotels, restaurants, startups and more. With Sinatra you get the perfect blend of performance, modern design and powerful, yet simple to use options. Works perfectly with the new block editor (Gutenberg) and your favorite plugins such as: WooCommerce, JetPack, page builders, SEO plugins and others. It comes with microdata integration, unlimited colors, multiple layouts, pre-built demo websites and so much more. It
 */
.banner-left-col h1 {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 48px;
    text-transform: capitalize;
    color: #000000;
}

.provider-banner-inner {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    flex-wrap: wrap;
    display: -ms-flexbox;
    display: -webkit-flex;
}

.banner-right-col input {
  display: none!important;
}

.banner-right-col input[type=checkbox] + label:before {
	content: "\2714";
    display: inline-block;
    width: 1.5em !important;
    height: 1.5em !important;
    padding-left: 0.3em !important;
    padding-bottom: 0.3em !important;
    margin-right: 10px;
    vertical-align: bottom !important;
    color: transparent !important;
    transition: .2s !important;
    border: 1px solid #000000;
    border-radius: 5px;
}

.banner-right-col input[type=checkbox] + label:active:before {
  transform: scale(0)!important;
}

.banner-right-col input[type=checkbox]:checked + label:before {
  background-color: #3BBD52!important;
  border-color: #3BBD52!important;
  color: #fff!important;
}

.banner-right-col input[type=checkbox]:disabled + label:before {
  transform: scale(1)!important;
  border-color: #aaa!important;
}

.banner-right-col input[type=checkbox]:checked:disabled + label:before {
  transform: scale(1);
  background-color: #3BBD52!important;
  border-color: #3BBD52!important;
}

.banner-right-col label {
   font-family: Poppins;
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   text-align: left;
   text-transform: capitalize;
}

.banner-right-col form {
    display: flex !important;
}

.page-id-772.si-input-supported input[type=checkbox]{
	display: none!important;
}


.select-boxes .select2-selection__arrow {
    display: none !important;
}

.select-boxes span.select2-selection.select2-selection--single {
    background-position: center right 8px!important;

}

.select-boxes .select2-container--default .select2-selection--single{
	border:none !important;
}

/*.select-boxes span.select2-dropdown.select2-dropdown--below {
    width: 200px !important;
}*/

.select-boxes .select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 27px !important;
}

.provider-filter-list h6 {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    text-transform: capitalize;
    color: #000000;
    letter-spacing: 0px;
}

.provider-filter-list {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    gap: 10px;
    flex-wrap: wrap;
}
.select-boxes .select2-container {
    
    width: 200px !important;
}


/*page id wise select box css*/
    
.page-id-772 input.select2-search__field {
    display: none;
}

.page-id-772 .select2-container--default .select2-results__option--selected:before{
	display: none;
}

.page-id-772 .select2-results__options li:before{
	display: none;
}

.page-id-772 .select2-results__options li{
	padding-left: 10px;
}

.page-id-772 .select2-container--open .select2-dropdown{
	padding:0px !important;
}
.page-id-772  .select2-container--default .select2-results>.select2-results__options{
	max-height: 100%!important;
}
.page-id-772 .select2-results__options li:not(:last-child){
	border-bottom: 1px solid #D9D9D9!important;
	border-radius: 0px!important;
}
.page-id-772 .select2-dropdown{
	width: 350px!important;
	border-radius: 10px!important;
	box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.18);
}
/*page id end*/

.provider-banner-wrapper{
	margin-bottom: 47px;
}

.provider-name-list {
    padding: 20px;
    border: 1px solid #767676;
    transition: 0.5s ease;
}

.provider-image-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: flex-start;
    align-items: center;
    
}

.provider-name-list:hover{
	background: rgba(255, 255, 255, 0.13);
	border-color: transparent;
	border-bottom: 1px solid #2FCAEE!important;
	box-shadow: 0px 30px 65px rgba(0, 0, 0, 0.15);
}

.provider-name-list:not(:last-child){
	margin-bottom: 30px;
}
.inner-container-provider h2 {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 48px;
    text-transform: capitalize;
    color: #000000;
    margin:0px;
}
.provider-bottom-content .prov-left p {
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #000000;
}

.provider-bottom-content {
    margin-left: 140px;
    display: flex;
    gap: 17px;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.provider-bottom-content .prov-right {
    width: 33%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 25px;
}

.provider-bottom-content .prov-left {
    width: 65%;
}

.prov-right a {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.05em;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    background: rgba(48, 193, 76, 0.20000000298023224);
    padding: 16px 19px;
    width: 100%;
    transition: 0.5s ease;
}

.prov-right a:hover{
	background: #30C14C;
	color: #ffffff;
}

img.profile-image-b {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    object-fit: cover;
}

.loader {
    width: 50px;
    aspect-ratio: 1;
    border-radius: 50%;
    border: 8px solid;
    border-color: #000 #0000;
    animation: l1 1s infinite;
  }
  @keyframes l1 {to{transform: rotate(.5turn)}}