/*
 ** General CSS
 */
 
 @import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap');


:root {
    --primary: #d50e2d;
    --secondary: #151b26;
    --white: #fff;
    --gray: #d2d2d2;
    --black-gray: #d2d2d2;
    --brown: #3f3f3f;
    --blue: #1698eb;
    --green: #1bd741;
    --orange: #ffa200;
    --dark-gray: #505050;
    --dark-gray-3: #242424;
    --light-gray: #8c8c8c;
    --light-dark-gray: #c6c6c6;
    --dark-blue: #2d3139;
    --light-black: #585858;
    --light-black-2: #5e5e5e;
    --light-black-3: #a2a2a2;
    --light-white: #e3e3e3;
    --light-dark: #838383;
    --gray-light: #b0b0b0;
    --dark-brown: #323232;
    --light-brown: #737373;
    --light-white-10: #e6e6e6;
    --light-white-11: #e8e8e8;
    --light-white-3: #999999;
    --light-white-4: #dddddd;
    --dark-light-2: #a6a6a6;
    --dark-gray-2: #616161;
    --light-white-2: #f3f3f3;
    --light-white-4: #acaeb8;
    --light-white-5: #eeeeee;
    --light-white-6: #8d8d8d;
    --light-white-7: #e7e7e7;
    --dark-gray-4: #8a8a8a;
    --dark-gray-5: #6c6c6c;
    --dark-gray-6: #2b2929;
    --light-blue: #dde4ea;
}




* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "Source Sans Pro", sans-serif;
}

.container {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    overflow: hidden;
}


/*
 ** Header
 */

header .top-bar {
    background-color: var(--secondary);
    color: var(--white);
    font-weight: 300;
    min-height: 50px;
    display: flex;
    align-items: center;
}

header .top-bar>.container {
    overflow: visible;
}

header .top-bar .top-bar-area .top-bar-phone p>span {
    font-weight: 600;
}

header .top-bar .top-bar-area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

header .top-bar .top-bar-area .top-bar-menu ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

header .top-bar .top-bar-area .top-bar-menu ul li {
    display: flex;
    align-items: center;
}

header .top-bar .top-bar-area .top-bar-menu ul li.dropdown {
    position: relative;
}

header .top-bar .top-bar-area .top-bar-menu ul li.dropdown .dropdown-menu {
    position: absolute;
    top: 55px;
    width: 100%;
    background-color: var(--secondary);
    visibility: hidden;
    opacity: 0;
    transition: all .2s linear;
}

header .top-bar .top-bar-area .top-bar-menu ul li.dropdown:hover .dropdown-menu {
    visibility: visible;
    opacity: 1;
    z-index: 100;
}

header .top-bar .top-bar-area .top-bar-menu ul li.dropdown .dropdown-menu ul {
    flex-direction: column;
}

header .top-bar .top-bar-area .top-bar-menu ul li.dropdown .dropdown-menu ul>li {
    margin: 0;
    width: 100%;
}

header .top-bar .top-bar-area .top-bar-menu ul li.dropdown .dropdown-menu ul>li>a {
    width: 100%;
    text-align: center;
}

header .top-bar .top-bar-area .top-bar-menu ul li img {
    width: 20px;
    margin-right: 5px;
    vertical-align: middle;
}

header .top-bar .top-bar-area .top-bar-menu ul li a {
    color: var(--white);
    height: 50px;
    line-height: 50px;
    transition: all .3s linear;
    padding: 0px 20px;
}

header .top-bar .top-bar-area .top-bar-menu ul li a:hover {
    background-color: var(--primary);
}

header .top-bar .top-bar-area .top-bar-menu ul li.dropdown>a::after {
    content: '';
    display: inline-block;
    background-image: url(../imgs/icon@arrow-down.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 10px;
    height: 10px;
    margin-left: 10px;
    ;
    transition: all .2s linear;
}

header .top-bar .top-bar-area .top-bar-menu ul li.dropdown:hover>a::after {
    transform: rotate(180deg);
}

header .header-main {
    margin-top: 20px;
}

header .header-main-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

header .header-main-area .logo {
    flex: 0 0 19%;
    max-width: 19%;
}

header .header-main-area .logo img {
    width: 100%;
}

header .header-main-area .header-search {
    flex: 0 0 46%;
    max-width: 46%;
    position: relative;
}

header .header-main-area .header-search input {
    width: 100%;
    padding: 20px 40px;
    outline: none;
    border-radius: 10px;
    border: 1px solid #d2d2d2;
}

header .header-main-area .header-search button {
    background-color: var(--black-gray);
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    height: 100%;
    border: none;
    outline: none;
    padding: 20px 40px;
    border-radius: 0px 10px 10px 0;
}

header .header-main-area .header-search .search-icon {
    position: absolute;
    left: 20px;
    top: 48%;
    transform: translateY(-50%);
}

header .header-main-area .header-search .search-icon img {
    width: 10px;
}

header .header-main-area .login-area {
    flex: 0 0 29%;
    max-width: 29%;
}

header .header-main-area .login-area ul {
    display: flex;
}

header .header-main-area .login-area ul li {
    margin-right: 5px;
    width: 100%;
}

header .header-main-area .login-area ul li a {
    border: 1px solid var(--brown);
    padding: 0px 30px;
    height: 50px;
    line-height: 50px;
    display: block;
    text-align: center;
    color: var(--dark-gray-6);
    border-radius: 30px;
    transition: all .3s linear;
}

header .header-main-area .login-area ul li a:hover {
    background-color: var(--primary);
    color: var(--white);
    border-color: var(--primary);
}

header .header-menu {
    margin-top: 20px;
    background-color: var(--primary);
}

header .header-menu .navbar ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

header .header-menu .navbar ul li a {
    display: block;
    color: var(--white);
    padding: 20px 20px;
    transition: all .3s linear;
}

header .header-menu .navbar ul li a:hover {
    background-color: var(--secondary);
}


/*
 ** Breadcrumbs
 */

.breadcrumbs {
    background-color: var(--gray);
    padding: 15px 0;
}

.breadcrumbs .breadcrumbs-links ul {
    display: flex;
    flex-wrap: wrap;
    padding: 5px 0;
}

.breadcrumbs .breadcrumbs-links ul li::after {
    content: '>';
    display: inline-block;
    color: var(--dark-gray-4);
    padding: 0 5px;
}

.breadcrumbs .breadcrumbs-links ul li:last-child::after {
    display: none;
}

.breadcrumbs .breadcrumbs-links ul li a {
    color: var(--dark-gray-4);
    font-size: 14px;
    font-weight: 500;
}


/*
 ** Slider Hero
 */

.slider-hero {
    /* background-image: url(../imgs/img@slider-hero.png); */
    background-color: var(--primary);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 600px;
}

.slider-hero .slider-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    height: 100%;
    align-items: center;
    flex-direction: column;
}

