@import "reset.css";
@import "font.css";

/**
--------------------------------------------------------------------------------------
------------------------ ************ Public Css ************ ------------------------
--------------------------------------------------------------------------------------
**/

html {
    scroll-behavior: smooth;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.container {
    width: 1200px;
    margin: 0 auto;
}

.container-fluid {
    width: 100%;
}

a {
    text-decoration: none;
    color: #000;
}

body {
    font-family: Estedad;
}

img {
    width: 100%;
    height: auto;
    display: block;
}

/**
-------------------------------------------------------------------
--------------- ************ Main Page ************ ---------------
-------------------------------------------------------------------
**/

/**
----------------------------------------
-------- ******* Header ******* --------
----------------------------------------
**/


/**
----------------------------------------
-------- ******* Header ******* --------
----------------------------------------
**/

/**
-------------------------------------------------------------------
--------------- ************ Main Page ************ ---------------
-------------------------------------------------------------------
**/

/**
-------------------------------------------------------------------
----------------- ************ Pages ************ -----------------
-------------------------------------------------------------------
**/
#main_profile_business {
    padding: 50px 0;
}

.header_profile_business {
    padding: 0 0 20px 0;
}

.photos_profile_business {
    border-radius: 20px;
    overflow: hidden;
}

.large_photo {
    float: right;
    width: 66.5%;
}

.little_photos {
    float: left;
    width: 33.5%;
    padding: 0 10px 0 0;
}

.little_photo:not(:last-child) {
    padding: 0 0 12px 0;
}

.name_profile_business {
    font-size: 28px;
    font-weight: 600;
}

.name_profile_business .verification {
    font-size: 12px;
    color: #717171;
    margin: 0 10px 0 0;
}

.name_profile_business .verification img {
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 5px;
}

.review_profile_business {
    margin: 10px 0 0 0;
}

.stars {
    color: #ffb14f;
    font-size: 15px;
    direction: ltr;
    display: table;
    float: right;
}

.stars i {
    float: left;
}

.rate_profile_business {
    float: right;
    color: #ffb14f;
    font-size: 20px;
    font-weight: 600;
    margin: -8px 6px 0 0;
}

.count_review_profile_business {
    float: right;
    font-size: 14px;
    font-weight: 500;
    margin: -3px 10px 0 0;
    color: #a3a3a3;
}

.details_profile_business ul li {
    display: inline-block;
    font-size: 14px;
    color: #5c5c5c;
    font-weight: 500;
}

.details_profile_business ul li a {
    color: #4285f4;
}

.details_profile_business ul li:after {
    content: '/';
    margin: 0 5px;
    color: #a3a3a3;
}

.body_profile_business {
    padding: 50px 0;
}

.main_title_profile_business {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 10px 0;
}

.text_content_profile_business p {
    font-size: 15px;
    text-align: justify;
}

.text_content_profile_business p:not(:last-child) {
    margin: 0 0 10px 0;
}

/**
-------------------------------------------------------------------
----------------- ************ Pages ************ -----------------
-------------------------------------------------------------------
**/

/**
-------------------------------------------------------------------
----------------- ************ Form ************ ------------------
-------------------------------------------------------------------
**/


/**
-------------------------------------------------------------------
----------------- ************ Form ************ ------------------
-------------------------------------------------------------------
**/
/**
-------------------------------------------------------------------
---------------- ************ Footer ************ -----------------
-------------------------------------------------------------------
**/


/**
-------------------------------------------------------------------
---------------- ************ Footer ************ -----------------
-------------------------------------------------------------------
**/
@media only screen and (max-width: 599px) {
    .container {
        width: 100%;
    }
}