:root{
    --FB-primary-color: #55555e;
    --FB-secondary-color: #000;
    --FB-ternary-color: #f9f8f9;
    --FB-context:#be1f2e;
    --FB-white:#FFFF;
    --FB-header:#f748591c;
    --FB-modal-header:#7C0A02;
    --FB-main-body:#d2d0d04d;
    --FB-button:rgb(10, 11, 24); 
    }
.user_info_photo {width: 80px; height: 80px; background-color: var(--FB-context); font-size: 1.5rem; line-height: 78px; color: var(--FB-white); border-radius: 4px; overflow: hidden; border: 1px solid var(--FB-header);}
.client_portfolio{ width: 120px; height: 120px; margin-left: auto; margin-right: auto; display: grid; place-items: center; }
p, p span{font-family: filson !important; line-height: 1.2}
/**begin: Professional Profile**/
.ratio-21x9 { --bs-aspect-ratio: 20% !important;}
.carousel-caption.prof_banner_text{ left: 13.3% !important;}
.Supp_prof .btn { font-size: 14px !important; font-family: filson !important;}
.Supp_prof .btn:before {
    transform: none !important;
    background-color: inherit !important;
    border: none !important;
    transition: none !important;
}
.Supp_prof .first_card.card .card-header { background-color: var(--FB-header); height: 80px;}
.Supp_prof .f-12 { font-size: 12px; color: var(--FB-context); }
.Supp_prof .f-13 { font-size: 13px; }
.cont_img_center {
    display: grid;
    place-items: center;
    height: 150px;
    width: 150px;
    background-color: white;
    border-radius: 50% !important;
}
.greyback { background-color: #f8f9fa;}
.prof_tab .nav-tabs { background-color: white}
.prof_tab .nav-tabs .nav-link { border: none; color: #000000;}
.prof_tab .nav-tabs .nav-link.active {
    background-color: var(--FB-header);
    color: #000000;
}
.supp_prod_show_img img { max-width: 120px !important; max-height: 120px !important; }
.testimonial .carousel-indicators [data-bs-target] {
    background-color: var(--FB-context) !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
}
.testimonial .carousel .quot_img::before {
    content: url(images_new/quote_img.png);
    position: absolute;
    top: -6px;
    left: 15px;
}
.partnerimg img{
    max-height: 50px !important;
}
.otherdetailimg img{
    max-height: 200px !important;
}
.owl-carousel.owl-two .owl-stage-outer { overflow: inherit;}
.Supp_prof p{font-family: filson !important; line-height: 1.2; font-size: 0.8rem !important;}
.Supp_prof  .pro_img{ width: 120px; height: 120px; background-color: #f2f2f2; display: grid; place-items: center;}
.Supp_prof .owl-carousel .owl-item .pro_img img{/*max-width: 100%; max-height: 100%; width: initial !important; display: initial !important;*/width: 120px; height: 120px; object-fit: cover;}
/**end: Professional Profile**/
.logoimg{ width: 150px; height: 150px; display: grid; place-items: center; background-color: #fff; border-radius: 50% !important; overflow:hidden}
.logoimg img{ max-width: 90%; max-height: 90%;}
@media (max-width: 991px) { .logoimg{ width: 80px; height: 80px} }
.owl-carousel .owl-stage {display: flex;}
.productsImg { display: flex; flex: 1 0 auto; height: 100%;}
.owl-item{ margin-bottom: 15px; padding-left:4px; }
.testimonial .carousel .quot_img::before { content: url(../images/quote_img.png); position: absolute; top: -6px; left: 10px; }
.quote_image .logoimg{ width: 60px; height: 60px;}
.quote_image .logoimg  img{ max-width: 80% !important; max-height: 80% !important; width: inherit; border-radius: 50px !important;}
.gallerysection > div{display: grid; place-items: center; height: 190px;}
.gallerysection img{ width:100%;height: 190px !important; object-fit: contain;}


.businesscard{font-size: 16px;}
.owl-carousel {position: relative;}
/* .owl-nav{ text-align: center;} */
.owl-prev, .owl-next{ width: 30px; height: 30px; line-height: 30px !important; font-size: 20px !important; background-color:var(--FB-header) !important; color: var(--FB-secondary-color) !important;/* margin: 10px 2px 2px 2px;*/ position: absolute; top: calc(50% - 30px);}
.owl-prev{left: -13px;}
.owl-next{right: -15px;}
.mfp-close{font-size: 32px !important;}
.mediaRecognitionImg, .certificateImg  {padding-top: 10px;}
.mfp-zoom-out-cur{margin-right: -17px;}

html, body { font-size: 16px;}

.border{border-color: var(--FB-header) !important;}
.text-primary{color: var(--FB-context) !important;}
.color-primary{color: var(--FB-secondary-color) !important;}
.color-primary-new{color: var(--FB-context);}
.progress .progress-bar{background-color: #be1f2e;}