.slider-hero .slider-content .hero {
    font-size: 40px;
    line-height: 50px;
    color: var(--white);
    font-weight: 700;
    width: 20%;
}

.slider-hero .slider-content ul {
    display: flex;
    flex-wrap: wrap;
}

.slider-hero .slider-content ul li {
    flex: 0 0 45%;
    max-width: 45%;
    margin-right: 10px;
}

.slider-hero .slider-content ul li a {
    background-color: var(--blue);
    padding: 15px 15px;
    display: block;
    border-radius: 5px;
    text-align: center;
    margin-top: 20px;
    color: var(--white);
    position: relative;
    overflow: hidden;
}

.slider-hero .slider-content ul li a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    background-color: rgba(21, 27, 38, 0.2);
    transition: all 0.3s;
    transform: scale(1, 0.5);
}

.slider-hero .slider-content ul li a:hover::before {
    opacity: 1;
    transform: scale(1, 1);
}

.slider-hero .slider-content ul li a img {
    width: 15px;
    vertical-align: middle;
    margin-right: 5px;
}

.slider-hero .slider-content ul li:nth-of-type(2) a {
    background-color: var(--green);
}

.slider-hero .slider-content ul li:nth-of-type(3) a {
    background-color: var(--primary);
}

.slider-hero .slider-content ul li:nth-of-type(4) a {
    background-color: var(--orange);
}


/*
 ** Categories
 */

.categories {
    margin-top: 60px;
}

.categories .categories-box .items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.categories .categories-box .items .item {
    flex: 0 0 32.323232%;
    max-width: 32%;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    padding: 20px 30px;
    min-height: 350px;
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

.categories .categories-box .items .item:hover .content .hero::after {
    width: 100%;
}

.categories .categories-box .items .item::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(44, 59, 84, 0.2);
}

.categories .categories-box .items .item .content {
    position: relative;
    color: var(--white);
    width: 100%;
    z-index: 11;
}

.categories .categories-box .items .item .content .hero {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px;
}

.categories .categories-box .items .item .content .hero::after {
    content: '';
    display: block;
    width: 40%;
    height: 2px;
    margin-top: 20px;
    background: var(--white);
    transition: all .3s linear;
}

.categories .categories-box .items .item .content p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 200;
}

.categories .categories-box .items .item img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    object-fit: cover;
}


/*
 ** How It Works
 */

.how-it-works {
    margin-top: 60px;
}

.how-it-works .how-it-works-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.how-it-works .how-it-works-area .image {
    flex: 0 0 44%;
    max-width: 44%;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}

.how-it-works .how-it-works-area .image .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--primary);
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 100%;
    background-image: url(../imgs/icon@play-button.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px;
}

.how-it-works .how-it-works-area .image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.how-it-works .how-it-works-area .content {
    flex: 0 0 54%;
    max-width: 54%;
}

.how-it-works .how-it-works-area .content .hero {
    font-size: 26px;
    color: var(--primary);
    font-weight: 600;
    padding-left: 75px;
}

.how-it-works .how-it-works-area .content .subhead {
    color: black;
    font-weight: 500;
    font-size: 20px;
    margin-top: 10px;
    padding-left: 75px;
}

.how-it-works .how-it-works-area .content .steps-area {
    margin-top: 40px;
}

.how-it-works .how-it-works-area .content .steps-area .step {
    display: flex;
    align-items: center;
    margin-left: 20px;
    margin-top: 30px;
}

.how-it-works .how-it-works-area .content .steps-area .step .icon {
    background-color: var(--primary);
    border-radius: 5px;
    padding: 10px;
    margin-right: 10px;
}

.how-it-works .how-it-works-area .content .steps-area .step .icon img {
    width: 25px;
    height: 25px;
    object-fit: contain;
}

.how-it-works .how-it-works-area .content .steps-area .step .step-content {
    color: var(--light-gray);
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
}

.how-it-works .how-it-works-area .content .steps-area .step .step-content span {
    font-style: italic;
    font-weight: 600;
}


/*
 ** Before After
 */

.before-after {
    margin-top: 60px;
}

.before-after .before-after-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.before-after .before-after-area .before-after-content {
    flex: 0 0 40%;
    max-width: 40%;
}

.before-after .before-after-area .before-after-content .hero {
    font-weight: 600;
    margin-bottom: 20px;
    font-size: 26px;
    color: var(--dark-gray);
}

.before-after .before-after-area .before-after-content p {
    color: var(--light-gray);
    line-height: 30px;
    font-size: 18px;
}

.before-after .before-after-area .before-after-image {
    flex: 0 0 52%;
    max-width: 52%;
    border-radius: 5px;
    overflow: hidden;
}

.before-after .before-after-area .before-after-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


/*
 ** Get a Quote
 */

.get-a-quote {
    background-color: var(--light-dark-gray);
    margin-top: 60px;
    padding: 50px;
}

