/*

1. Add your custom Css styles below
2. Place the this code in your template:

 <link href="css/custom.css" rel="stylesheet">

*/

#logo-item .v-avatar {
    border-radius: 0% !important;
}

#logo-item .v-avatar img {
    object-fit: scale-down !important;
}

#page-title {
    position: relative;
    height: 250px;
}

.page-title {
    margin-top: 170px;
}

.parallax-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.page-title {
    text-align: center;
    color: #fff;
}

.breadcrumb ul {
    display: flex;
    justify-content: center;
    padding: 0;
    list-style: none;
    margin-top: 10px;
}

.breadcrumb li {
    margin: 0 5px;
}

#header[data-transparent="true"]+#page-title {
    top: -190px;
}

.widget-myaccount .text-left {
    text-align: left !important;
}

.tabs .nav-tabs .nav-link.active {
    color: #2250fc !important;
}

.tabs .nav-tabs .nav-link {
    color: #3c4043 !important;
}

section {
    padding: 40px 0;
}

.carousel .team-image {
    width: 250px;
    height: 275px;
}

#mainMenu nav>ul>li>a {
    padding: 10px 8px;
}

.swal2-container {
    z-index: 9999 !important;
}