.ms-4-custom {
    margin-left: 1.2rem !important;
}

.margin-left10 {
    margin-left: 10px !important;
}

.margin-left15 {
    margin-left: 15px !important;
}

.margin-left20 {
    margin-left: 20px !important;
}

.nopadding {
    padding: 0px !important;
}

.nomargin {
    margin: 0px !important;
}

.margine-top-bottom5 {
    margin: 5px 0px 5px 0px;
}

.fontsize10 {
    font-size: 10px !important;
}

.fontsize12 {
    font-size: 12px !important;
}

.fontsize14 {
    font-size: 14px !important;
}

.fontsize15 {
    font-size: 15px !important;
}

.fontsize18 {
    font-size: 18px !important;
}

.fontsize20 {
    font-size: 20px !important;
}

.fontsize35 {
    font-size: 30px !important;
}

.moveCenter {
    text-align: center;
}

.width25 {
    width: 25px !important;
}

.icon-color {
    color: #ff5821;
}

.width55 {
    width: 55px !important;
}

.ShotCut-icon {
    max-width: 40px !important;
}

.social-icon {
    width: 37px !important;
}

.Warning-popup {
    background: #fff;
    padding: 10px;
    border-radius: 40px;
}

.orange_btn {
    background: #ff5821;
    border: 0;
    padding: 10px 24px;
    color: #fff;
    transition: 0.4s;
}

.background_black {
    color: #000 !important;
}

.RatingStart {
    color: gold !important;
}

.width100 {
    width: 100% !important;
}

.mandatory {
    color: red;
}

.txcenter {
    text-align: center !important;
}

.txjustify {
    text-align: justify !important;
}

.txtleft {
    text-align: left !important;
}

.portfolioImg {
    height: 425px !important;
}

.colorwhite {
    color: #fff;
}



@media screen and (max-width: 768px) and (orientation: portrait) {
    .portfolioImg {
        height: 200px !important;
    }
}

.portfolio_RatingPopup {
    top: 30%;
    width: max-content;
    left: 40%;
}


@media screen and (max-width: 768px) and (orientation: portrait) {
    .portfolio_RatingPopup {
        top: 30%;
        width: auto;
        left: 10%;
    }

    .marginetop_contact {
        margin-top: 10px !important;
    }
}

.con {width: 50%;float: left;}

.ball {
    position: relative;
    border-radius: 100%;
    /*opacity: 0.7;*/
}

/* For Tablet View 
@media screen and (min-device-width: 768px)
and (max-device-width: 1024px) {
  .ShotCut-icon-table {
        width:93%!important;
    }
}*/

/* For Mobile Portrait View 
@media screen and (max-device-width: 480px)
and (orientation: portrait) {
  .ShotCut-icon-table {
        width:93%!important;
    }
}*/

/* For Mobile Landscape View
@media screen and (max-device-width: 640px)
and (orientation: landscape) {
  .ShotCut-icon-table {
        width:93%!important;
    }
} */

/* For Mobile Phones Portrait or Landscape View 
@media screen and (max-device-width: 640px) {
  .ShotCut-icon-table {
        width:93%!important;
    }
}*/

/* For iPhone 4 Portrait or Landscape View 
@media screen and (min-device-width: 320px)
and (-webkit-min-device-pixel-ratio: 2) {
  .ShotCut-icon-table {
        width:93%!important;
    }
}*/

/* For iPhone 5 Portrait or Landscape View 
@media (device-height: 568px) and (device-width: 320px)
and (-webkit-min-device-pixel-ratio: 2) {
  .ShotCut-icon-table {
        width:93%!important;
    }
}*/

/* For iPhone 6 and 6 plus Portrait or Landscape View 
@media (min-device-height: 667px) and (min-device-width: 375px)
and (-webkit-min-device-pixel-ratio: 3) {
  .ShotCut-icon-table {
        width:93%!important;
    }
}*/


.business-categories {
    padding: 15px;
    width: fit-content;
    border-radius: 30px;
    box-shadow: 1px 2px 5px 5px;
}

.categories-img {
    width: 80px;
}

.margine-botton-categories {
    margin-bottom: 30px;
}

.business-doc {
    width: 100%;
    height: 300px;
    border: 1px solid #000;
}

.ownerphoto {
    width: 160px !important;
    height: 160px;
    border-radius: 50%;
    padding: 5px;
    margin-top: 60px;
}

.height250 {
    height: 250px;
    overflow: auto;
}

#divImg_Structure_0, #divImg_Structure_0_Mobile {
    /*background: url('../img/flag-bg-2023.jpeg')no-repeat;*/
    background-color: #f8d7da;
    height: 250px
}

.smillerbuisness {
    background: #000;
    box-shadow: 0px 5px 10px 5px lightgray;
    padding: 5px 10px 5px 10px;
    margin-right: 20px;
}
/*#divBusinessadress{background:url('../img/bg/description-bg-1.png');} */
#divBusinessadress {
    background: #a2dbf9;
}

#divBusinessDescription {
    background: url('../img/bg/description-bg.png');
}

#divadvertisement_0 {
    background: url('../img/bg/oneclickhub-bg-promotion.jpg');
}

#divadvertisement_1 {
    background: url('../img/bg/oneclickhub-bg-promotion-1.jpg');
}

#divBusinessName, #divBusinessNameMobile {
    background: url('../img/bg/bg-4-removebg-preview.jpg') !important;
    color: #000;
}

.img-fluid-listing {
    background-color: #fff;
    height: 20px !important;
    position: absolute !important;
    padding-top: 5px !important;
    padding-left: 5px !important;
}

/* Mobile vendor profile: clamp business description to 4 lines + more/less */
.biz-desc-mobile-wrap .biz-desc-mobile-text.biz-desc-mobile-collapsed {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    line-clamp: 8;
    overflow: hidden;
    word-break: break-word;
}

.biz-desc-mobile-wrap.biz-expanded .biz-desc-mobile-text {
    display: block;
    -webkit-line-clamp: unset;
    line-clamp: unset;
    overflow: visible;
}

.biz-desc-mobile-toggle {
    font-size: inherit;
    font-weight: 600;
    color: green!important;
    text-decoration: none;
    border: none;
    background: none;
    cursor: pointer;
    padding: 0;
    margin-top: 0.15rem;
    display: inline-block;
    -webkit-tap-highlight-color: transparent;
}

.biz-desc-mobile-toggle:hover,
.biz-desc-mobile-toggle:focus {
    color: #e55c00;
    text-decoration: underline;
}

.biz-desc-mobile-toggle:focus {
    outline: 2px solid rgba(255, 102, 0, 0.35);
    outline-offset: 2px;
}