.get-a-quote .hero {
    text-align: center;
    color: var(--dark-blue);
    font-weight: 600;
    font-size: 20px;
}

.get-a-quote .hero .subhead {
    font-weight: 400;
    font-size: 16px;
    margin-top: 10px;
}

.get-a-quote .hero .subhead>span {
    font-weight: 600;
}

.get-a-quote .get-a-quote-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}

.get-a-quote .get-a-quote-area .calculation-form {
    flex: 0 0 49%;
    max-width: 49%;
}

.get-a-quote .get-a-quote-area .calculation-form form .field {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin-top: 30px;
}

.get-a-quote .get-a-quote-area .calculation-form form .field select {
    width: 100%;
    border: none;
    outline: none;
    padding: 0px 30px;
    height: 60px;
    border-right: 16px solid transparent;
    color: var(--light-black);
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
    background: var(--light-white-11);
    font-size: 18px;
}

.get-a-quote .get-a-quote-area .calculation-form form button {
    width: 100%;
    border: none;
    outline: none;
    padding: 20px 30px;
    margin-top: 20px;
    background: var(--primary);
    color: var(--white);
    cursor: pointer;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}

.get-a-quote .get-a-quote-area .calculation-form form a {
    width: 100%;
    border: none;
    outline: none;
    padding: 20px 150px;
    margin-top: 120px;
    background: var(--primary);
    color: var(--white);
    cursor: pointer;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}

.get-a-quote .get-a-quote-area .payment-amount {
    flex: 0 0 49%;
    max-width: 49%;
}

.get-a-quote .get-a-quote-area .payment-amount .payment-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
    padding: 0 80px;
}

.get-a-quote .get-a-quote-area .payment-amount .payment-box .payment-text {
    color: var(--dark-blue);
    font-size: 18px;
}

.get-a-quote .get-a-quote-area .payment-amount .payment-box .payment-amount-text {
    font-size: 40px;
    font-weight: 600;
    color: var(--dark-blue);
    border: 2px solid var(--dark-blue);
    width: 100%;
    margin-top: 20px;
    padding: 20px 0;
    text-align: center;
}


/*
 ** Properties
 */

.properties {
    margin-top: 60px;
}

.properties .tab-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.properties .tab-buttons button {
    flex: 0 0 23%;
    max-width: 23%;
    outline: none;
    border: none;
    background: var(--light-white);
    padding: 30px 30px;
    color: var(--light-black);
    border-radius: 10px;
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    position: relative;
}

.properties .tab-buttons button.active {
    position: relative;
    background-color: var(--primary);
    color: var(--white);
}

.properties .tab-buttons button.active::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 15px 0 15px;
    border-color: #d50e2c transparent transparent transparent;
}

.properties .tab-contents {
    margin-bottom: 60px;
}

.properties .tab-content {
    display: none;
}

.properties .tab-content.active {
    display: block;
}

.properties .tab-content .health-quality .divider {
    display: block;
    width: 1px;
    background: red;
    height: 50px;
    margin: 0 auto;
}

