@charset "UTF-8";

/*---------- Puia Dental Care ------*/


/*---------- TABLE OF CONTENTS ----------*/


/*

These are css styles, others're attached

1. index.html
2. index2.html
3. index2.html
4. about.html
5. blog-grid.html
6. blog-grid_left.html
7. departments-3_column.html
8. departments-details_right.html 
9. cases-3_columns.html 
10. doctors-single_right.html 
11. shop.html 
12. faqs.html 
...
// responsive 
*/



/* text size */

@media only screen and (min-device-width: 960px) {

    /* Aquí van todos los estilos CSS */

}


/**************************************************/


/* whatsApp API */


/**************************************************/


.float {
    display: flex;
    position: fixed;
    width: 70px;
    height: 70px;
    bottom: 25px;
    right: 40px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    box-shadow: 3px 3px 4px #999;
    z-index: 100;
    text-align: center;
    font-size: 40px;
    margin: auto;
}

.my-float {
    margin: auto;

}



/**************************************************/



/**************************************************/


/* containers */


/**************************************************/

.container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}


/**************************************************/


/* fonts */


/**************************************************/


/**************************************************/


/* base */


/**************************************************/

::-webkit-scrollbar {
    background-color: #ffffff;
    width: 15px;
}

::-webkit-scrollbar-thumb {
    background-color: #909090;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #52a783;
}

.page {
    -webkit-transition: opacity 0.8s ease-in 0.2s;
    transition: opacity 0.8s ease-in 0.2s;
    opacity: 0;
}

body,
html,
* {
    margin: 0;
    padding: 0;
    outline: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Quicksand", sans-serif;
    font-weight: 400;
    outline: none !important;
    -webkit-tap-highlight-color: transparent;
}