.properties .tab-content .health-quality {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.properties .tab-content .health-quality .item {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 60px;
    flex: 0 0 50%;
    max-width: 50%;
}

.properties .tab-content .health-quality.medical .item {
    flex: 0 0 24%;
    max-width: 24%;
    flex-direction: column;
}

.properties .tab-content .health-quality.medical .item .subhead {
    text-align: center;
    margin-top: 20px;
}

.properties .tab-content .health-quality.properties .item {
    justify-content: flex-start;
}

.properties .tab-content .health-quality .item::after {
    content: '';
    display: none;
    height: 100%;
    width: 2px;
    background: #b0b0b0;
}

.properties .tab-content .health-quality .item:nth-child(even)::after {
    display: none;
}

.properties .tab-content .health-quality .item .icon {
    width: 70px;
    height: 70px;
}

.properties .tab-content .health-quality .item .icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.properties .tab-content .health-quality .item .info {
    margin-left: 10px;
}

.properties .tab-content .health-quality .item .info .hero {
    font-size: 20px;
    color: var(--light-dark);
    width: 60%;
    line-height: 24px;
    margin-top: 5px;
    font-weight: 600;
}

.properties .tab-content .health-quality .item .info {
    color: var(--primary);
}


/*
 ** Our Branches
 */

.our-branches {
    margin-top: 60px;
}

.page-hero {
    font-weight: 600;
    margin-bottom: 40px;
    font-size: 26px;
    color: var(--brown);
    text-align: center;
}


/*
 ** Blog
 */

.blog {
    margin-top: 60px;
    background-image: url(../imgs/img@blog-path.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    width: 100%;
}

.blog .blog-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.blog .blog-area .blog-item {
    flex: 0 0 48%;
    max-width: 48%;
    background-color: var(--white);
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.blog .blog-area .blog-item .blog-image {
    padding: 10px;
    flex: 0 0 200px;
    max-width: 100%;
    min-height: 220px;
}

.blog .blog-area .blog-item .blog-image img {
    width: 100%;
    object-fit: fill;
    height: 100%;
    border-radius: 10px;
}

.blog .blog-area .blog-item .blog-content {
    width: calc(100% - 200px);
    max-width: 100%;
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}

.blog .blog-area .blog-item .blog-content .hero {
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
}

.blog .blog-area .blog-item .blog-content .hero a {
    color: var(--dark-brown);
}

.blog .blog-area .blog-item .blog-content .desc {
    color: var(--dark-brown);
    line-height: 22px;
    font-weight: 500;
    margin-top: 10px;
}

.blog .blog-area .blog-item .blog-content .read-more {
    margin-left: auto;
}

.blog .blog-area .blog-item .blog-content .read-more a {
    display: inline-flex;
    margin-top: 20px;
    background: var(--light-white-10);
    font-size: 14px;
    padding: 7px 15px;
    border-radius: 20px;
    margin-left: auto;
    border: 1px solid var(--dark-gray);
    color: var(--dark-gray);
    transition: all .3s linear;
}

.blog .blog-area .blog-item .blog-content .read-more a:hover {
    background-color: var(--secondary);
    color: var(--white);
}

.blog .all-blog {
    text-align: right;
}

.blog .all-blog a {
    display: inline-block;
    margin-left: auto;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 200;
    background: var(--primary);
    padding: 10px 20px;
    color: var(--white);
    transition: all .3s linear;
}

.blog .all-blog a:hover {
    background-color: var(--secondary);
    color: var(--white);
}


/*
 ** Happy Clients
 */

.happy-clients {
    margin-top: 60px;
}

.happy-clients .page-hero {
    margin-bottom: 10px;
}

.happy-clients .subhead {
    text-align: center;
    color: var(--light-gray);
    font-size: 18px;
    font-weight: 200;
}

.happy-clients .happy-clients-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 50px;
    position: relative;
    padding-bottom: 100px;
}

.happy-clients .happy-clients-area .clients-item .icon {
    margin-bottom: 20px;
    width: 50px;
    height: 50px;
}

.slick-slide {
    padding-right: 50px;
}

.happy-clients .happy-clients-area .clients-item .icon img {
    width: 100%;
    height: 100%;
}

.happy-clients .happy-clients-area .clients-item .review {
    font-weight: 300;
    color: var(--light-white-3);
    line-height: 22px;
}

.happy-clients .happy-clients-area .clients-item .customer-name {
    font-weight: 500;
    color: var(--dark-gray-3);
    margin-top: 20px;
}

.happy-clients .happy-clients-area .clients-item .customer-name span {
    display: block;
    margin-top: 5px;
}

.happy-clients .happy-clients-area .clients-item .clients-dots {
    margin-top: 20px;
}

.happy-clients .happy-clients-area .slick-dots {
    display: flex;
    position: absolute;
    left: 0;
    bottom: 60px;
}

.happy-clients .happy-clients-area .slick-dots li button {
    display: inline-block;
    width: 50px;
    height: 4px;
    background: var(--light-white-4);
    margin-right: 10px;
    text-indent: -9999px;
    border: none;
    outline: none;
}

.happy-clients .happy-clients-area .slick-dots li.slick-active button {
    background: var(--primary);
}

.happy-clients .happy-clients-area .clients-item .clients-scroll {
    display: flex;
    margin-top: 20px;
}

.happy-clients .happy-clients-area .slick-arrow {
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-right: 20px;
    text-align: center;
    background: var(--primary) url(../imgs/icon@left-arrow.png) no-repeat center;
    border: none;
    outline: none;
    text-indent: -999999px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
}

.happy-clients .happy-clients-area .slick-arrow.slick-next {
    background: var(--secondary) url(../imgs/icon@right-arrow.png) no-repeat center;
    left: 40px;
    margin-left: 20px;
}


/*
 ** Footer
 */

.footer {
    margin-top: 60px;
}

.footer .footer-top {
    background: url(../imgs/img@footer-top-bg.png) no-repeat top center;
    background-size: cover;
}

.footer .footer-top .big-group-logo {
    margin-top: 50px;
    text-align: center;
}

.footer .footer-top .big-group-logo img {
    width: 20%;
}

.footer .footer-top .big-group-logo span {
    display: block;
    color: var(--white);
    margin-top: 10px;
    text-transform: uppercase;
}

.footer .footer-top .big-group-statistics {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 50px;
    margin-bottom: 50px;
}

.footer .footer-top .big-group-statistics .statistics-item {
    flex: 0 0 32%;
    max-width: 32%;
    font-size: 30px;
    color: var(--white);
    text-align: center;
}

.footer .footer-top .big-group-statistics .statistics-item small {
    display: block;
    font-size: 16px;
    margin-top: 10px;
}

.footer .footer-main {
    background-color: var(--secondary);
}

.footer .footer-main .contact-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 50px;
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid var(--dark-gray);
}

.footer .footer-main .contact-buttons .contact-text {
    flex: 0 0 39%;
    max-width: 39%;
    color: var(--white);
    font-size: 24px;
    line-height: 30px;
}

.footer .footer-main .contact-buttons .contact-button {
    flex: 0 0 59%;
    max-width: 59%;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer .footer-main .contact-buttons .contact-button .btn {
    display: inline-block;
    border-radius: 20px;
    flex: 0 0 32%;
    max-width: 32%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: 700;
}

.footer .footer-main .contact-buttons .contact-button .btn.btn-white {
    background: var(--white);
    color: var(--secondary);
    transition: all .3s linear;
}

.footer .footer-main .contact-buttons .contact-button .btn.btn-primary {
    background: var(--primary);
    color: var(--white);
}

.footer .footer-main .contact-buttons .contact-button .btn.btn-outline {
    background: none;
    color: var(--white);
    border: 2px solid var(--dark-gray);
    transition: all .3s linear;
}

.footer .footer-main .contact-buttons .contact-button .btn.btn-outline:hover {
    background: var(--primary);
    border: 2px solid var(--primary);
}

.footer .footer-main .contact-buttons .contact-button .btn.btn-white:hover {
    background: var(--primary);
    color: var(--white);
}

.footer .footer-main .footer-menu {
    margin-bottom: 50px;
    color: var(--dark-light-2);
    font-weight: 200;
}

.footer .footer-main .footer-menu .cols {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer .footer-main .footer-menu .cols .col {
    flex: 0 0 23%;
    max-width: 23%;
}

.footer .footer-main .footer-menu .cols .col .hero {
    color: var(--white);
    font-size: 18px;
    font-weight: 500;
}

.footer .footer-main .footer-menu .cols .col .hero::after {
    content: '';
    display: block;
    width: 50%;
    margin: 20px 0;
    height: 3px;
    background: linear-gradient(90deg, rgba(45, 61, 220, 1) 0%, rgba(255, 60, 60, 1) 100%);
}

.footer .footer-main .footer-menu .cols .col.card-logos p {
    line-height: 20px;
    font-size: 14px;
}

.footer .footer-main .footer-menu .cols .col.card-logos .card-logos-image {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

.footer .footer-main .footer-menu .cols .col.card-logos .card-logos-image img {
    display: block;
    width: 70px;
    height: 100%;
    object-fit: contain;
}

.footer .footer-main .footer-menu .cols .col ul li {
    margin-top: 10px;
}

.footer .footer-main .footer-menu .cols .col ul li a {
    display: flex;
    align-items: center;
    color: var(--dark-light-2);
    font-weight: 500;
    line-height: 20px;
    transition: all .3s linear;
}

.footer .footer-main .footer-menu .cols .col ul li a:hover {
    color: var(--primary);
}

.footer .footer-main .footer-menu .cols .col ul li a img {
    width: 24px;
    margin-right: 5px;
}

.footer .footer-main .footer-menu .cols .col.contact-services ul li a::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background-image: url(../imgs/icon@footer-right-arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 5px;
}

.footer .footer-main .footer-menu .cols .col.footer-social-media .social-media {
    margin-top: 20px;
}

.footer .footer-main .footer-menu .cols .col.footer-social-media .social-media ul li {
    display: flex;
    flex-wrap: wrap;
}

.footer .footer-main .footer-menu .cols .col.footer-social-media .social-media ul li a {
    display: inline-flex;
    background: var(--dark-gray-2);
    margin-right: 10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    transition: all .3s linear;
}

.footer .footer-main .footer-menu .cols .col.footer-social-media .social-media ul li a:hover {
    background: var(--primary);
}

.footer .footer-main .footer-menu .cols .col.footer-social-media .social-media ul li a img {
    width: 20px;
    height: 20px;
    object-fit: contain;
    margin: 0;
}

.footer .footer-copyright {
    background-color: var(--primary);
}

.footer .footer-copyright .footer-logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
}

.footer .footer-copyright .footer-logos img {
    width: 100px;
    height: 100%;
    object-fit: contain;
    margin-right: 50px;
}


/*
 ** Modal
 */

.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(17, 17, 26, 0.5);
    z-index: 20;
    overflow: auto;
    padding-top: 200px;
}

.modal-content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 auto;
    background-color: var(--white);
    max-width: 100%;
    padding: 20px 20px;
    width: 600px;
    border-radius: 10px;
    position: relative;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-bottom: 6px solid var(--primary);
}

.modal-content .modal-close,
.modal-close-sign-up,
.modal-close-offer-form {
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
}

.modal-content .modal-close img,
.modal-close-sign-up img,
.modal-close-offer-form img {
    width: 15px;
    height: 15px;
}

.modal-content .hero {
    margin-top: 20px;
    font-size: 20px;
    font-weight: 600;
}

.modal-content .login-form {
    width: 500px;
    max-width: 100%;
    margin-top: 40px;
}

.modal-content .login-form .field {
    margin-bottom: 20px;
}

.modal-content .login-form .field input,
select {
    width: 100%;
    outline: none;
    border: none;
    padding: 20px 20px;
    background: var(--light-white-2);
    border: 1px solid var(--light-dark-gray);
    border-radius: 5px;
}

.modal-content .login-form .field select {
    -webkit-appearance: none;
    appearance: none;
}

.modal-content .login-form .field.select-box {
    position: relative;
}

.modal-content .login-form .field.select-box::after {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background-image: url(../imgs/icon@offer-down.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.modal-content .login-form .remember-me {
    margin-top: 20px;
    color: var(--light-white-4);
    display: flex;
    align-items: center;
    font-size: 14px;
    cursor: pointer;
}

.modal-content .login-form .remember-me input[type="checkbox"] {
    margin-right: 5px;
    cursor: pointer;
}

.modal-content .login-form .login-btn {
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
}

.modal-content .login-form .login-btn button {
    border: none;
    outline: none;
    background: var(--primary);
    color: var(--white);
    height: 50px;
    line-height: 50px;
    padding: 0 40px;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 600;
    transition: all .3s linear;
}

.modal-content .login-form .login-btn button:hover {
    background: var(--secondary);
}


/*
 ** Hospitals
 */

.hospitals {
    margin-top: 40px;
    background-image: url(../imgs/img@blog-path.png);
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat
}

.hospitals .hospitals-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.hospitals .hospitals-area .hospital-item {
    flex: 0 0 49%;
    max-width: 49%;
    background-color: var(--white);
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
    margin-bottom: 20px;
    margin-top: 20px;
    border-radius: 5px;
    display: flex;
    padding: 10px 10px;
}

.hospitals .hospitals-area .hospital-item .hospital-image {
    flex: 0 0 250px;
    max-width: 250px;
    border-radius: 10px;
    overflow: hidden;
    min-height: 200px;
}

.hospitals .hospitals-area .hospital-item .hospital-image img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}

.hospitals .hospitals-area .hospital-item .hospital-desc {
    flex: calc(100% - 250px);
    max-width: 100%;
    padding: 10px 10px;
}

.hospitals .hospitals-area .hospital-item .hospital-desc .hero a {
    display: block;
    color: var(--dark-brown);
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 10px;
}

.hospitals .hospitals-area .hospital-item .hospital-desc .desc {
    font-size: 14px;
    line-height: 18px;
    color: var(--light-brown);
}

.hospitals .hospitals-area .hospital-item .hospital-desc .hospital-inspect {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    margin-top: 20px;
}

.hospitals .hospitals-area .hospital-item .hospital-desc .hospital-inspect a {
    font-size: 12px;
    background-color: var(--primary);
    padding: 7px 15px;
    display: block;
    color: var(--white);
    transition: all .3s linear;
    border-radius: 5px;
}

.hospitals .hospitals-area .hospital-item .hospital-desc .hospital-inspect a:hover {
    background-color: var(--secondary);
}


/*
 ** Hospital Content
 */

.hospital-content {
    margin-top: 40px;
    background-image: url(../imgs/img@blog-path.png);
    background-repeat: no-repeat;
    background-position: top center;
}

.hospital-content .hospital-content-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.hospital-content .hospital-content-area .hospital-name {
    flex: 0 0 29%;
    max-width: 29%;
    background-color: var(--primary);
    min-height: 400px;
    padding: 0 20px;
    border-radius: 5px;
    overflow: hidden;
}

.hospital-content .hospital-content-area .hospital-name img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.hospital-content .hospital-content-area .hospital-image-slider {
    flex: 0 0 69%;
    max-width: 69%;
    min-height: 400px;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}

.hospital-content .hospital-content-area .hospital-image-slider img {
    width: 100%;
    min-height: 400px;
    object-fit: cover;
    border-radius: 5px;
}

.hospital-content .hospital-content-area .hospital-image-slider .slick-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
}

.hospital-content .hospital-content-area .hospital-image-slider .slick-slide {
    padding: 0px;
}

.hospital-content .hospital-content-area .hospital-image-slider .slick-dots>li {
    margin-left: 20px;
}

.hospital-content .hospital-content-area .hospital-image-slider .slick-dots>li>button {
    border: none;
    outline: none;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 100%;
    background-color: var(--white);
    color: var(--dark-blue);
    cursor: pointer;
}

.hospital-content .hospital-content-area .hospital-image-slider .slick-dots>li.slick-active>button {
    background-color: var(--primary);
    color: var(--white);
}

.hospital-content .hospital-content-desc {
    margin-top: 40px;
}

.hospital-content .hospital-content-desc p {
    color: var(--dark-gray-3);
    font-weight: 400;
    margin-top: 40px;
    line-height: 26px;
}

.hospital-content .hospital-content-desc p>b {
    font-weight: 600;
    font-size: 20px;
    display: block;
    margin-bottom: 10px;
    color: var(--brown);
}


/*
 ** Blog Content
 */

.blog-content-section {
    margin-top: 40px;
}

.blog-container {
    background-image: url(../imgs/img@blog-path.png);
    background-repeat: no-repeat;
    background-position: top center;
}

.blog-content-section .blog-content-area .blog-image {
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 40px;
    min-height: 400px;
}

.blog-content-section .blog-content-area .blog-image img {
    height: 600px;
    width: 100%;
    object-fit: contain;
}

.blog-content-section .blog-content-area .blog-content-desc .blog-content-hero {
    margin-bottom: 20px;
    color: var(--brown);
    font-size: 24px;
    line-height: 28px;
    font-weight: 500;
}

.blog-content-section .blog-content-area .blog-content-desc .blog-content-hero>span {
    color: var(--primary);
    display: block;
    margin-top: 5px;
}

.blog-content-section .blog-content-area .blog-content-desc .blog-content-text p {
    color: var(--dark-gray-3);
    font-weight: 400;
    margin-top: 20px;
    line-height: 28px;
}

.blog-content-section .blog-content-area .blog-content-desc .blog-content-text ol {
    

}

.blog-content-section .blog-content-area .blog-content-desc .blog-content-text ol li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 10px;
}

.blog-content-section .blog-content-area .blog-content-desc .blog-content-text ol li::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #d50e2d;
    margin-right: 5px;
    
}

.blog.smilar-blog {
    background: none;
}

.blog.smilar-blog .blog-content {
    margin-top: 0px;
}


/*
 ** Contact
 */

.contact .contact-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 60px;
    margin-bottom: 40px;
}

.contact .contact-area .contact-form {
    flex: 0 0 48%;
    max-width: 48%;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
    padding: 20px 40px;
    border-radius: 10px;
    border-bottom: 6px solid var(--primary);
}

.contact .contact-area .contact-form .hero {
    margin-bottom: 30px;
    margin-top: 10px;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}

.contact .contact-area .contact-form .field {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.contact .contact-area .contact-form .field input {
    width: 100%;
    outline: none;
    border: none;
    padding: 15px 20px;
    background: transparent;
    border: 1px solid var(--light-blue);
    border-radius: 5px;
}

.contact .contact-area .contact-form button {
    border: none;
    outline: none;
    background: var(--primary);
    color: var(--white);
    height: 50px;
    line-height: 50px;
    padding: 0 40px;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 600;
    transition: all .3s linear;
}

.contact .contact-area .contact-form button:hover {
    background: var(--secondary);
}

.contact .contact-area .contact-information {
    flex: 0 0 48%;
    max-width: 48%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
}

.contact .contact-area .contact-information .contact-box {
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
    padding: 40px 40px;
    border-radius: 10px;
    border-bottom: 2px solid var(--primary);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.contact .contact-area .contact-information .contact-box > span {
    margin-bottom: 20px;
    font-weight: 600;
}

.contact .contact-area .contact-information .contact-box > div {
    display: flex;
    
    line-height: 24px;
}

.contact .contact-area .contact-information .contact-box > div:not(:last-child) {
    margin-bottom: 20px;
}

.contact .contact-area .contact-information .contact-box .icon {
    margin-right: 20px;
    ;
}


/*
 ** Profile
 */

.my-profile {
    margin-top: 40px;
}

.my-profile .my-profile-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
}

.my-profile .my-profile-area .account-settings {
    flex: 0 0 29%;
    max-width: 29%;
}

.my-profile .my-profile-area .account-settings .account-links {
    background-color: var(--white);
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
    border-radius: 0px;
    overflow: hidden;
}

.my-profile .my-profile-area .account-settings .account-links .hero {
    background-color: var(--primary);
    color: var(--white);
    padding: 15px 30px;
}

.my-profile .my-profile-area .account-settings .account-links ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin-top: 10px;
    padding-bottom: 10px;
}