img,
a,
svg {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

::-moz-selection {
    background-color: #959595;
    color: #ffffff;
}

::selection {
    background-color: #959595;
    color: #ffffff;
}

ul,
ol {
    list-style: none;
}

.page {
    overflow: hidden;
    background-color: #ffffff;
}

.section-title {
    text-transform: lowercase;
    font-family: "Quicksand", sans-serif;
    color: #52a783;
    font-size: 80px;
    font-weight: 700;
    line-height: 0.8;
    letter-spacing: -1px;
}

.section-title>span {
    letter-spacing: -2px;
    line-height: 0.9;
    font-family: "Quicksand", sans-serif;
    font-weight: 700;
    color: #909090;
}

a {
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    text-decoration: none !important;
}

@media (max-width: 767.98px) {
    ::-webkit-scrollbar {
        width: 8px;
    }

    .section-title {
        font-size: 36px;
        line-height: 1.2;
    }
}


/**************************************************/


/* svg icons */


/**************************************************/

.cls-1 {
    fill: #ff0000;
    fill-rule: evenodd;
}

.cls-2 {
    fill: #fff;
    fill-rule: evenodd;
    opacity: 75%;
}


/**************************************************/


/* btn styles */


/**************************************************/


/**************************************************/


/* animations */


/**************************************************/

@-webkit-keyframes bannerScale {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    to {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
    }
}

@keyframes bannerScale {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    to {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
    }
}

@-webkit-keyframes navbarShowAnimation {
    from {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@keyframes navbarShowAnimation {
    from {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@-webkit-keyframes animatePinkShadow {
    from {
        -webkit-box-shadow: 0 0 0 0 rgba(82, 167, 131, 0.7);
        box-shadow: 0 0 0 0 rgba(82, 167, 131, 0.7);
    }

    to {
        -webkit-box-shadow: 8.135px 18.271px 51px 0px rgba(82, 167, 131, 0.7);
        box-shadow: 8.135px 18.271px 51px 0px rgba(82, 167, 131, 0.7);
    }
}

@keyframes animatePinkShadow {
    from {
        -webkit-box-shadow: 0 0 0 0 rgba(82, 167, 131, 0.7);
        box-shadow: 0 0 0 0 rgba(82, 167, 131, 0.7);
    }

    to {
        -webkit-box-shadow: 8.135px 18.271px 51px 0px rgba(82, 167, 131, 0.7);
        box-shadow: 8.135px 18.271px 51px 0px rgba(82, 167, 131, 0.7);
    }
}

@-webkit-keyframes animateBlueShadow {
    from {
        -webkit-box-shadow: 0 0 0 0 rgba(31, 61, 157, 0.48);
        box-shadow: 0 0 0 0 rgba(31, 61, 157, 0.48);
    }

    to {
        -webkit-box-shadow: 8.135px 18.271px 51px 0px rgba(31, 61, 157, 0.48);
        box-shadow: 8.135px 18.271px 51px 0px rgba(31, 61, 157, 0.48);
    }
}

@keyframes animateBlueShadow {
    from {
        -webkit-box-shadow: 0 0 0 0 rgba(31, 61, 157, 0.48);
        box-shadow: 0 0 0 0 rgba(31, 61, 157, 0.48);
    }

    to {
        -webkit-box-shadow: 8.135px 18.271px 51px 0px rgba(31, 61, 157, 0.48);
        box-shadow: 8.135px 18.271px 51px 0px rgba(31, 61, 157, 0.48);
    }
}

@-webkit-keyframes playBtn {
    50% {
        -webkit-box-shadow: 0 0 0 30px rgba(253, 167, 0, 0);
        box-shadow: 0 0 0 30px rgba(253, 167, 0, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);
        box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);
    }
}

@keyframes playBtn {
    50% {
        -webkit-box-shadow: 0 0 0 30px rgba(253, 167, 0, 0);
        box-shadow: 0 0 0 30px rgba(253, 167, 0, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);
        box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);
    }
}

@-webkit-keyframes faqsCardsItemShow {
    from {
        opacity: .7;
        margin-left: -100px;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    to {
        opacity: 1;
        margin-left: 0px;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes faqsCardsItemShow {
    from {
        opacity: .7;
        margin-left: -100px;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    to {
        opacity: 1;
        margin-left: 0px;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}


/**************************************************/


/* circle style */


/**************************************************/


/**************************************************/


/* .to-top */


/**************************************************/

.to-top {
    display: none;
    border-radius: 8px;
    background-color: #52a783;
    /*  -webkit-box-shadow: 8.135px 18.271px 51px 0px rgba(31, 61, 157, 0.4);
          box-shadow: 8.135px 18.271px 51px 0px rgba(31, 61, 157, 0.4); */
    position: fixed;
    right: 130px;
    bottom: 50px;
    width: 50px;
    height: 52px;
    z-index: 20;
    color: #ffffff;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    overflow: hidden;
    cursor: pointer;
}

.to-top>.fa {
    display: block;
    width: 100%;
    line-height: 45px;
    text-align: center;
    font-size: 24px;
}

.to-top:hover {
    background-color: #52a783;
    -webkit-box-shadow: 5px 18.271px 20px 0px rgba(82, 167, 131, 0.7);
    box-shadow: 5px 18.271px 25px 0px rgba(82, 167, 131, 0.7);
}

@media only screen and (max-width: 1199.98px) {
    .to-top {
        width: 40px;
        height: 40px;
        right: 10px;
        bottom: 10px;
    }

    .to-top>.fa {
        line-height: 35px;
    }
}


/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */


/* FONT PATH
 * -------------------------- */

@font-face {
    font-family: 'FontAwesome';
    src: url("../fonts/fontawesome-webfont.eot?v=4.7.0");
    src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* makes the font 33% larger relative to the icon container */


/* Deprecated as of 4.4.0 */

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}


/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */


.fa-facebook:before {
    content: "";
}

.fa-user-md:before {
    content: "";
}

.fa-angle-up:before {
    content: "";
}

.fa-angle-down:before {
    content: "";
}

.fa-instagram:before {
    content: "";
}

.fa-whatsapp:before {
    content: "";
}


/**************************************************/


/* .preloader */


/**************************************************/

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999999999999999999;
    background-color: #fff;
    height: 100vh;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.loader {
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(45deg, transparent, transparent 40%, #478a6e);
    -webkit-animation: animateLoader 2s infinite linear;
    animation: animateLoader 2s infinite linear;
}

@-webkit-keyframes animateLoader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes animateLoader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.loader:before {
    content: "";
    position: absolute;
    left: 6px;
    top: 6px;
    bottom: 6px;
    right: 6px;
    background-color: #fff;
    border-radius: 50%;
    z-index: 1000;
}

.loader:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    background: linear-gradient(45deg, transparent, transparent 40%, #52a783);
    border-radius: 50%;
    z-index: 1000;
    z-index: 1;
}

.pleaseWait {
    font-family: "Quicksand", sans-serif;
    font-size: 6px;
    font-weight: 700;
    color: #9898;
}

.preloader-text {
    margin-top: 30px;
    position: relative;
    font-size: 40px;
    font-family: "Quicksand", sans-serif;
    font-weight: 700;
    text-align: center;
    text-transform: lowercase;
    color: #909090;
}

@-webkit-keyframes animatePreloaderText {
    0% {
        text-shadow: 0;
    }

    50% {
        text-shadow: 0 0 20px #52a783;
    }

    100% {
        text-shadow: 0;
    }
}

@keyframes animatePreloaderText {
    0% {
        text-shadow: 0;
    }

    50% {
        text-shadow: 0 0 20px #52a783;
    }

    100% {
        text-shadow: 0;
    }
}


/**************************************************/


/* .searchBox */


/**************************************************/




/**************************************************/


/* .bg-text */


/**************************************************/


/**************************************************/


/* .my-pagination */


/**************************************************/


/**************************************************/


/* .main-blog */


/**************************************************/

.main-blog {
    position: relative;
    overflow: hidden;
}

.main-blog__bg {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.main-blog__bg>.icon:first-child {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    max-width: 700px;
    width: 100%;
}

.main-blog__bg>.icon:first-child img {
    width: 100%;
}

.main-blog__bg>.icon:last-child {
    position: absolute;
    bottom: -20px;
    left: -90px;
    z-index: 2;
    max-width: 1000px;
    width: 100%;
}

.main-blog__bg>.icon:last-child img {
    width: 100%;
}

.main-blog>.container {
    position: relative;
    z-index: 10;
}


/**************************************************/


/* .my-pagination-2 */


/**************************************************/


/**************************************************/


/* .header-top */


/**************************************************/

.header-top {
    z-index: 11;
    position: relative;
    background-color: #ffff;
    padding-top: 21px !important;
    padding-bottom: 20px !important;
    height: 100px;
}

.header-top .container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header-top__call {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header-top__call-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: 40px;
}

.header-top__call-item:last-child {
    margin-right: 0;
}

.header-top__call-item svg {
    margin-right: 12.5px;

    margin-top: 0px;
}

.header-top__call-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    line-height: 1.5;
}

.header-top__call-text p {
    color: #909090;
    font-family: "Quicksand";
    font-weight: 400;
    font-size: 12.8px;
    margin: 0;
}

.header-top__call-text p {
    margin-bottom: 5px;
}

.header-top__call-text>a {
    margin-top: -15px;
    color: #909090;
    font-size: 16.5px;
    font-weight: bold;
    font-family: "Quicksand";
    text-decoration: none;
}

.header-top__call-text:last-child p:last-child {
    font-size: 16px;
}


/**************************************************/


/* .header-middle */


/**************************************************/

.header-middle {
    position: relative;
    z-index: 99;
    width: 100%;
    height: 90px;
    -webkit-transition: all 0.7s linear;
    transition: all 0.7s linear;
}

.header-middle_white-transparent {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    background-color: rgba(255, 255, 255, 0.6);
}

.header-middle_white-transparent {
    height: 70px;
}

.header-middle_white-transparent .navbar__menu-link {
    color: #989898;
}

.header-middle .navbar {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
}

.header-middle .navbar-icon {
    width: 25px;
    height: 25px;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 10px;
}

.header-middle .navbar-icon:hover span:before {
    width: 25px;
}

.header-middle .navbar-icon:hover span:after {
    width: 15px;
}

.header-middle .navbar-icon span {
    display: block;
    width: 40px;
    height: 3px;
    border-radius: 3px;
    background-color: #909090;
    position: relative;
}

.header-middle .navbar-icon span:before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 15px;
    height: 3px;
    border-radius: 3px;
    background: #808080;
    margin-top: -7px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.header-middle .navbar-icon span:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 25px;
    height: 3px;
    border-radius: 3px;
    background: #909090;
    margin-top: 7px;
    -webkit-transition: all 0.3s ease 0.3s;
    transition: all 0.3s ease 0.3s;
}

.header-middle .navbar-logo {
    display: none;
}

.header-middle .navbar__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.header-middle .navbar__menu-item {
    margin-right: 37px;
    position: relative;
    cursor: pointer;
}

.header-middle .navbar__menu-item:hover>.navbar__menu-link {
    color: #52a783 !important;
}

.header-middle .navbar__menu-link {
    display: block;
    font-weight: 700;
    font-size: 17px;
    letter-spacing: -0.3px;
    height: 70px;
    line-height: 70px;
    position: relative;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.header-middle .navbar__menu-link:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -17%;
    width: 0%;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-bottom: 3px solid transparent;
    border-bottom-color: #52a783;
}

.header-middle .navbar__menu-link.active {
    color: #52a783 !important;
}

.header-middle .navbar__menu-link:hover {
    color: #909090 !important;
}

.header-middle .navbar__menu-link:hover:after {
    opacity: 2;
    width: 137%;
}

.header-middle .navbar__right {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-middle .navbar__bag {
    position: relative;
}

.header-middle .navbar__bag>svg {
    padding-top: 2px;
    margin-right: 8px;
    cursor: pointer;
}

.header-middle .navbar__bag>svg path {
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}

.header-middle .navbar__bag>svg:hover>path {
    fill: #52a783 !important;
}


/**************************************************/


/* .header-bottom */


/**************************************************/

.header-bottom {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    height: 380px;
}

.header-bottom__banner {
    position: absolute;
    top: -150px;
    left: 0;
    width: 100%;
}

.header-bottom__banner .slide-item {
    width: 100%;
    height: 530px;
    padding-top: 180px;
    overflow: hidden;
    position: relative;
}

.header-bottom__banner .slide-item__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 115%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(20%, #ffffff), to(transparent));
    background-image: linear-gradient(to right, #ffffff 20%, transparent);
}

.header-bottom__banner .slide-item__bg>.icon {
    max-width: 530px;
    width: 40%;
    top: 0;
    left: 0;
}

.header-bottom__banner .slide-item__bg>.icon>img {
    width: 100%;
}

.header-bottom__banner .slide-item>img {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center 25%;
    object-position: center 25%;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.header-bottom__banner .slide-item .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.header-bottom__banner .slide-item__title {
    margin-left: -2px;
    text-transform: lowercase;
    font-size: 88px;
    font-family: "Quicksand", sans-serif;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -5px;
    width: 100%;
    color: #909090;
}

.header-bottom__banner .slide-item__title span {
    font-weight: 700;
    letter-spacing: -2px;
    line-height: 1;
    font-family: "Quicksand", sans-serif;
}

.slide-item__title span {
    background: linear-gradient(#52a783, #3c795f);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff;
    padding: auto;
}

.header-bottom__banner .slide-item__subtitle {
    margin-top: 22px;
    margin-bottom: 34px;
    font-family: "Quicksand", sans-serif;
    color: #a5a3a3c2;
    font-weight: 300;
    letter-spacing: -0, 8px;
    font-size: 30px;
}

.header-bottom__banner .slide-item__block {
    opacity: 0;
    -webkit-transform: translateX(150px);
    transform: translateX(150px);
    -webkit-transition: all 1s ease-in-out .7s;
    transition: all 1s ease-in-out .7s;
}

.header-bottom__banner .owl-item.active .slide-item>img {
    -webkit-animation: bannerScale 8s ease-in-out 1s;
    animation: bannerScale 8s ease-in-out 1s;
}

.header-bottom__banner .owl-item.active .slide-item__block {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}


/**************************************************/


/* services */


/**************************************************/

.services {
    position: absolute;
    bottom: -218px;
    left: 50%;
    width: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 11;
}

.services>.container {
    position: relative;
    padding: 0;
}

.services__items {
    width: 100%;
    max-width: 1200px;
    padding-bottom: 20px;
}

.services__item {
    margin-top: 22px;
    height: 275px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 270px;
    flex: 0 0 270px;
    max-width: 270px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: center;
    padding: 20px 20px 0 20px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    border-radius: 8px;
    cursor: default;
    color: #ffffff;
}

.services__item {
    background: linear-gradient(#52a783, #3C795F);
}

.services__item-icon {
    margin-top: 3px;
    margin-bottom: 15px;
    height: 52px;
}

.services__item-icon svg {
    display: block;
}

.services__item-title {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0px;
    font-family: "Quicksand", sans-serif;
    margin-bottom: 5px;
}

.services__item-text {
    font-weight: 400;
    font-family: "Quicksand", sans-serif;
    color: #ffffff;
    opacity: 50%;
    font-size: 18px;
    line-height: 30px;
}


/**************************************************/


/* .about */


/**************************************************/


/**************************************************/


/* .escogerPuiaDental */


/**************************************************/


/**************************************************/


/* .appointments */


/**************************************************/


/**************************************************/


/* .other-services */


/**************************************************/


/**************************************************/


/* .form */


/**************************************************/


/**************************************************/


/* .faq */


/**************************************************/

.faq {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0;
    background-color: #f2f2f2;
}


/**************************************************/


/* .testimonials */


/**************************************************/


/**************************************************/


/* .emergency-call */


/**************************************************/

.emergency-call {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #f4f4f4;
    margin-top: 0;
}

.emergency-call.home-offset {
    margin-top: 120px;
}

.emergency-call .container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.emergency-call .container>h2 {
    text-align: center;
    font-weight: 700;
    color: #909090;
    opacity: 80%;
    text-transform: lowercase;
    font-size: 21px;
    margin-top: 55px;
}

.emergency-call .container>.call {
    margin-top: 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.emergency-call .container>.call>.icon {
    background-color: #52a783;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    margin-right: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 8.135px 18.271px 51px 0px rgba(24, 139, 114, 0.2);
    box-shadow: 8.135px 18.271px 51px 0px rgba(24, 139, 114, 0.5);
}

.emergency-call .container>.call>.icon:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 72px;
    height: 72px;
    background-color: rgba(24, 139, 114, 0.5);
    border-radius: 50%;
    z-index: -1;
}

.emergency-call .container>.call>a {
    font-family: "Quicksand", sans-serif;
    font-weight: 700;
    color: #909090;
    font-size: 35px;
}

.emergency-call__items {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.emergency-call__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 370px;
    flex: 0 0 370px;
    max-width: 370px;
    margin-bottom: 73px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.home-offset {
    margin-top: 80px;
}

.emergency-call__item>.icon {
    margin-right: 25px;
    min-width: 100px;
    height: 100px;
    width: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #52a783;
    border: 9px solid #52a783;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 8.135px 18.271px 51px 0px rgba(24, 139, 114, 0.5);
    box-shadow: 8.135px 18.271px 51px 0px rgba(24, 139, 114, 0.7);
}

.emergency-call__item>.icon:before {
    border-radius: 50%;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 118px;
    height: 118px;
    background-color: #52a783;
    opacity: .4;
    z-index: -1;
}

.emergency-call__item>.content {
    margin-top: 12px;
}

.emergency-call__item>.content h1,
.emergency-call__item>.content h3 {
    color: #52a783;
    font-size: 21.5px;
    font-family: "Quicksand", sans-serif;
    font-weight: 700;
    letter-spacing: -1px;
}

.emergency-call__item>.content p {
    letter-spacing: -0.1px;
    font-family: "Quicksand", sans-serif;
    font-weight: 400;
    font-size: 15.8px;
    color: #909090;
    margin-top: 10px;
    line-height: 1.5;
}


/**************************************************/


/* .specialists */


/**************************************************/


/**************************************************/


/* .latest-news */


/**************************************************/


/**************************************************/


/* .footer */


/**************************************************/

.footer {
    background-color: #333333;
    position: relative;
    width: 100%;
    height: 100%;
}

.footer__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.footer__bg>.icon1 {
    position: absolute;
    left: -10px;
    bottom: -10px;
    width: 100%;
    max-width: 976px;
}

.footer__bg>.icon1>img {
    width: 100%;
    height: 100%;
}

.footer__bg>.icon {
    opacity: 0.025;
    position: absolute;
    left: -37px;
    bottom: 0px;
    width: 100%;
    max-width: 1570px;
}

.footer__bg>.icon>img {
    width: 100%;
    height: 100%;
}

.footer .container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footer .container>div {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.footer__logo {
    text-align: center;
    margin-bottom: 20px;
}

.footer__top {
    position: relative;
    padding-top: 160px;
    border-bottom: 1px solid #52a783;
}

.footer__bottom {
    position: relative;
    padding: 25px;
    text-align: center;
}

.footer__bottom p {
    padding: 0;
    margin: 0;
    color: #52a783;
    text-align: center;
}

.footer__logo p {
    color: #b0b0b0;
    font-family: "Quicksand", sans-serif;
    font-weight: 700;
}


/**************************************************/


/* .header-bottom-2 */


/**************************************************/


/**************************************************/


/* .benefits-form */


/**************************************************/


/**************************************************/


/* .our-departments */


/**************************************************/


/**************************************************/


/* .about-2 */


/**************************************************/


/**************************************************/


/* .other-services-2 */


/**************************************************/


/**************************************************/


/* .appointments-2 */


/**************************************************/


/**************************************************/


/* .escogerPuiaDental-2 */


/**************************************************/


/**************************************************/


/* .our-numbers */


/**************************************************/


/**************************************************/


/* .specialists-2 */


/**************************************************/


/**************************************************/


/* .our-clients */


/**************************************************/


/**************************************************/


/* .latest-news-2 */


/**************************************************/


/**************************************************/


/* .emergency-call-2 */


/**************************************************/


/**************************************************/


/* .header-bottom-3 */


/**************************************************/


/**************************************************/


/* .our-departments-2 */


/**************************************************/


/**************************************************/


/* .about-3 */


/**************************************************/


/**************************************************/


/* .escogerPuiaDental-3 */


/**************************************************/


/**************************************************/


/* .other-services-3 */


/**************************************************/


/**************************************************/


/* .specialists-3 */


/**************************************************/


/**************************************************/


/* .latest-news-3 */


/**************************************************/


/**************************************************/


/* .medical-center */


/**************************************************/


/**************************************************/


/* .our-clients-2 */


/**************************************************/


/**************************************************/


/* .header-bottom-4 */


/**************************************************/

.header-bottom-4 {
    background-color: #ffffff;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 180px;
    z-index: 10;
}

.header-bottom-4>img {
    position: absolute;
    top: -80px;
    left: 0;
    height: 280px;
    width: 100%;
    z-index: 1;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
}

.header-bottom-4__bg {
    position: absolute;
    top: -80px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 280px;
    background-image: -webkit-gradient(linear, left top, right top, from(#ffffff), color-stop(transparent), to(transparent));
    background-image: linear-gradient(to right, #ffffff, transparent, transparent);
    overflow: hidden;
    z-index: 2;
}

.header-bottom-4__bg>.icon {
    max-width: 530px;
    width: 40%;
    top: 0;
    left: 0;
    z-index: 3;
}

.header-bottom-4__bg>.icon>img {
    width: 100%;
}

.header-bottom-4>.container {
    z-index: 5;
    display: block;
    position: relative;
    padding-top: 70px;
    height: 100%;
}

.header-bottom-4>.container>.section-title {
    width: 100%;
}

.header-bottom-4>.container>.breadcrumb {
    width: 100%;
    background-color: transparent;
    margin: 0;
    padding: 0;
}

.header-bottom-4>.container>.breadcrumb>.breadcrumb-item {
    font-weight: 700;
    margin-top: 15px;
    font-family: "Quicksand", sans-serif;
    font-size: 20px;
}

.header-bottom-4>.container>.breadcrumb>.breadcrumb-item a {
    color: #52a783;
    font-family: "Quicksand", sans-serif;
    font-weight: 700;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.header-bottom-4>.container>.breadcrumb>.breadcrumb-item a:hover {
    color: #52a783;
}

.header-bottom-4>.container>.breadcrumb>.breadcrumb-item.active {
    color: #909090;
}


/**************************************************/


/* .about-4 */


/**************************************************/


/**************************************************/


/* .medical-center-2 */


/**************************************************/


/**************************************************/


/* .form */


/**************************************************/


/**************************************************/


/* .latest-news-4 */


/**************************************************/


/**************************************************/


/* blog sidebar */


/**************************************************/

.sidebar>.blog-sidebar .blog-sidebar-title {
    font-size: 25px;
    font-weight: 700;
    letter-spacing: -0.5px;
    font-family: "Quicksand", sans-serif;
    color: #909090;
    text-align: center;
    line-height: 1;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 15px;
    margin-bottom: 20px;
    text-transform: lowercase;
}

.sidebar>.blog-sidebar>div {
    width: 100%;
    padding: 40px 50px;
    border: 1px solid #e6e6e6;
    margin-bottom: 50px;
    border-radius: 8px;
    background-color: #ffffff;
}

.sidebar>.blog-sidebar>div:last-child {
    margin-bottom: 0;
}

.sidebar>.blog-sidebar>.follow>.socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.sidebar>.blog-sidebar>.follow>.socials>a {
    width: 57px;
    height: 57px;
    background-color: transparent;
    color: #aeaeae;
    border: 1px solid #aeaeae;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    border-radius: 50px;
    line-height: 55px;
    text-align: center;
    font-size: 20px;
}

.sidebar>.blog-sidebar>.follow>.socials>a:hover {
    border-color: #52a783;
    background-color: #52a783;
    color: #ffffff;
}

@media (max-width: 767.98px) {
    .sidebar>.blog-sidebar>div {
        padding: 30px 15px;
        margin-bottom: 30px;
    }
}


/**************************************************/


/* .departments-3 */


/**************************************************/

.departments-3>.container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.departments-3>.container>.departments-3__items {
    padding-top: 0;
    padding-bottom: 80px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.departments-3>.container>.departments-3__items>.item {
    border-radius: 8px;
    overflow: hidden;
    text-align: center;
    max-width: 31.5%;
    width: 100%;
    background-color: #ffffff;
    padding-bottom: 40px;
    border: 1px solid #e6e6e6;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    margin-bottom: 80px;
}

.departments-3>.container>.departments-3__items>.item:hover {
    -webkit-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.1);
}

.departments-3>.container>.departments-3__items>.item>.img {
    width: 100%;
    height: 250px;
    overflow: hidden;
}

.departments-3>.container>.departments-3__items>.item>.img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
}

.departments-3>.container>.departments-3__items>.item>.title {
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 29px;
    line-height: 1;
    font-family: "Quicksand", sans-serif;
    font-weight: 700;
    color: #52a783;
}

.departments-3>.container>.departments-3__items>.item>.text {
    padding: 0 20px;
    font-size: 16px;
    font-family: "Quicksand", sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #909090;
}

.departments-3>.container>.article {
    width: 100%;
    max-width: 800px;
}

.departments-3>.container>.sidebar {
    padding-top: 160px;
    padding-bottom: 140px;
    max-width: 270px;
    width: 100%;
}


/**************************************************/


/* departments sidebar */


/**************************************************/


/**************************************************/


/* cases */


/**************************************************/


/**************************************************/


/* doctors */


/**************************************************/


/**************************************************/


/* doctors sidebar */


/**************************************************/


/**************************************************/


/* shop */


/**************************************************/

.shop>.container {
    position: relative;
    padding-top: 160px;
    padding-bottom: 160px;
}


/**************************************************/


/* shop sidebar */


/**************************************************/


/**************************************************/


/* .faqs */


/**************************************************/

.faqs>.container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 60px;
    padding-bottom: 145px;
}

.faqs>.container>.article {
    max-width: 100%;
    width: 100%;
}

.faqs__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 20px;
}

.faqs__header .section-title {
    margin-bottom: 0;
}

.faqs__whatsapp-btn {
    background: #25D366;
    color: white;
    padding: 12px 24px;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: background 0.3s;
}

.faqs__whatsapp-btn:hover {
    background: #20BA5A;
    color: white;
}

.faqs>.container>.article .faqs__cards {
    margin-bottom: 40px;
}

.faqs>.container>.article .faqs__cards-item {
    display: none;
    width: 100%;
    cursor: pointer;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #f0f0f0;
    background-color: #ffffff;
    margin-bottom: 20px;
    padding: 18px 0 18px 17px;
}

.faqs>.container>.article .faqs__cards-item.show {
    display: block;
    -webkit-animation: faqsCardsItemShow .5s ease-in;
    animation: faqsCardsItemShow .5s ease-in;
}

.faqs>.container>.article .faqs__cards-item-title {
    padding: 10px 25px 10px 10px;
    position: relative;
    font-size: 18px;
    font-weight: 700;
    color: #333333;
}

.faqs>.container>.article .faqs__cards-item-title span {
    font-family: "Quicksand", sans-serif;
    margin-right: 10px;
    font-weight: 700;
    color: #52a783;
}

.faqs>.container>.article .faqs__cards-item-title .fa {
    position: absolute;
    right: 20px;
    top: 10px;
}

.faqs>.container>.article .faqs__cards-item-text {
    display: none;
    font-size: 17px;
    line-height: 1.5;
    padding: 0;
    margin: 0;
    padding-left: 40px;
    padding-right: 35px;
    letter-spacing: -.5px;
}

.faqs>.container>.article .faqs__cards-item:nth-child(1) {
    border-color: #52a783;
}

.faqs>.container>.article .faqs__cards-item:nth-child(1) .faqs__cards-item-text {
    display: block;
}

.faqs>.container>.sidebar {
    max-width: 270px;
    width: 100%;
    padding-top: 75px;
}

.faqs>.container>.sidebar>div>.title {
    font-size: 18px;
    color: #909090;
    font-family: "Quicksand", sans-serif;
    font-weight: 700;
    line-height: 1;
    text-align: center;
}

.faqs>.container>.sidebar>.follow {
    padding: 30px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #e6e6e6;
    background-color: #ffffff;
    text-transform: lowercase;
}

.faqs>.container>.sidebar>.follow>.title {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.faqs>.container>.sidebar>.follow>.socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.faqs>.container>.sidebar>.follow>.socials>a {
    width: 57px;
    height: 57px;
    background-color: transparent;
    color: #aeaeae;
    border: 1px solid #aeaeae;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    border-radius: 50px;
    line-height: 55px;
    text-align: center;
    font-size: 20px;
}

.faqs>.container>.sidebar>.follow>.socials>a:hover {
    border-color: #52a783;
    background-color: #52a783;
    color: #ffffff;
}


/**************************************************/


/* contact */


/**************************************************/

.contact>.contact-map {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 690px;
}

.contact>.container {
    padding-top: 15px;
    padding-bottom: 145px;
}


/**************************************************/


/* responsive */


/**************************************************/

html,
body {
    min-width: 320px !important;
    min-height: 320px !important;
    background-color: #ffffff;
}

@media (max-width: 1900px) {

    /*****************************************************/
    /************** Start of index3.html *****************/
    /*****************************************************/
    /*---------- Start .header-bottom-3 responsive ----------*/

    /*---------- Start .header-bottom-3 responsive ----------*/
    /*---------- Start .escogerPuiaDental-3 responsive ----------*/

    /*---------- End .escogerPuiaDental-3 responsive ------------*/
    /*---------- Start .medical-center responsive ----------*/

    /*---------- End .medical-center responsive ------------*/
    /*---------- Start .our-clients-2 responsive ----------*/

    /*---------- End .our-clients-2 responsive ----------*/
}

@media (max-width: 1199px) {

    /*---------- Start .header-top responsive ----------*/
    .header-top {
        display: none;
    }

    /*---------- End .header-top responsive ----------*/
    /*---------- Start .header-middle responsive ----------*/
    .header-middle .container {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-evenly;
        min-height: 75px;
    }

    .header-middle .navbar {
        overflow: auto !important;
        position: fixed;
        top: -110vh;
        left: 0;
        z-index: 99;
        width: 100%;
        min-height: 100vh;
        height: 100%;
        padding-bottom: 70px;
        background-color: rgba(255, 255, 255, 0.95);
        text-align: center;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: top 0.3s linear, opacity 0.3s linear;
        transition: top 0.3s linear, opacity 0.3s linear;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .header-middle .navbar.show {
        top: 0;
        opacity: 1;
        pointer-events: auto;
        padding-top: 80px;
    }

    .header-middle .navbar.hide {
        top: -110vh;
        opacity: 0;
        pointer-events: none;
    }

    .header-middle .navbar__right {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        width: 100%;
        max-height: none;
        height: auto;
        margin-top: 30px;
        display: flex;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 15px;
    }

    .header-middle .navbar-icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .header-middle .navbar-logo {
        padding-top: 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .header-middle .navbar__menu {
        margin-top: 30px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        max-width: 100%;
        width: 100%;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        padding: 0 20px;
    }

    .header-middle .navbar__menu-item {
        display: block;
        margin: 0;
        width: 100%;
        position: static;
        margin-bottom: 5px;
    }

    .header-middle .navbar__menu-link {
        display: block;
        height: auto;
        line-height: 1.4;
        font-family: "Quicksand", sans-serif;
        font-weight: 600;
        font-size: 20px;
        padding: 12px 0;
        color: #3C795F;
    }

    .header-middle .navbar__menu-link:hover,
    .header-middle .navbar__menu-link.active {
        color: #52a783;
    }

    .header-middle .navbar__menu-link:after {
        border: none;
    }

    /*---------- End .header-middle responsive ----------*/
    /*---------- Start .header-bottom responsive ----------*/
    .header-bottom {
        height: 500px;
    }

    .header-bottom__banner .slide-item {
        width: 100%;
        height: 500px;
        padding-top: 150px;
    }

    .header-bottom__banner .slide-item .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        padding-top: 80px;
    }

    .header-bottom .services {
        position: relative;
        bottom: 0;
        margin-top: 20px;
    }

    .header-bottom .services__item {
        height: 150px;
        max-width: 150px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 150px;
        flex: 0 0 150px;
    }

    .header-bottom .services__item-title {
        font-size: 18px;
    }

    .header-bottom .services__item-text {
        font-size: 11px;
        line-height: 16px;
    }

    /*---------- End .header-bottom responsive ----------*/
    /*---------- Start .about section responsive ----------*/

    /*---------- End .about section responsive ----------*/
    /*---------- Start .escogerPuiaDental responsive ----------*/

    /*---------- End .escogerPuiaDental responsive ----------*/
    /*---------- Start .appointments responsive ----------*/

    /*---------- End .appointments responsive ----------*/
    /*---------- Start .other-services responsive ----------*/

    /*---------- End .other-services responsive ----------*/
    /*---------- Start .form responsive ----------*/

    /*---------- End .form responsive ----------*/
    /*---------- Start .faq responsive ----------*/

    /*---------- End .faq responsive ----------*/
    /*---------- Start .testimonials responsive ----------*/

    /*---------- End .testimonials responsive ----------*/
    /*---------- Start .emergency-call responsive ----------*/
    .emergency-call {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .emergency-call__items {
        -ms-flex-pack: distribute;
        justify-content: space-around;
        text-align: center;
    }

    .emergency-call__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 300px;
        flex: 0 0 300px;
        max-width: 300px;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 50px;
    }

    .emergency-call__item p {
        margin-bottom: 0;
    }

    .emergency-call__item>.icon {
        margin: 0 0 20px 0;
    }

    /*---------- End .emergency-call responsive ----------*/
    /*---------- Start .specialists responsive ----------*/

    /*---------- End .specialists responsive ----------*/
    /*---------- Start .latest-news responsive ----------*/

    /*---------- End .latest-news responsive ----------*/
    /*---------- Start .footer responsive ----------*/
    .footer .container {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .footer .container>div {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .footer__top {
        padding-top: 100px;
    }

    /*---------- End .footer responsive ----------*/
    /*****************************************************/
    /************** Start of index2.html *****************/
    /*****************************************************/
    /*---------- Start .header-bottom-2 responsive ----------*/

    /*---------- End .header-bottom-2 responsive ----------*/
    /*---------- Start .our-departments responsive ----------*/

    /*---------- End .our-departments responsive ----------*/
    /*---------- Start .about-2 responsive ----------*/

    /*---------- End .about-2 responsive ----------*/
    /*---------- Start .other-services-2 responsive ----------*/

    /*---------- End .other-services-2 responsive ----------*/
    /*---------- Start .appointments-2 responsive ----------*/

    /*---------- End .appointments-2 responsive ----------*/
    /*---------- Start .escogerPuiaDental-2 responsive ----------*/

    /*---------- End .escogerPuiaDental-2 responsive ----------*/
    /*---------- Start .our-numbers responsive ----------*/

    /*---------- End .our-numbers responsive ----------*/
    /*---------- Start .specialists-2 responsive ----------*/

    /*---------- End .specialists-2 responsive ----------*/
    /*---------- Start .our-clients responsive ----------*/

    /*---------- End .our-clients responsive ----------*/
    /*---------- Start .latest-news-2 responsive ----------*/

    /*---------- End .latest-news-2 responsive ----------*/
    /*---------- Start .emergency-call-2 responsive ----------*/

    /*---------- End .emergency-call-2 responsive ----------*/
    /*****************************************************/
    /************** Start of index3.html *****************/
    /*****************************************************/
    /*---------- Start .our-departments-2 section responsive ----------*/

    /*---------- End .our-departments-2 section responsive ----------*/
    /*---------- Start .about-3 section responsive ----------*/

    /*---------- End .about-3 section responsive ----------*/
    /*---------- Start .escogerPuiaDental-3 responsive ----------*/

    /*---------- End .escogerPuiaDental-3 responsive ----------*/
    /*---------- Start .other-services-3 responsive ----------*/

    /*---------- End .other-services-3 responsive ----------*/
    /*---------- Start .specialists-3 responsive ----------*/

    /*---------- End .specialists-3 responsive ----------*/
    /*---------- Start .latest-news-2 responsive ----------*/

    /*---------- End .latest-news-3 responsive ----------*/
    /*---------- Start .medical-center responsive ----------*/

    /*---------- End .medical-center responsive ------------*/
    /*****************************************************/
    /************** Start of about.html *****************/
    /*****************************************************/
    /*---------- Start .header-bottom-4 section responsive ----------*/
    .header-bottom-4 {
        height: 430px;
    }

    .header-bottom-4>img {
        top: -70px;
        -o-object-position: center top;
        object-position: center top;
    }

    .header-bottom-4__bg {
        top: -70px;
        background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #ffffff), to(transparent));
        background-image: linear-gradient(to right, #ffffff 30%, transparent);
    }

    .header-bottom-4>.container {
        text-align: center;
        padding-top: 0;
        top: 50%;
    }

    .header-bottom-4>.container>.breadcrumb {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    /*---------- End .header-bottom-4 section responsive ----------*/
    /*---------- Start .about-4 section responsive ----------*/

    /*---------- End .about-4 section responsive ----------*/
    /*---------- Start .medical-center-2 responsive ----------*/

    /*---------- End .medical-center-2 responsive ------------*/
    /*****************************************************/
    /************** Start of blog-grid.html **************/
    /*****************************************************/
    /*---------- Start .latest-news-4 responsive ----------*/

    /*---------- End .latest-news-4 responsive ------------*/
    /*****************************************************/
    /******* Start of departments-3_column.html **********/
    /*****************************************************/
    /*---------- Start .departments-3 responsive ----------*/
    .departments-3>.container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .departments-3>.container>.departments-3__items {
        -ms-flex-pack: distribute;
        justify-content: space-around;
        padding-top: 100px;
        padding-bottom: 50px;
    }

    
    .departments-3>.container>.departments-3__items>.item {
        margin-bottom: 50px;
    }

    
    .departments-3>.container>.departments-3__items>.item>.img {
        width: 100%;
        height: 200px;
    }

    
    .departments-3>.container>.departments-3__items>.item>.title {
        margin-top: 30px;
        margin-bottom: 20px;
        font-size: 30px;
    }

    
    .departments-3>.container>.departments-3__items>.item>.text {
        padding: 0 15px;
    }

    .departments-3>.container>.article {
        max-width: 100%;
    }

    .departments-3>.container>.sidebar {
        padding: 0;
        margin-bottom: 100px;
    }

    /*---------- End .departments-3 responsive ----------*/
    /*****************************************************/
    /*********** Start of cases-3_detail.html ************/
    /*****************************************************/
    /*---------- Start .case responsive ----------*/

    /*---------- End .case responsive ----------*/
    /*****************************************************/
    /********* Start of doctors-3_columns.html ***********/
    /*****************************************************/
    /*---------- Start .doctors responsive ----------*/

    /*---------- End .doctors responsive ----------*/
    /*****************************************************/
    /***************** Start of shop.html ****************/
    /*****************************************************/
    /*---------- Start .shop responsive ----------*/
    .shop>.container {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    /*---------- End .shop responsive ------------*/
    /*****************************************************/
    /***************** Start of faqs.html ****************/
    /*****************************************************/
    /*---------- start .faqs responsive ------------*/
    .faqs>.container {
        padding-top: 100px;
        padding-bottom: 100px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .faqs>.container>.sidebar {
        padding-top: 0;
    }

    /*---------- End .faqs responsive ------------*/
    /*****************************************************/
    /***************** Start of contact.html ****************/
    /*****************************************************/
    /*---------- Start .contact responsive ------------*/

    /*---------- End .contact responsive ------------*/
}

@media (max-width: 991px) {

    /*---------- Start .header-bottom responsive ----------*/
    .header-bottom {
        height: 600px;
    }

    .header-bottom__banner {
        top: 0;
    }

    .header-bottom__banner .slide-item {
        height: 600px;
        padding-top: 180px;
    }

    .header-bottom .services {
        bottom: -380px;
    }

    .header-bottom .services__item {
        height: 200px;
        max-width: 200px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 200px;
        flex: 0 0 200px;
    }

    .header-bottom .services__item-title {
        font-size: 24px;
    }

    .header-bottom .services__item-text {
        font-size: 12px;
    }

    /*---------- End .header-bottom responsive ----------*/
    /*---------- Start .escogerPuiaDental responsive ----------*/

    /*---------- End .escogerPuiaDental responsive ----------*/
    /*---------- Start .about section responsive ----------*/

    /*---------- End .about section responsive ----------*/
    /*****************************************************/
    /************** Start of index3.html *****************/
    /*****************************************************/
    /*---------- Start .departments-3 responsive ----------*/

    .departments-3>.container>.sidebar {
        padding: 0;
    }

    /*---------- End .departments-3 responsive ----------*/
    /*****************************************************/
    /*********** Start of cases-3_detail.html **************/
    /*****************************************************/
    /*---------- Start .case responsive ----------*/

    /*---------- End .case responsive ----------*/
    /*****************************************************/
    /*********** Start of doctors-3_columns.html **************/
    /*****************************************************/
    /*---------- Start .doctors responsive ----------*/

    /*---------- End .doctors responsive ----------*/
}

@media (max-width: 767px) {

    /*---------- Start .header-bottom responsive ----------*/
    .header-bottom {
        height: 500px;
    }

    .header-bottom .slide-item {
        height: 500px;
        padding-top: 170px;
    }

    .header-bottom .slide-item__title {
        font-size: 42px;
        letter-spacing: -0.5px;
    }

    .header-bottom .slide-item__subtitle {
        font-size: 18px;
    }

    .header-bottom .services {
        bottom: -370px;
    }

    /*---------- End .header-bottom responsive ----------*/
    /*---------- Start .about section responsive ----------*/

    /*---------- End .about section responsive ----------*/
    /*---------- Start .escogerPuiaDental responsive ----------*/

    /*---------- End .escogerPuiaDental responsive ----------*/
    /*---------- Start .appointments responsive ----------*/

    /*---------- End .appointments responsive ----------*/
    /*---------- Start .other-services ----------*/

    /*---------- Start .other-services responsive ----------*/
    /*---------- Start .form responsive ----------*/

    /*---------- End .form responsive ----------*/
    /*---------- Start .faq responsive ----------*/

    /*---------- End .faq responsive ----------*/
    /*---------- Start .testimonials responsive ----------*/

    /*---------- End .testimonials responsive ----------*/
    /*---------- Start .emergency-call responsive ----------*/
    .emergency-call {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .emergency-call__item {
        margin-bottom: 50px;
    }

    /*---------- End .emergency-call responsive ----------*/
    /*---------- Start .specialists responsive ----------*/

    /*---------- End .specialists responsive ----------*/
    /*---------- Start .latest-news responsive ----------*/

    /*---------- End .latest-news responsive ----------*/
    /*---------- Start .footer responsive ----------*/
    .footer__top {
        padding-top: 100px;
    }

    .footer .container>div {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
    }

    /*---------- End .footer responsive ----------*/
    /*****************************************************/
    /************** Start of index2.html *****************/
    /*****************************************************/
    /*---------- Start .header-bottom-2 responsive ----------*/

    /*---------- End .header-bottom-2 responsive ----------*/
    /*---------- Start .our-departments responsive ----------*/

    /*---------- End .our-departments responsive ----------*/
    /*---------- Start .about-2 responsive ----------*/

    /*---------- End .about-2 responsive ----------*/
    /*---------- Start .other-services-2 responsive ----------*/

    /*---------- End .other-services-2 responsive ----------*/
    /*---------- Start .appointments-2 responsive ----------*/

    /*---------- End .appointments-2 responsive ----------*/
    /*---------- Start .escogerPuiaDental-2 responsive ----------*/

    /*---------- End .escogerPuiaDental-2 responsive ----------*/
    /*---------- Start .our-numbers responsive ----------*/

    /*---------- End .our-numbers responsive ----------*/
    /*---------- Start .specialists-2 responsive ----------*/

    /*---------- End .specialists-2 responsive ----------*/
    /*---------- Start .our-clients responsive ----------*/

    /*---------- Start .our-clients responsive ----------*/
    /*---------- Start .latest-news-2 responsive ----------*/

    /*---------- End .latest-news-2 responsive ----------*/
    /*---------- Start .emergency-call-2 responsive ----------*/

    /*---------- End .emergency-call-2 responsive ----------*/
    /*****************************************************/
    /************** Start of index3.html *****************/
    /*****************************************************/
    /*---------- Start .our-departments-2 section responsive ----------*/

    /*---------- End .our-departments-2 section responsive ----------*/
    /*---------- Start .about-3 section responsive ----------*/

    /*---------- End .about-3 section responsive ----------*/
    /*---------- Start .escogerPuiaDental-3 responsive ----------*/

    /*---------- End .escogerPuiaDental-3 responsive ----------*/
    /*---------- Start .other-services-3 ----------*/

    /*---------- Start .other-services responsive ----------*/
    /*---------- Start .specialists-3 responsive ----------*/

    /*---------- End .specialists-3 responsive ----------*/
    /*---------- Start .medical-center responsive ----------*/

    /*---------- End .medical-center responsive ------------*/
    /*---------- Start .latest-news-2 responsive ----------*/

    /*---------- End .latest-news-2 responsive ----------*/
    /*---------- Start .our-clients-2 responsive ----------*/

    /*---------- End .our-clients-2 responsive ----------*/
    /*****************************************************/
    /************* Start of about.html ***************/
    /*****************************************************/
    /*---------- Start .about-4 section responsive ----------*/

    /*---------- End .about-4 section responsive ----------*/
    /*---------- Start .medical-center-2 responsive ----------*/

    /*---------- End .medical-center-2 responsive ------------*/
    /*****************************************************/
    /************* Start of blog-grid.html ***************/
    /*****************************************************/
    /*---------- Start .latest-news-4 responsive ----------*/

    /*---------- End .latest-news-4 responsive ------------*/
    /*****************************************************/
    /******* Start of departments-3_column.html **********/
    /*****************************************************/
    /*---------- Start .departments-3 responsive ----------*/
    .departments-3>.container>.departments-3__items {
        padding-top: 70px;
        padding-bottom: 40px;
    }

    
    .departments-3>.container>.departments-3__items>.item {
        margin-bottom: 30px;
        max-width: 48%;
        padding-bottom: 30px;
    }

    .departments-3>.container>.sidebar {
        margin-bottom: 70px;
    }

    /*---------- End .departments-3 responsive ----------*/
    /*****************************************************/
    /********* Start of doctors-3_columns.html ***********/
    /*****************************************************/
    /*---------- Start .doctors responsive ----------*/

    /*---------- End .doctors responsive ----------*/
    /*****************************************************/
    /*********** Start of cases-3_detail.html **************/
    /*****************************************************/
    /*---------- Start .case responsive ----------*/

    /*---------- End .case responsive ----------*/
    /*****************************************************/
    /***************** Start of contact.html ****************/
    /*****************************************************/
    /*---------- Start .contact responsive ------------*/

    /*---------- End .contact responsive ------------*/
    /*****************************************************/
    /***************** Start of shop.html ****************/
    /*****************************************************/
    /*---------- Start .shop responsive ----------*/
    .shop>.container {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    /*---------- End .shop responsive ------------*/
}

@media (max-width: 575px) {

    /*---------- Start .header-middle responsive ----------*/
    .header-middle .navbar__menu-item {
        margin-bottom: 0px;
    }

    .header-middle .navbar__menu-link {
        font-size: 26px;
    }

    .header-middle .navbar__right>.navbar__bag {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin-bottom: 20px;
    }

    /*---------- End .header-middle responsive ----------*/
    /*---------- Start .header-bottom responsive ----------*/
    .header-bottom__banner {
        top: 0;
    }

    .header-bottom__banner .slide-item {
        padding-top: 150px;
    }

    .header-bottom .services {
        bottom: -340px;
    }

    .header-bottom .services__item {
        height: 180px;
        max-width: 180px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 180px;
        flex: 0 0 180px;
    }

    .header-bottom .services__item-title {
        font-size: 20px;
    }

    .header-bottom .services__item-text {
        font-size: 12px;
    }

    /*---------- End .header-bottom responsive ----------*/
    /*---------- Start .about section responsive ----------*/

    /*---------- End .about section responsive ----------*/
    /*---------- Start .appointments responsive ----------*/

    /*---------- End .appointments responsive ----------*/
    /*---------- Start .other-services responsive ----------*/

    /*---------- End .other-services responsive ----------*/
    /*---------- Start .form responsive ----------*/

    /*---------- End .form responsive ----------*/
    /*---------- Start .faq responsive ----------*/
    .emergency-call .container>.call {
        margin-top: 30px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .emergency-call .container>.call>.icon {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .emergency-call .container>.call>a {
        font-size: 35px;
        margin-top: 20px;
    }

    .emergency-call__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 300px;
        flex: 0 0 300px;
        max-width: 300px;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .emergency-call__item h1,
    .emergency-call__item h3 {
        font-size: 20px;
    }

    .emergency-call__item>.icon {
        margin-bottom: 15px;
    }

    /*---------- End .emergency-call responsive ----------*/
    /*---------- Start .specialists responsive ----------*/

    /*---------- End .specialists responsive ----------*/
    /*---------- Start .latest-news responsive ----------*/

    /*---------- End .latest-news responsive ----------*/
    /*****************************************************/
    /************** Start of index2.html *****************/
    /*****************************************************/
    /*---------- Start .header-bottom-2 responsive ----------*/

    /*---------- End .header-bottom-2 responsive ----------*/
    /*---------- Start .our-departments responsive ----------*/

    /*---------- End .our-departments responsive ----------*/
    /*---------- Start .about-2 responsive ----------*/

    /*---------- End .about-2 responsive ----------*/
    /*---------- Start .other-services-2 responsive ----------*/

    /*---------- End .other-services-2 responsive ----------*/
    /*---------- Start .appointments-2 responsive ----------*/

    /*---------- End .appointments-2 responsive ----------*/
    /*---------- Start .escogerPuiaDental responsive ----------*/

    /*---------- End .escogerPuiaDental responsive ----------*/
    /*---------- Start .specialists-2 responsive ----------*/

    /*---------- End .specialists-2 responsive ----------*/
    /*---------- Start .our-clients responsive ----------*/

    /*---------- End .our-clients responsive ----------*/
    /*---------- Start .emergency-call-2 responsive ----------*/

    /*---------- End .emergency-call-2 responsive ----------*/
    /*****************************************************/
    /************** Start of index3.html *****************/
    /*****************************************************/
    /*---------- Start .header-bottom-3 responsive ----------*/

    /*---------- Start .header-bottom-3 responsive ----------*/
    /*---------- Start .about-3 section responsive ----------*/

    /*---------- End .about-3 section responsive ----------*/
    /*---------- Start .other-services responsive ----------*/

    /*---------- End .other-services responsive ----------*/
    /*---------- Start .medical-center responsive ----------*/

    /*---------- End .medical-center responsive ------------*/
    /*---------- Start .our-clients-2 responsive ----------*/

    /*---------- End .our-clients-2 responsive ----------*/
    /*****************************************************/
    /************** Start of about.html *****************/
    /*****************************************************/
    /*---------- Start .medical-center-2 responsive ----------*/

    /*---------- End .medical-center-2 responsive ------------*/
    /*****************************************************/
    /************** Start of blog-grid.html **************/
    /*****************************************************/
    /*---------- Start .latest-news-4 responsive ----------*/

    /*---------- End .latest-news-4 responsive ------------*/
    /*****************************************************/
    /******* Start of departments-3_column.html **********/
    /*****************************************************/
    /*---------- Start .departments-3 responsive ----------*/
    
    .departments-3>.container>.departments-3__items>.item {
        max-width: 100%;
    }

    
    .departments-3>.container>.departments-3__items>.item>.img {
        height: 250px;
    }

    /*---------- End .departments-3 responsive ----------*/
    /*---------- Start .case responsive ----------*/

    /*---------- End .case responsive ----------*/
    /*****************************************************/
    /********* Start of doctors-3_columns.html ***********/
    /*****************************************************/
    /*---------- Start .doctors responsive ----------*/

    /*---------- End .doctors responsive ----------*/
    /*****************************************************/
    /***************** Start of shop.html ****************/
    /*****************************************************/
    /*---------- Start .shop responsive ----------*/

    /*---------- End .shop responsive ------------*/
    /*****************************************************/
    /***************** Start of faqs.html ****************/
    /*****************************************************/
    /*---------- start .faqs responsive ------------*/
    .faqs>.container {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    /*---------- End .faqs responsive ------------*/
    /*****************************************************/
    /***************** Start of contact.html ****************/
    /*****************************************************/
    /*---------- Start .contact responsive ------------*/

    .contact>.contact-map {
        height: initial;
    }

    .contact>.contact-map>.container {
        margin-top: 70px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    /*---------- End .contact responsive ------------*/
}

@media (max-width: 420px) {

    /*---------- Start .other-services-2 responsive ----------*/

    /*---------- End .other-services-2 responsive ----------*/
}

@media (max-width: 389px) {

    /*---------- Start .header-bottom responsive ----------*/
    .header-bottom .services {
        bottom: -360px;
    }

    .header-bottom .services__item {
        height: 270px;
        max-width: 270px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 270px;
        flex: 0 0 270px;
    }

    .header-bottom .services__item-title {
        font-size: 24px;
    }

    .header-bottom .services__item-text {
        font-size: 16px;
    }

    /*---------- End .header-bottom responsive ----------*/
}


/**************************************************/
/* CUSTOM STYLES                                  */
/**************************************************/

/* Professionals Section */
.nuestros-profesionales {
    padding: 0 0 60px 0;
    background: #f8f9fa;
}

.nuestros-profesionales .container {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 15px;
    display: block;
}

.nuestros-profesionales .row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.nuestros-profesionales .section-title {
    text-align: center;
    margin-bottom: 40px;
}

.professional-card {
    text-align: center;
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
}

.professional-card-inner {
    background: white;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.professional-card .fa-user-md {
    font-size: 60px;
    color: #52a783;
    margin-bottom: 15px;
}

.professional-card h4 {
    margin-bottom: 5px;
}

.professional-card .role {
    color: #666;
}

/* Footer Social Icons */
.footer__socials {
    text-align: center;
    padding: 20px 0;
}

.footer__socials a {
    margin: 0 10px;
    font-size: 24px;
    color: #52a783;
    transition: color 0.3s;
}

.footer__socials a:hover {
    color: #3C795F;
}

/* Navbar WhatsApp Button */

/* Solicitar Turno Button (WhatsApp style) */
.btn-solicitar-turno {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    margin-left: 15px;
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
    color: white;
    border: none;
    border-radius: 50px;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4);
    transition: all 0.3s ease;
}

.btn-solicitar-turno:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(37, 211, 102, 0.5);
    color: white;
}

.btn-solicitar-turno:active {
    transform: translateY(0);
    box-shadow: 0 2px 10px rgba(37, 211, 102, 0.3);
}

.btn-solicitar-turno i {
    font-size: 18px;
}

/* Contact Info Section */
.contact-info-section {
    width: 100%;
    text-align: center;
    padding: 40px 20px;
}

.contact-info-section .blog-sidebar-title {
    margin-bottom: 30px;
    color: #3C795F;
}

.contact-methods {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    max-width: 900px;
    margin: 0 auto;
}

.contact-method {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px 25px;
    background: white;
    border-radius: 50px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    text-decoration: none;
    color: #555;
    transition: all 0.3s ease;
    min-width: 200px;
    justify-content: center;
}

.contact-method:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(60, 121, 95, 0.25);
    color: #3C795F;
}

.contact-method i {
    font-size: 24px;
    color: #3C795F;
    width: 30px;
    text-align: center;
}

.contact-method .contact-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.contact-method .contact-icon path {
    fill: #e5646e;
}

.contact-method span {
    font-size: 15px;
    font-weight: 500;
}

@media (max-width: 768px) {
    .contact-methods {
        flex-direction: column;
        align-items: center;
    }

    .contact-method {
        width: 100%;
        max-width: 300px;
    }
}

/* Doctor Profile Page */
.doctor-profile {
    padding: 60px 0;
    background: #f9f9f9 url('../images/png-shapes/form-shape.webp') no-repeat right bottom;
}

.doctor-profile .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.doctor-profile__image {
    background: linear-gradient(135deg, #3C795F 0%, #2a5a45 100%);
    border-radius: 20px;
    padding: 60px;
    text-align: center;
    color: white;
    margin-bottom: 30px;
}

.doctor-profile__image i {
    font-size: 120px;
    opacity: 0.9;
}

.doctor-profile__info {
    padding: 20px 0;
}

.doctor-profile__info h1 {
    font-size: 36px;
    color: #3C795F;
    margin-bottom: 10px;
    font-weight: 600;
}

.doctor-profile__info .specialty {
    font-size: 20px;
    color: #666;
    margin-bottom: 20px;
    font-weight: 500;
}

.doctor-profile__info .description {
    font-size: 16px;
    line-height: 1.8;
    color: #555;
    margin-bottom: 30px;
}

.doctor-profile__services {
    margin-bottom: 30px;
}

.doctor-profile__services h3 {
    font-size: 22px;
    color: #3C795F;
    margin-bottom: 15px;
}

.doctor-profile__services ul {
    list-style: none;
    padding: 0;
}

.doctor-profile__services ul li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #555;
}

.doctor-profile__services ul li:before {
    content: "\f00c";
    font-family: "FontAwesome";
    position: absolute;
    left: 0;
    color: #3C795F;
}

/* Mobile Quick Contact Section - hidden on desktop */
.mobile-quick-contact {
    display: none;
}

/* Professional Card Links */
.professional-card a {
    text-decoration: none;
    color: inherit;
    display: block;
}

.professional-card a:hover .professional-card-inner {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(60, 121, 95, 0.2);
}

@media (max-width: 768px) {
    .doctor-profile__image {
        padding: 40px;
    }

    .doctor-profile__image i {
        font-size: 80px;
    }

    .doctor-profile__info h1 {
        font-size: 28px;
    }

    .doctor-profile__info .specialty {
        font-size: 18px;
    }

    /* Mobile Navigation Improvements */
    .navbar-icon {
        width: 30px;
    }

    .navbar-icon span,
    .navbar-icon span:before,
    .navbar-icon span:after {
        width: 28px;
        height: 3px;
    }

    .navbar {
        padding: 20px 15px;
    }

    .navbar__menu {
        gap: 5px;
    }

    .navbar__right {
        margin-top: 20px;
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }

    .btn-solicitar-turno {
        margin-left: 0;
        padding: 10px 20px;
        font-size: 14px;
    }

    /* Mobile Header */
    .header-top {
        display: none;
    }

    .header-bottom-4 {
        height: 150px;
    }

    .header-bottom-4 > img {
        height: 150px;
        object-fit: cover;
    }

    .header-bottom-4__bg {
        top: 0;
        height: 150px;
        background: none;
    }

    /* Mobile Sections */
    .emergency-call {
        padding: 40px 15px;
    }

    .emergency-call__items {
        flex-direction: column;
        gap: 20px;
    }

    .emergency-call__item {
        padding: 20px;
    }

    .emergency-call h2 {
        font-size: 24px;
    }

    /* Mobile Professional Cards */
    .nuestros-profesionales {
        padding: 30px 0;
    }

    .professional-card {
        margin-bottom: 20px;
    }

    .professional-card-inner {
        padding: 25px 15px;
    }

    .professional-card-inner h4 {
        font-size: 16px;
    }

    /* Mobile Footer */
    .footer {
        padding: 30px 15px;
    }

    .footer__logo img {
        max-width: 200px;
    }

    /* Mobile WhatsApp Float */
    .float {
        width: 55px;
        height: 55px;
        font-size: 32px;
        right: 15px;
        bottom: 15px;
    }

    /* Mobile Departments */
    .departments-3__items {
        padding: 20px 0;
    }

    .departments-3__item {
        margin-bottom: 20px;
    }

    /* Hide desktop sections on mobile */
    .header-bottom .services {
        display: none;
    }

    .emergency-call {
        display: none;
    }

    /* Mobile Quick Contact Section */
    .mobile-quick-contact {
        display: block;
        background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
        padding: 30px 20px;
        text-align: center;
    }

    .mobile-quick-contact .mobile-intro {
        font-size: 18px;
        color: #3C795F;
        font-weight: 600;
        margin-bottom: 25px;
    }

    .mobile-quick-contact .quick-buttons {
        display: flex;
        justify-content: center;
        gap: 15px;
        margin-bottom: 30px;
    }

    .mobile-quick-contact .quick-btn {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 90px;
        height: 80px;
        background: #fff;
        border-radius: 12px;
        text-decoration: none;
        color: #333;
        box-shadow: 0 3px 10px rgba(0,0,0,0.1);
        transition: all 0.3s ease;
    }

    .mobile-quick-contact .quick-btn:hover,
    .mobile-quick-contact .quick-btn:active {
        transform: translateY(-3px);
        box-shadow: 0 5px 15px rgba(0,0,0,0.15);
    }

    .mobile-quick-contact .quick-btn i {
        font-size: 28px;
        margin-bottom: 5px;
    }

    .mobile-quick-contact .quick-btn:nth-child(1) i {
        color: #3C795F;
    }

    .mobile-quick-contact .quick-btn:nth-child(2) i {
        color: #25D366;
    }

    .mobile-quick-contact .quick-btn:nth-child(3) i {
        color: #e5646e;
    }

    .mobile-quick-contact .quick-btn span {
        font-size: 12px;
        font-weight: 500;
    }

    .mobile-quick-contact .mobile-team {
        background: #fff;
        border-radius: 12px;
        padding: 20px;
        box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    }

    .mobile-quick-contact .mobile-team h3 {
        font-size: 16px;
        color: #3C795F;
        margin-bottom: 15px;
        font-weight: 600;
    }

    .mobile-quick-contact .team-list {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .mobile-quick-contact .team-list a {
        display: block;
        padding: 12px 15px;
        background: linear-gradient(135deg, #52a783 0%, #3C795F 100%);
        color: #fff;
        text-decoration: none;
        border-radius: 8px;
        font-size: 14px;
        font-weight: 500;
        transition: all 0.3s ease;
    }

    .mobile-quick-contact .team-list a:hover,
    .mobile-quick-contact .team-list a:active {
        transform: translateX(5px);
        box-shadow: 0 3px 10px rgba(60, 121, 95, 0.3);
    }
}

/* Digitally Carved Footer Badge */
.digitally-carved {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: #3a3a3a;
    border: 1px solid #505050;
    border-radius: 2rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    font-size: 0.875rem;
    font-weight: 500;
    color: #b3b3b3;
    transition: all 0.3s ease;
    white-space: nowrap;
    margin-top: 1rem;
}

.digitally-carved:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    border-color: #606060;
}

.digitally-carved svg {
    flex-shrink: 0;
    opacity: 0.8;
}

.digitally-carved a {
    color: #e0e0e0;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
}

.digitally-carved a:hover {
    color: white;
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.3);
}