.my-profile .my-profile-area .account-settings .account-links ul li {
    padding: 7px 0;
    margin-top: 5px;
}

.my-profile .my-profile-area .account-settings .account-links ul li:hover {
    background-color: var(--light-white-5);
}

.my-profile .my-profile-area .account-settings .account-links ul li.active {
    background-color: var(--light-white-5);
}

.my-profile .my-profile-area .account-settings .account-links ul li a {
    color: var(--light-black-2);
    font-weight: 400;
    padding: 0px 30px;
    font-size: 14px;
}

.my-profile .my-profile-area .account-settings .account-links ul li a::before {
    content: '>';
    display: inline-block;
    color: var(--light-black-2);
    margin-right: 5px;
}

.my-profile .my-profile-area .membership-info {
    flex: 0 0 69%;
    max-width: 69%;
    padding-left: 40px;
}

.my-profile .my-profile-area .membership-info .membership-info-form .fields {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.my-profile .my-profile-area .membership-info .membership-info-form .field {
    flex: 0 0 45%;
    max-width: 45%;
    margin-bottom: 20px;
}

.my-profile .my-profile-area .membership-info .membership-info-form .field>label {
    display: block;
    margin-bottom: 10px;
    color: var(--light-black-2);
}

.my-profile .my-profile-area .membership-info .membership-info-form .field>input {
    width: 100%;
    border: none;
    outline: none;
    background: var(--light-white-5);
    padding: 10px 15px;
    color: var(--light-white-6);
    border-radius: 0px;
}

.my-profile .my-profile-area .membership-info .membership-info-form button {
    width: 100%;
    border: none;
    outline: none;
    background: var(--primary);
    color: var(--white);
    height: 40px;
    line-height: 40px;
    padding: 0 40px;
    border-radius: 0px;
    cursor: pointer;
    font-weight: 600;
    transition: all .3s linear;
}

.my-profile .my-profile-area .membership-info .membership-info-form button:hover {
    background: var(--secondary);
}


/*
 ** Payment
 */

.payment {
    margin-top: 40px;
}

.payment .payment-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 30px;
}

.payment .payment-area .payment-form {
    flex: 0 0 59%;
    max-width: 59%;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
    border: 1px solid var(--light-white-7);
}

.payment .payment-area .payment-form .payment-accordion {
    width: 100%;
    overflow: hidden;
    padding: 0 20px;
}

.payment .payment-area .payment-form .payment-accordion .payment-option {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.payment .payment-area .payment-form .payment-accordion .payment-option img {
    width: 20px;
    object-fit: contain;
    margin-left: 5px;
}

.payment .payment-area .payment-form .payment-accordion .payment-option>input {
    margin-right: 5px;
}

.payment .payment-area .payment-form .payment-accordion .accordion-header {
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    outline: none;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--light-white-7);
}

.payment .payment-area .payment-form .payment-accordion .active.accordion-header {
    border-bottom: none;
}

.payment .payment-area .payment-form .payment-accordion .accordion-header>span {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 100%;
    display: block;
    color: var(--white);
    background: var(--primary);
    text-align: center;
    margin-right: 10px;
}

.payment .payment-area .payment-form .payment-accordion .collapse.show .active.accordion-header {
    border-bottom: none;
}

.payment .payment-area .payment-form .payment-accordion .collapse {
    padding: 20px 18px;
    display: none;
    overflow: hidden;
    background-color: white;
}

.payment .payment-area .payment-form .payment-accordion .show {
    display: block;
}

.payment .payment-area .payment-form .payment-accordion .payment-card-form .fields {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
    margin-top: 20px;
}

.payment .payment-area .payment-form .payment-accordion .payment-card-form button {
    border: none;
    outline: none;
    display: block;
    width: 100%;
    background: var(--primary);
    color: var(--white);
    height: 50px;
    line-height: 50px;
    padding: 0 40px;
    border-radius: 0px;
    cursor: pointer;
    font-weight: 600;
    transition: all .3s linear;
}

.payment .payment-area .payment-form .payment-accordion .payment-card-form button:hover {
    background: var(--secondary);
}

.payment .payment-area .payment-form .payment-accordion .payment-card-form .field {
    flex: 0 0 45%;
    max-width: 45%;
    margin-top: 20px;
}

.payment .payment-area .payment-form .payment-accordion .payment-card-form .field>label {
    display: block;
    margin-bottom: 10px;
    color: var(--light-black-2);
}

.payment .payment-area .payment-form .payment-accordion .payment-card-form .field>input {
    width: 100%;
    border: none;
    outline: none;
    background: var(--light-white-5);
    padding: 10px 15px;
    color: var(--light-white-6);
    border-radius: 0px;
}

.payment .payment-area .payment-form .payment-accordion .payment-card-form .payment-info-text {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.payment .payment-area .payment-form .payment-accordion .payment-card-form .payment-info-text>label {
    font-size: 14px;
    margin-left: 10px;
    line-height: 18px;
    color: var(--light-black-3);
}

.payment .payment-area .payment-form .payment-accordion .payment-card-form .payment-info-text>label>a {
    color: var(--dark-gray-3);
}

.payment .payment-area .my-picks {
    flex: 0 0 39%;
    max-width: 39%;
}

.payment .payment-area .my-picks .my-picks-box .hero {
    background-color: var(--primary);
    color: var(--white);
    padding: 15px 30px;
    text-align: center;
}

.payment .payment-area .my-picks .my-picks-box {
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
    border: 1px solid var(--light-white-7);
}

.payment .payment-area .my-picks .my-picks-box .picks-desc {
    padding: 10px;
}

.payment .payment-area .my-picks .my-picks-box .picks-desc ul {
    display: flex;
    flex-direction: column;
}

.payment .payment-area .my-picks .my-picks-box .picks-desc ul li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
}

.payment .payment-area .my-picks .my-picks-box .picks-desc ul li span {
    flex: 0 0 49%;
    max-width: 49%;
    font-size: 12px;
    line-height: 16px;
}

.payment .payment-area .my-picks .my-picks-box .picks-desc ul li span.info-area {
    display: flex;
}

.payment .payment-area .my-picks .my-picks-box .picks-desc ul li span:nth-child(2) {
    text-align: right;
}

.payment .payment-area .my-picks .my-picks-box .picks-desc ul li span>img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    margin-right: 5px;
}

.payment .payment-area .my-picks .my-picks-box .picks-desc ul li:last-child {
    border-top: 1px solid var(--light-white-7);
}

.payment .payment-area .my-picks .my-picks-box .picks-desc ul li:last-child span {
    font-size: 16px;
    font-weight: 600;
    margin-top: 20px;
}

.payment .payment-area .my-picks .my-picks-box .picks-desc ul li.total-amount {
    font-weight: 700;
}

/* About Logo */
.about-logos-wrapper .items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.about-logos-wrapper .item  {
    flex: 0 0 32%;
    max-width: 32%;
    padding: 10px;
    border: 2px solid #d50e2d;
    margin-bottom: 20px;
    
}

.about-logos-wrapper .item .head {
    background-color: #d50e2d;
    padding: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

.about-logos-wrapper .item .content {
    display: flex;
    flex-wrap: wrap;
    font-size: 20px;
    color: #151b26;
    font-weight: 600;
    justify-content: space-evenly;
    align-items: center;
    padding: 10px;
    margin-top: 20px;
}

.about-logos-wrapper .item .content .photo-down {
    width: 50px;
    height: 50px;
}



/*
 ** Responsive
 */

@media screen and (max-width: 768px) {
    .categories .categories-box .items {
        padding: 0 50px;
    }
    .categories .categories-box .items .item {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
        min-height: 250px;
    }
    .how-it-works .how-it-works-area {
        padding: 0 50px;
    }
    .how-it-works .how-it-works-area .image {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .how-it-works .how-it-works-area .content {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 20px;
    }
    .before-after .before-after-area .before-after-content {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 50px;
    }
    .before-after .before-after-area .before-after-image {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 50px;
        margin-top: 20px;
    }
    .get-a-quote .get-a-quote-area .calculation-form {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .get-a-quote .get-a-quote-area .payment-amount {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 20px;
    }
    .get-a-quote .get-a-quote-area .payment-amount .payment-box {
        padding: 0px;
    }
    .properties .tab-content .health-quality .item {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .properties .tab-buttons button {
        padding: 30px 0px;
    }
    .blog .blog-area {
        padding: 0 50px;
    }
    .blog .blog-area .blog-item {
        flex: 0 0 100%;
        max-width: 100%;
        flex-direction: column;
    }
    .blog .blog-area .blog-item .blog-content {
        width: 100%;
        margin-bottom: 20px;
    }
    .footer .footer-main .contact-buttons .contact-text {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .footer .footer-main .contact-buttons .contact-button {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 20px;
    }
    .footer .footer-main .contact-buttons .contact-button {
        font-size: 14px;
    }
    .footer .footer-main .footer-menu .cols {
        justify-content: center;
    }
    .footer .footer-main .footer-menu .cols .col {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 40px;
        padding: 0 50px;
    }
    .properties .tab-content .health-quality .item .info .hero {
        width: 100%;
    }
    .slider-hero .slider-content .hero {
        width: 100%;
        text-align: center;
    }
    .slider-hero .slider-content ul li {
        flex: 0 0 100%;
        max-width: 100%;
    }
    header .header-main-area {
        flex-direction: column;
    }
    header .header-main-area .logo {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 40px;
        text-align: center;
    }
    header .header-main-area .header-search {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 40px;
    }
    header .header-main-area .login-area {
        flex: 0 0 100%;
        max-width: 100%;
    }
    header .header-main-area .logo img {
        max-width: 50%;
    }
    header .header-main-area {
        align-items: inherit;
        padding: 0 50px;
    }
    header .top-bar .top-bar-area {
        flex-direction: column;
        padding: 10px 0;
    }
    .slider-hero .slider-content {
        padding: 0 50px;
        overflow: hidden;
    }
    .hospitals .hospitals-area .hospital-item {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .hospitals .hospitals-area {
        padding: 0 50px;
    }
    .hospital-content .hospital-content-area {
        flex-direction: column;
        padding: 0 20px;
    }
    .hospital-content .hospital-content-area .hospital-name {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 20px;
        display: flex;
        align-items: center;
        order: 2;
    }
    .hospital-content .hospital-content-area .hospital-image-slider {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .hospital-content-desc {
        padding: 0 20px;
    }
    .contact .contact-area {
        padding: 0 20px;
        flex-direction: column;
    }
    .contact .contact-area .contact-form {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .contact .contact-area .contact-information {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 40px;
    }
    .contact .contact-area .contact-information .contact-box {
        margin-top: 20px;
        ;
    }
    .my-profile .my-profile-area {
        flex-direction: column;
        padding: 0 20px;
    }
    .my-profile .my-profile-area .account-settings {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .my-profile .my-profile-area .membership-info {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0px;
        margin-top: 40px;
    }
}

@media screen and (max-width: 1023px) {
    .hospitals .hospitals-area .hospital-item {
        flex-direction: column
    }
    .hospitals .hospitals-area .hospital-item .hospital-image {
        max-width: 100%;
    }
    .hospitals .hospitals-area .hospital-item .hospital-image img {
        width: 100%;
    }
}

.payment-amount-text input {
    background-color: #c6c6c6;
    color: #2d3139 !important;
    font-weight: 500 !important;
    border: none;
    width: 120px;
    font-size: 40px;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
}