/*
  Project Name : Murasam.info
  Version : 1.0.0
  Developed By : iHorsetech Team
  Company Name : iHorse
  Website : https://ihorsetech.com/
*/
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

:root {
    --body-bg: rgba(249, 249, 249, 1);
    --body-color:#212529;
    --primary-color: #2283FD;
    --secondary-color: #FDB207;
    --menu-color: #363636;
    --title-color: #202020;
    --paragraph-color: #656565;
    --footer-social-bg: #D9D9D9;
    --white-color: #ffffff;
    --black-color: #000000;
    --menu-divider: #757575;
    --menu-border: rgb(206, 206, 206, 0.80);
    --title-border: #EBEBEB;
    --font-family-lato: 'Lato', sans-serif;
    --footer-bg: #EFEFEF;
    --business-box-bg: #ffdd90;
    --business-layer-bg: #ffd77c;
    --view-all-btn-bg: #F4F4F4;
    --form-control-border: #CFCFCF;
    --form-control-bg: #fff;
    --pagination-color: #C0C0C0;
    --account-paragraph: #B3B3B3;
    --account-side-bg: #FAFAFA;
    --account-menu-color: #8A8A8A;
    --expiry-color: #E48618;
    --green-rippon: #029E50;
    --red-color: #F02D29;
    --share-memory-before:rgba(34, 131, 253, .5);
    --social-icon-bg:#d9d9d9;
    --title-banner-before: rgba(0, 0, 0, .5);
    --inner-search-bg:#EFF6FF;
    --checked-dark: rgb(54 77 106);
    --ribbon-premium-before: #1660BF;
}

[data-theme="dark"] {
    --body-bg: rgb(54 77 106);
    --body-color:#d2d2d2;
    --primary-color: #ffffff;
    --secondary-color: #ffb100;
    --menu-color: #9b9b9b;
    --title-color: #EBEBEB;
    --paragraph-color: ##d8d8d8;
    --footer-social-bg: #D9D9D9;
    --white-color: #19314f;
    --black-color: #d2d2d2;
    --menu-divider: #757575;
    --menu-border: rgb(206, 206, 206, 0.80);
    --title-border: #686868;
    --footer-bg: #19314f;
    --business-box-bg: #e8a100;
    --business-layer-bg: #cb8e00;
    --view-all-btn-bg: #315178;
    --form-control-border: #CFCFCF;
    --pagination-color: #C0C0C0;
    --account-paragraph: #B3B3B3;
    --account-side-bg: #182c46;
    --account-menu-color: #8A8A8A;
    --expiry-color: #E48618;
    --green-rippon: #029E50;
    --red-color: #F02D29;
    --share-memory-before:rgba(100,140,190,.8);
    --social-icon-bg:#192637;
    --title-banner-before: rgba(255,255, 255, .5);
    --inner-search-bg:#1e3a5e;
    --checked-dark: rgb(54 77 106);
    --ribbon-premium-before:#c5c5c5
}

* {
    margin: 0;
    padding: 0;
}

html,
body {
    height: 100%;
}

body {
    font-family: var(--font-family-lato) !important;
    background: var(--body-bg);
    color: var(--black-color);
}

img {
    max-width: 100%;
}

a {
    color: var(--primary-color);
    text-decoration: none;
}

a:hover {
    color: var(--primary-color);
}

button:focus {
    outline: none;
}
.modal-content{
    background-color: var(--white-color);
}
.loader{
    background: var(--white-color);
}
/*header*/
.navbar-brand img {
    width: 245px;
}

.ih-wlt-c-mur-header {
    background: var(--white-color);
    box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.08);
    border-bottom: 0.3px solid var(--menu-border);
}

.ih-wlt-c-mur-header.fixed-top {
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.ih-wlt-c-mur-top-bar {
    padding: 5px 0;
    font-size: 14px;
}

.ih-wlt-c-mur-top-bar ul {
    padding: 0;
    margin: 0;
}

.ih-wlt-c-mur-top-bar ul li {
    list-style: none;
    padding: 0 15px;
    border-right: 1px solid var(--menu-divider);
    display: inline-block;
}

.ih-wlt-c-mur-top-bar ul li:last-child {
    border-right: 0;
    padding-right: 0;
}

.ih-wlt-c-mur-top-bar ul li a {
    color: var(--title-color);
    font-weight: 400;
    font-size: .875rem
}

.ih-wlt-c-mur-top-bar ul li a span {
    font-size: .75rem;
}

.ih-wlt-c-mur-header #navbarNav {
    border-top: 0.3px solid var(--menu-border)
}

.ih-wlt-c-mur-header .navbar-nav .nav-link {
    padding: 16px 0;
    margin: 0 30px;
    line-height: 21px;
    font-size: 1rem;
    color: var(--menu-color);
    font-weight: 600;
    border-bottom: 0.1875rem solid transparent;
}

.ih-wlt-c-mur-header .navbar-nav li:last-child .nav-link {
    margin-right: 0;
}

.ih-wlt-c-mur-header .navbar-nav .nav-item.active .nav-link {
    border-bottom: 0.1875rem solid var(--secondary-color);
    color: var(--primary-color);
}

.ih-wlt-c-mur-header .navbar-nav .nav-item .nav-link:hover {
    border-bottom: 0.1875rem solid var(--secondary-color);
    color: var(--primary-color);
}
.navbar-toggler{
    color: var(--black-color);
}
/*Home page*/
h3 {
    color: var(--primary-color);
    font-size: 1rem;
    font-weight: 700;
    margin: 10px 0 10px;
    padding: 0;
    position: relative;
}

.ih-wlt-c-mur-main-panel {
    margin: 15px 0;
}

.ih-wlt-c-mur-card {
    border-radius: 0.5rem;
    background: var(--white-color);
    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.08);
    padding: 15px;
    margin-bottom: 15px;
}

.ih-wlt-c-mur-ad {
    text-align: center;
}

.ih-wlt-c-mur-bd-link-box {
    background: var(--business-box-bg);
    border-radius: 0.5rem;
}

.ih-wlt-c-mur-bd-title-layer {
    background: var(--business-layer-bg);
    border-radius: 7rem 0.5rem 10rem 0.5rem;
    padding: 1rem;
}

.ih-wlt-c-mur-bd-title-layer h1 {
    color: var(--black-color);
    text-align: center;
    font-size: 2rem;
    font-weight: 800;
    line-height: 30px;
    position: relative;
    margin: 0 0 25px;
}

.ih-wlt-c-mur-bd-title-layer h1>span {
    font-size: 1rem;
    font-weight: 400;
}

.ih-wlt-c-mur-bd-title-layer h1>span>span {
    background: var(--white-color);
}

.ih-wlt-c-mur-bd-title-layer h1::before {
    content: '';
    position: absolute;
    left: 0;
    top: 60px;
    bottom: 0;
    margin: auto;
    width: 147px;
    height: 86px;
    background: url(../img/arrow-line-left.png) no-repeat;
    background-size: 60%;
}

.ih-wlt-c-mur-bd-title-layer h1::after {
    content: '';
    position: absolute;
    right: -50px;
    top: -13px;
    bottom: 0;
    margin: auto;
    width: 141px;
    height: 51px;
    background: url(../img/arrow-line-right.png) no-repeat;
    background-size: 60%;
}

#ih-wlt-c-mur-sidebar-left,
#ih-wlt-c-mur-sidebar-right {
    display: flex;
    height: 100%;
}

#ih-wlt-c-mur-sidebar-left aside,
#ih-wlt-c-mur-sidebar-right aside {
    width: 100%;
}

.sticky {
    position: sticky;
    bottom: 0;
    align-self: flex-end;
}

.ih-wlt-c-mur-business {
    margin-top: 10px;
}

.ih-wlt-c-mur-business img {
    width: 80%;
}

.ih-wlt-c-mur-btn-primary {
    border-radius: 0.25rem;
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
    color: var(--white-color);
    font-size: .875rem;
    padding: 5px 20px;
}

.ih-wlt-c-mur-btn-primary:hover {
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    background: var(--white-color);
}

.ih-wlt-c-mur-btn-primary svg {
    fill: var(--white-color);
    margin-right: 5px;
}

.ih-wlt-c-mur-btn-primary:hover svg {
    fill: var(--primary-color);
}

.ih-wlt-c-mur-btn-secondary {
    border-radius: 0.25rem;
    border: 1px solid var(--primary-color);
    background: transparent;
    color: var(--primary-color);
    font-size: .875rem;
    padding: 5px 20px
}

.ih-wlt-c-mur-btn-secondary:hover {
    color: var(--white-color);
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
}

.ih-wlt-c-mur-btn-secondary svg {
    fill: var(--primary-color);
    margin-right: 5px;
}

.ih-wlt-c-mur-btn-secondary:hover svg {
    fill: var(--white-color);
}

.ih-wlt-c-mur-btn-gray {
    border-radius: 0.25rem;
    border: 1px solid var(--form-control-border);
    background: transparent;
    color: var(--form-control-border);
    font-size: .875rem;
    padding: 5px 20px;
}

.ih-wlt-c-mur-btn-gray:hover {
    color: var(--black-color);
    border: 1px solid var(--black-color);
}

.ih-wlt-c-mur-btn-gray svg {
    fill: var(--form-control-border);
    margin-right: 5px;
}

.ih-wlt-c-mur-btn-gray:hover svg {
    fill: var(--black-color);
}

.ih-wlt-c-mur-btn-add {
    border-radius: 0.25rem;
    border: 1px solid var(--green-rippon);
    background: transparent;
    color: var(--green-rippon);
    font-size: .875rem;
    height: 39px;
    padding: 5px 20px;
}

.ih-wlt-c-mur-btn-add:hover {
    color: var(--white-color);
    border: 1px solid var(--green-rippon);
    background: var(--green-rippon);
}

.ih-wlt-c-mur-btn-remove {
    border-radius: 0.25rem;
    border: 1px solid var(--red-color);
    background: transparent;
    color: var(--red-color);
    font-size: .875rem;
    height: 39px;
    padding: 5px 20px;
}

.ih-wlt-c-mur-btn-remove:hover {
    color: var(--white-color);
    border: 1px solid var(--red-color);
    background: var(--red-color);
}

.btn-optn .ih-wlt-c-mur-btn-primary {
    height: 39px;
}

.ih-wlt-c-mur-card h2 {
    color: var(--primary-color);
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 15px;
    padding: 0 0 10px;
    border-bottom: 1px solid var(--title-border);
    position: relative;
}

.ih-wlt-c-mur-card h2::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 80px;
    height: 1px;
    background: var(--secondary-color);
}

.ih-wlt-c-mur-card.ih-wlt-c-mur-home-news h2 img {
    width: 120px;
    height: 36px;
    object-fit: contain;
    object-position: left;
    background: transparent;
}

.ih-wlt-c-mur-card.ih-wlt-c-mur-home-news h2 a.viewall {
    border-radius: 1.875rem;
    background: var(--view-all-btn-bg);
    color: var(--paragraph-color);
    font-size: 14px;
    line-height: 25px;
}

.viewall {
    border-radius: 1.875rem;
    background: var(--view-all-btn-bg);
    color: var(--paragraph-color);
    font-size: 14px;
    line-height: 25px;
    padding: 5px 10px;
}

.ih-wlt-c-mur-card.ih-wlt-c-mur-sidebar.inner-page h2 {
    margin: 0;
    font-size: 1rem;
}

.ih-wlt-c-mur-card.ih-wlt-c-mur-home-newsh2 a.viewall svg {
    margin-right: 5px;
}

.ih-wlt-c-mur-card.ih-wlt-c-mur-home-news ul {
    padding: 0;
    margin: 0;
}

.ih-wlt-c-mur-card.ih-wlt-c-mur-home-news ul li {
    list-style: none;
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid var(--title-border);
}

.ih-wlt-c-mur-card.ih-wlt-c-mur-home-news ul li img {
    width: 85px;
    height: 55px;
    object-fit: cover;
    object-position: center;
    border-radius: 0.5rem;
    background: #D9D9D9;
    float: left;
    margin-right: 10px;
}

.ih-wlt-c-mur-card.ih-wlt-c-mur-home-news ul li h4 {
    color: var(--title-color);
    font-size: .875rem;
    font-weight: 700;
    overflow: hidden;
    min-height: 51px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.ih-wlt-c-mur-trending {
    min-height: 75px;
}

.ih-wlt-c-mur-card.ih-wlt-c-mur-home-news ul li .ih-wlt-c-mur-trending img {
    width: 75px;
    height: 75px;
}

.ih-wlt-c-mur-card.ih-wlt-c-mur-home-news ul li .ih-wlt-c-mur-trending h4 {
    color: var(--black-color);
    min-height: auto;
}

.ih-wlt-c-mur-card.ih-wlt-c-mur-home-news ul li .ih-wlt-c-mur-trending p {
    color: var(--paragraph-color);
    display: -webkit-box;
    overflow: hidden;
    font-size: .765rem;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ih-wlt-c-mur-card.ih-wlt-c-mur-home-news ul li:first-child {
    padding-top: 0;
}

.ih-wlt-c-mur-card.ih-wlt-c-mur-home-news ul li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.ih-wlt-c-mur-card-sidebar.recent-event {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 5px 0;
}

.ih-wlt-c-mur-sidebar-img {
    width: 30%;
    margin-right: 2%;
}

.ih-wlt-c-mur-sidebar-content {
    width: 67%;
}

.ih-wlt-c-mur-sidebar-img img {
    width: 5rem;
    height: 6rem;
    border-radius: 10px;
    object-fit: cover;
    object-position: top;
}

.recent .ih-wlt-c-mur-sidebar-img img {
    width: 5rem;
    height: 4rem;
    border-radius: 10px;
    object-fit: cover;
    object-position: top;
}

.wlt-c-mur-memorial .ih-wlt-c-mur-sidebar-img img {
    height: 5rem;
}

.wlt-c-mur-memorial {
    display: block;
    background: var(--white-color) url(../img/memorial-bg.png) no-repeat top right;
    background-size: contain;
}

.wlt-c-mur-memorial h4 {
    font-size: .765rem;
    font-weight: 600;
    margin: 0 0 10px;
    color: var(--black-color);
}

.ih-wlt-c-mur-sidebar-content h3 {
    font-size: .875rem;
    color: var(--title-color);
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 600;
}

.ih-wlt-c-mur-card-sidebar .ih-wlt-c-mur-sidebar-content ul {
    padding: 0;
    margin: 0;
}

.ih-wlt-c-mur-card-sidebar .ih-wlt-c-mur-sidebar-content li {
    list-style: none;
    font-size: .675rem;
    color: var(--paragraph-color);
    margin: 3px 0;
    padding: 0;
}

.ih-wlt-c-mur-card-sidebar ul {
    padding: 0;
    margin: 0;
}

.ih-wlt-c-mur-card-sidebar li {
    list-style: none;
    padding: 5px 0;
    font-size: .875rem;
}

.ih-wlt-c-mur-card-sidebar li>a {
    color: var(--title-color);
}

.ih-wlt-c-mur-memorial-link {
    background: url(../img/home-memorail-banner.jpg) no-repeat center;
    background-size: cover;
    position: relative;
    border-radius: 0.5rem;
}

.ih-wlt-c-mur-memorial-link::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 0.5rem;
    background: var(--share-memory-before);
    z-index: 1;
}

.ih-wlt-c-mur-memorial-banner {
    position: relative;
    z-index: 2;
    color: var(--white-color);
    padding: 20px 10px;
}

.ih-wlt-c-mur-memorial-banner h5 {
    font-weight: 700;
    font-size: 1rem;
    margin: 0 0 10px;
}

.ih-wlt-c-mur-memorial-banner p {
    font-size: 0.865rem;
    margin: 0;
}

.ih-wlt-c-mur-footer {
    background: var(--footer-bg);
    padding: 30px 0;
    font-size: .765rem;
    color: var(--body-color);
}

.ih-wlt-c-mur-footer ul {
    padding: 0;
    margin: 0;
}

.ih-wlt-c-mur-footer li {
    list-style: none;
    border-right: 1px solid var(--menu-divider);
    font-size: .875rem;
    padding: 0 15px;
    display: inline-block;
}

.ih-wlt-c-mur-footer li:first-child {
    padding-left: 0;
}

.ih-wlt-c-mur-footer li:last-child {
    border-right: 0;
}

.ih-wlt-c-mur-footer li>a {
    color: var(--menu-color);
    font-weight: 500;
}

.ih-wlt-c-mur-footer li>a:hover {
    color: var(--primary-color);
}

.ih-wlt-c-mur-social {
    display: flex;
    flex-direction: column;
    align-items: end;
}

.ih-wlt-c-mur-social h6 {
    font-weight: 700;
    color: var(--black-color);
}

.ih-wlt-c-mur-social ul {
    padding: 0;
    margin: 0;
}

.ih-wlt-c-mur-social li {
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    background: var(--social-icon-bg);
    border: none;
    margin-right: 10px;
    text-align: center;
}

.ih-wlt-c-mur-social li a>i {
    font-size: 1rem;
    line-height: 2.25rem;
}

.ih-wlt-c-mur-social li:last-child {
    margin-right: 0;
}


/*Signin or signup popup*/
.ih-wlt-c-mur-modal .modal-dialog .btn-close {
    width: 15px;
    height: 15px;
    float: right;
}

.ih-wlt-c-mur-modal .modal-header {
    border-bottom: 0;
}

#alertModal.ih-wlt-c-mur-modal .modal-footer {
    border: none;
    justify-content: center;
}

.ih-wlt-c-mur-sign {
    width: 100%;
    padding: 1em 2em;
    font-size: 14px;
    color: var(--menu-divider);
}

.ih-wlt-c-mur-sign h3 {
    font-weight: 700;
    font-size: 21px;
    color: var(--title-color);
    margin-bottom: 30px;
    text-align: center;
}

.ih-wlt-c-mur-sign label {
    font-weight: 400;
    color: var(--title-color);
    font-size: 14px;
    margin-bottom: 5px;
}

.ih-wlt-c-mur-sign .form-control {
    border: 0.50px solid var(--form-control-border);
    background-color: var(--white-color);
    font-size: 1rem;
    color: var(--black-color);
    width: 100%;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: var(--form-control-border);
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: var(--form-control-border);
    background-image: none;
}

.ih-wlt-c-mur-sign .input-group .form-control {
    /* border-right: 0; */
    border-radius: 0.25rem !important;
}

.invalid-tooltip {
    padding: 0;
    margin-top: 0;
    font-size: .765rem;
    color: var(--red-color);
    background-color: transparent;
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    box-shadow: none;
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    box-shadow: none;
}

.ih-wlt-c-mur-sign .input-group .input-group-text {
    background: transparent;
    border-radius: 0 0.25rem 0.25rem 0 !important;
    border: none;
    position: absolute;
    right: 0;
    z-index: 9;
    width: 44px;
    height: 40px;
}

.ih-wlt-c-mur-sign .input-group .input-group-text.toggle-password {
    color: var(--form-control-border);
    cursor: pointer;
    display: flex;
}

.ih-wlt-c-mur-sign .form-control:focus,
.ih-wlt-c-mur-sign .input-group .form-control:focus .input-group-text {
    box-shadow: none;

}

.ih-wlt-c-mur-forgot {
    margin-top: 5px;
    font-size: .765rem;
    text-decoration: underline;
    color: var(--primary-color);
}

.ih-wlt-c-mur-sign input::placeholder {
    color: var(--form-control-border);
}

.ih-wlt-c-mur-social-signin .divider {
    color: var(--form-control-border);
    background: var(--white-color);
    padding: 1px 5px;
    position: relative;
}

.ih-wlt-c-mur-social-signin {
    text-align: center;
    position: relative;
    margin: 0.5rem 0;
}

.ih-wlt-c-mur-social-signin::before {
    content: '';
    width: 100%;
    height: 1px;
    background: var(--form-control-border);
    position: absolute;
    left: 0;
    right: 0;
    top: 13px;
    /* bottom: 0; */
}

.ih-wlt-c-mur-social-login ul {
    padding: 0;
    margin: 0;
}

.ih-wlt-c-mur-social-login ul li {
    list-style: none;
    display: inline-block;
    width: 48%;
    height: 35px;
    line-height: 35px;
    margin-right: 2%;
    border: 1px solid var(--form-control-border);
    border-radius: .25rem;
}

.ih-wlt-c-mur-social-login ul li:last-child {
    margin-right: 0;
}

.ih-wlt-c-mur-social-login ul li a {
    color: var(--title-color);
    padding: 0px 0px 0 5px;
    font-size: 14px;
}

.ih-wlt-c-mur-social-login ul li a>span img {
    width: 20px;
    height: 20px;
}

.ih-wlt-c-mur-social-login ul li a>span {
    float: right;
    border-left: 1px solid var(--form-control-border);
    padding: 0 5px;
    line-height: 30px;
    height: 34px;
}

.carousel-indicators [data-bs-target] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: var(--form-control-border);
    opacity: 1;
}

.carousel-indicators .active {
    background-color: var(--primary-color);
}

.carousel-indicators {
    margin-bottom: 0rem;
}

/*Events or remedies or cuisines*/
.ih-wlt-c-mur-title-banner {
    background: url(../img/events-banner.jpg) no-repeat center;
    padding: 3em 0;
    position: relative;
    background-size: cover;
    text-align: center;
    z-index: 1;
}

.ih-wlt-c-mur-title-banner::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2;
    background: var(--title-banner-before);
    border-radius: 0.5rem;
}

.ih-wlt-c-mur-title-banner .ih-wlt-c-mur-title {
    position: relative;
    z-index: 3;
}

.ih-wlt-c-mur-title-banner .ih-wlt-c-mur-title h1 {
    font-weight: 700;
    color: var(--white-color);
    margin: 0px 0 15px;
}
.ih-wlt-c-mur-title-banner .ih-wlt-c-mur-title h1 a{
    color: var(--white-color);
}
.ih-wlt-c-mur-title-banner .ih-wlt-c-mur-title h1>svg {
    position: relative;
    top: -5px;
}

.ih-wlt-c-mur-title-banner .ih-wlt-c-mur-title p {
    color: var(--white-color);
}

.ih-wlt-c-mur-title-banner.ih-wlt-c-mur-remedies {
    background: url(../img/remedies-banner.jpg) no-repeat;
    background-size: cover;
}

.ih-wlt-c-mur-title-banner.ih-wlt-c-mur-cuisine {
    background: url(../img/cuisine-banner.jpg) no-repeat;
    background-size: cover;
}

.ih-wlt-c-mur-title-banner.ih-wlt-c-mur-title-banner-page {
    background: url(../img/inner-page-banner.jpg) no-repeat;
    background-size: cover;
}

.ih-wlt-c-mur-event-title {
    padding: 20px 0 10px;
}

.ih-wlt-c-mur-event-title h3 {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--title-color);
    margin: 0 0 5px;
}

.ih-wlt-c-mur-event-title p {
    text-transform: capitalize;
    color: var(--paragraph-color);
    font-size: 16px;
}

.ih-wlt-c-mur-event-location {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.ih-wlt-c-mur-short-desc {
    position: relative;
    margin-bottom: 1rem;
}

.ih-wlt-c-mur-short-desc blockquote {
    font-weight: normal;
    font-size: 1rem;
    max-width: 900px;
    line-height: 1.4;
    position: relative;
    margin: 0;
    padding: .5rem;
    font-style: italic;
}

.ih-wlt-c-mur-short-desc blockquote:before,
.ih-wlt-c-mur-short-desc blockquote:after {
    position: absolute;
    color: var(--form-control-border);
    font-size: 4rem;
    width: 4rem;
    height: 4rem;
}

.ih-wlt-c-mur-short-desc blockquote:before {
    content: '"';
    left: -1rem;
    top: -1rem;
}

.ih-wlt-c-mur-short-desc blockquote:after {
    content: '"';
    right: -3.7rem;
    bottom: -1rem;
}

.ih-wlt-c-mur-sort {
    font-size: 16px;
    font-weight: 500;
    float: right;
    margin-left: 15px;
    padding: 20px 0 10px;
}

.ih-wlt-c-mur-sort select {
    border-color: var(--form-control-border);
    font-size: 14px;
    padding: 5px 20px 5px 5px;
    background-color: transparent;
    margin-left: 10px;
    outline: none;
    color: var(--black-color);
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    visibility: visible !important;
    background-position: 98% 50%;
    background-image: url(../img/dropdown.png);
    background-repeat: no-repeat;
}

.ih-wlt-c-mur-grid {
    border-radius: 0.25rem;
    background: var(--white-color);
    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.08);
    margin-bottom: 15px;
    overflow: hidden;
}

.ih-wlt-c-mur-grid img {
    width: 100%;
    height: 285px;
    object-fit: cover;
    object-position: center;
    border-radius: .25rem .25rem 0 0;
    background: #D9D9D9;
    transition: 0.3s;
}

.ih-wlt-c-mur-grid-img {
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}

.ih-wlt-c-mur-grid:hover .ih-wlt-c-mur-grid-img img {
    transform: scale(1.1);
}

.ih-wlt-c-mur-grid-detail {
    padding: 15px;
    font-size: 14px;
    color: var(--paragraph-color);
}

.ih-wlt-c-mur-grid-detail h4 {
    color: var(--title-color);
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.ih-wlt-c-mur-grid-detail p {
    color: var(--paragraph-color);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 42px;
}

.ih-wlt-c-mur-grid-detail svg {
    margin-right: 8px;
}

.ih-wlt-c-mur-details {
    font-weight: 400;
    font-size: .875rem;
    color: var(--paragraph-color);
}

.ih-wlt-c-mur-details h1 {
    color: var(--title-color);
    font-size: 1.5rem;
    font-weight: 700;
    margin: 15px 0;
}

.ih-wlt-c-mur-details-img img {
    width: 100%;
    height: 400px;
    object-fit: cover;

}

.ih-wlt-c-mur-details h2 {
    color: var(--title-color);
    font-size: 1.25rem;
    font-weight: normal;
    position: relative;
    padding-left: 20px;
    margin: 15px 0;
    padding: 5px 0px 5px 15px;
}

.ih-wlt-c-mur-details h2>span {
    font-weight: 700;
}

.ih-wlt-c-mur-details h2::before {
    content: '';
    width: 5px;
    background: var(--secondary-color);
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-radius: 10px;
}

.ih-wlt-c-mur-details table {
    width: 100%;
}

.ih-wlt-c-mur-details table td {
    padding: 10px 0;
    font-size: 1rem;
    vertical-align: top;
    word-break: break-all;
    color: var(--title-color);
}

.ih-wlt-c-mur-details table td:first-child {
    font-weight: 700;
    color: var(--title-color);
    width: 130px;
}

.ih-wlt-c-mur-details table td>svg {
    margin-right: 10px;
    position: relative;
    top: -2px;
}

.ih-wlt-c-mur-details svg {
    position: relative;
    top: -2px;
}

.ih-wlt-c-mur-details table td>a {
    text-decoration: underline;
}

.ih-wlt-c-mur-details h3 {
    color: var(--title-color);
    font-size: 1.2rem;
    font-weight: 700;
    margin: 15px 0;
}

.ih-wlt-c-mur-details p {
    text-align: justify;
}

.ih-wlt-c-mur-sidebar h2 {
    color: var(--title-color);
    font-size: 1.1rem;
    font-weight: normal;
    position: relative;
    padding-left: 20px;
    margin: 0px 0 15px;
    padding: 5px 0px 5px 15px;
}

.ih-wlt-c-mur-sidebar h2>span {
    font-weight: 700;
}

.ih-wlt-c-mur-sidebar h2::before {
    content: '';
    width: 5px;
    background: var(--secondary-color);
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-radius: 10px;
}

.ih-wlt-c-mur-sidebar.report h2::before {
    display: none;
}

.ih-wlt-c-mur-card.ih-wlt-c-mur-sidebar h2::after {
    display: none;
}

.ih-wlt-c-mur-card.ih-wlt-c-mur-sidebar h2 {
    border: none
}

.ih-wlt-c-mur-sidebar .ih-wlt-c-mur-card-sidebar.recent-event {
    border-radius: 0.25rem;
    border: 1px solid var(--form-control-border);
    background: var(--white-color);
    padding: 10px;
    margin-bottom: 10px;
    width: 100%;
    float: none;
}

.ih-wlt-c-mur-page-item {
    margin: 0 5px;
}

.ih-wlt-c-mur-page-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.ih-wlt-c-mur-page-item .ih-wlt-c-mur-page-link {
    position: relative;
    display: block;
    font-size: .875rem;
    color: var(--pagination-color);
    text-decoration: none;
    background-color: transparent;
    border: 1px solid var(--footer-social-bg);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    border-radius: 0.25rem;
    padding: 0.275rem 0.65rem;
}

.ih-wlt-c-mur-page-item:hover {
    z-index: 2;
    color: var(--primary-color);
    background: var(--white-color);
    border-color: var(--footer-social-bg);
}

.ih-wlt-c-mur-page-item:focus {
    box-shadow: none;
    color: var(--white-color);
    background: var(--primary-color);
    border-color: var(--primary-color);
}

.ih-wlt-c-mur-page-item.active {
    box-shadow: none;
    color: var(--white-color);
    background: var(--primary-color);
    border-color: var(--primary-color);
    border-radius: 0.25rem;
}

.ih-wlt-c-mur-page-item.active .ih-wlt-c-mur-page-link {
    color: var(--white-color)
}

.ih-wlt-c-mur-page-link {
    color: var(--pagination-color)
}

.ih-wlt-c-mur-page-item.disabled {
    color: var(--pagination-color);
    pointer-events: none;
    background-color: transparent;
    border-color: var(--footer-social-bg);
}

.carousel-control-next,
.carousel-control-prev {
    height: 15%;
    margin: auto;
}

/*My account style*/
.ih-wlt-c-mur-title-banner.ih-wlt-c-mur-account-banner {
    background: url(../img/my-account-banner.jpg) no-repeat;
    background-size: cover;
}

.ih-wlt-c-mur-title-banner.ih-wlt-c-mur-account-classified-banner {
    background: url(../img/my-classified-banner.jpg) no-repeat;
    background-size: cover;
}

.ih-wlt-c-mur-account h2 {
    color: var(--title-color);
    font-size: 1.25rem;
    font-weight: normal;
    position: relative;
    padding-left: 20px;
    margin: 0px 0 15px;
    padding: 5px 0px 5px 15px;
}

.ih-wlt-c-mur-account h2>span {
    font-weight: 700;
}

.ih-wlt-c-mur-account h2::before {
    content: '';
    width: 5px;
    background: var(--secondary-color);
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-radius: 10px;
}

.ih-wlt-c-mur-account h2::after {
    display: none;
}

.ih-wlt-c-mur-account h2 {
    border: none
}

.ih-wlt-c-mur-account-sidebar {
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    background: var(--account-side-bg);
}

.ih-wlt-c-mur-user {
    text-align: center;
    padding: 2.5rem;
    color: var(--account-paragraph);
    font-size: .756rem;
}

.ih-wlt-c-mur-user-icon {
    width: 97px;
    height: 97px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #BED9FE;
    border-radius: 50%;
}

.ih-wlt-c-mur-user h1 {
    color: var(--title-color);
    font-size: 1.25rem;
    font-weight: 700;
    margin: 20px 0 0px;
}

.ih-wlt-c-mur-user a {
    color: var(--account-paragraph);
    text-decoration: none;
}

.ih-wlt-c-mur-user a:hover {
    color: var(--primary-color);
    text-decoration: underline;
}

.ih-wlt-c-mur-user p {
    margin: 0;
}

.ih-wlt-c-mur-account-sidebar ul {
    padding: 0;
    margin: 0;
}

.ih-wlt-c-mur-account-sidebar ul li {
    list-style: none;
    position: relative;
    padding: 10px 0;
}

.ih-wlt-c-mur-account-sidebar ul li.active::before {
    content: '';
    position: absolute;
    background: var(--secondary-color);
    width: 5px;
    height: 100%;
    top: 0;
    bottom: 0;
    border-radius: 0 0.25rem 0.25rem 0;
}

.ih-wlt-c-mur-account-sidebar ul li a {
    padding: 10px 30px;
    color: var(--account-menu-color);
    font-size: .875rem;
}

.ih-wlt-c-mur-account-sidebar ul li a>svg {
    fill: var(--account-menu-color);
    margin-top: -2px;
    margin-right: 5px;
}

.ih-wlt-c-mur-account-sidebar ul li a:hover {
    color: var(--title-color);
}

.ih-wlt-c-mur-account-sidebar ul li a:hover>svg {
    fill: var(--title-color);
}

.ih-wlt-c-mur-account-sidebar ul li.active a {
    color: var(--title-color);
}

.ih-wlt-c-mur-account-sidebar ul li.active a>svg {
    fill: var(--title-color);
}

.ih-wlt-c-mur-my-event-list h4 {
    color: var(--account-menu-color);
    font-size: 1rem;
    margin: 10px 0;
}

.ih-wlt-c-mur-my-events {
    border-radius: 0.25rem;
    border: 1px solid var(--form-control-border);
    background: var(--white-color);
    padding: 10px;
    margin-bottom: 10px;
    width: 100%;
    float: none;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 5px 0;
}

.ih-wlt-c-mur-my-events-img {
    width: 5rem;
    margin-right: 2%;
}

.ih-wlt-c-mur-my-events-img img {
    width: 5rem;
    height: 6rem;
    border-radius: 10px;
    object-fit: cover;
    object-position: top;
}

.ih-wlt-c-mur-my-events-content {
    width: 77%;
}

.ih-wlt-c-mur-my-events-content h3 {
    font-size: .875rem;
    color: var(--title-color);
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 600;
}

.ih-wlt-c-mur-my-events-content ul {
    padding: 0;
    margin: 0;
}

.ih-wlt-c-mur-my-events-content li {
    list-style: none;
    font-size: .675rem;
    color: var(--paragraph-color);
    margin: 3px 0;
    padding: 0;
}


.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    cursor: inherit;
    display: block;
}

.file-input-label {
    padding: 0px 10px;
    display: table-cell;
    vertical-align: middle;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.btn-file input[readonly] {
    background-color: white !important;
    cursor: text !important;
}

.ih-wlt-c-mur-card .has-icon .form-control {
    padding-right: 2.375rem;
}

.ih-wlt-c-mur-card .has-icon .form-control-feedback {
    position: absolute;
    z-index: 2;
    right: 5px;
    top: 53px;
    bottom: 0;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 0px;
    font-size: 20px;
    text-align: center;
    pointer-events: none;
    color: var(--form-control-border);
}

.line-control-menu-bar a {
    color: var(--black-color);
}

#menuBarDiv_txtEditor .dropdown-menu.show {
    padding: 5px 0;
}

#menuBarDiv_txtEditor .dropdown-menu.show li {
    padding: 5px;
    font-size: 14px;
}

#menuBarDiv_txtEditor .dropdown-menu.show li>a:hover {
    background: transparent;
    color: var(--primary-color);
}

.form-group.has-icon {
    position: relative;
    z-index: 9;
}

.form-group {
    position: relative;
}

.ih-wlt-c-mur-card .form-group {
    margin-bottom: 1.25rem;
}

.ih-wlt-c-mur-card .form-control {
    height: auto;
    margin-bottom: 0;
    border: 1px solid var(--form-control-border);
    padding: 8px 10px;
    border-radius: .25rem;
    font-size: .875rem;
    background-color: var(--white-color);
    color: var(--black-color);
}

.ih-wlt-c-mur-card .form-control::placeholder {
    color: var(--form-control-border);
}

.ih-wlt-c-mur-card .form-control:focus {
    box-shadow: none;
}

.ih-wlt-c-mur-card label {
    margin-bottom: 10px;
    font-size: .875rem;
    font-weight: 500;
    color: var(--title-color);
}

.ih-wlt-c-mur-card label>span {
    font-size: .765rem;
    color: var(--paragraph-color);
}

.ih-wlt-c-mur-card textarea.form-control {
    height: 80px;
}

.input-group-btn .btn {
    padding: 7px 10px;
    border-radius: 0 5px 5px 0;
    background: #eaeaea;
    border: 1px solid var(--form-control-border);
}

.btn-check:focus+.btn,
.btn:focus {
    box-shadow: none;
}

.ih-wlt-c-mur-account {
    position: relative;
    min-height: 550PX;
}

.ih-wlt-c-mur-account-form-btn {
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.ih-wlt-c-mur-my-classified {
    border-radius: 0.25rem;
    border: 1px solid var(--form-control-border);
    background: var(--white-color);
    position: relative;
    margin: 0 0 10px;
    overflow: hidden;
}

.ih-wlt-c-mur-my-classified-detail {
    padding: 10px 15px;
    float: left;
    width: 75%;
}

.ih-wlt-c-mur-ribbon-standard {
    display: inline-block;
    position: absolute;
    left: -10px;
    top: 10px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    padding: 0 18px 0 18px;
    font-size: .875rem;
    background: var(--green-rippon);
    color: #fff;
    box-sizing: border-box;
}

.ih-wlt-c-mur-ribbon-standard::after {
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    z-index: 1;
    top: 0;
    right: -14px;
    border-width: 13px 15px 12px 0px;
    border-color: var(--green-rippon) transparent var(--green-rippon) var(--green-rippon);
    border-style: solid;
}

.ih-wlt-c-mur-ribbon-standard::before {
    content: "";
    bottom: -10px;
    position: absolute;
    display: block;
    border-style: solid;
    border-color: #13662A transparent transparent transparent;
    z-index: 1;
    left: 0px;
    border-width: 10px 0 0 10px;
}

.ih-wlt-c-mur-ribbon-premium {
    display: inline-block;
    position: absolute;
    left: -10px;
    top: 10px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    padding: 0 18px 0 18px;
    font-size: .875rem;
    background: var(--primary-color);
    color: var(--white-color);
    box-sizing: border-box;
}

.ih-wlt-c-mur-ribbon-premium::before {
    content: "";
    bottom: -10px;
    position: absolute;
    display: block;
    border-style: solid;
    border-color: var(--ribbon-premium-before) transparent transparent transparent;
    z-index: 1;
    left: 0px;
    border-width: 10px 0 0 10px;
}

.ih-wlt-c-mur-ribbon-premium::after {
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    z-index: 1;
    top: 0;
    right: -14px;
    border-width: 13px 15px 12px 0px;
    border-color: var(--primary-color) transparent var(--primary-color) var(--primary-color);
    border-style: solid;
}

.ih-wlt-c-mur-my-classified-detail p {
    margin: 0 0 10px;
    font-size: .875rem;
    color: var(--paragraph-color);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.ih-wlt-c-mur-my-classified-detail h1 {
    color: var(--title-color);
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: normal;
}

.ih-wlt-c-mur-my-classified-detail span {
    color: var(--expiry-color);
    font-size: .765rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 10px 0 0;
    /* display: block; */
}

.ih-wlt-c-mur-my-classified-img {
    float: left;
}

.ih-wlt-c-mur-my-classified-img img {
    width: 150px;
    height: 165px;
    object-fit: cover;
    object-position: center;
}

.ih-wlt-c-mur-report-tag {
    background-color: var(--red-color);
    border: 1px solid var(--red-color);
    height: 100px;
    right: -50px;
    position: absolute;
    bottom: -50px;
    width: 100px;
    -webkit-transform: rotate(-45deg);
    cursor: pointer;
}

.ih-wlt-c-mur-report-tag span {
    color: var(--white-color);
    font-size: 1.5em;
    right: 37px;
    top: 10px;
    position: absolute;
    -webkit-transform: rotate(45deg);
}

.ih-wlt-c-mur-drop-menu {
    position: absolute;
    right: 10px;
    top: 10px;
}

.ih-wlt-c-mur-drop-menu .dropdown-toggle::after {
    display: none;
}

.ih-wlt-c-mur-drop-menu .dropdown-menu {
    font-size: .875rem;

}

/*Classified Design*/
.ih-wlt-c-mur-title-banner.ih-wlt-c-mur-classified-banner {
    background: url(../img/classified-banner.jpg) no-repeat;
    background-size: cover;
}

.ih-wlt-c-mur-title-banner .ih-wlt-c-mur-title h1>span {
    color: var(--secondary-color);
}

.ih-wlt-c-mur-search {
    border-radius: 0.25rem;
    background: var(--white-color);
    position: relative;
    z-index: 3;
    width: 700px;
    margin: auto;
    padding: 10px;
}

.ih-wlt-c-mur-new-search {
    width: 500px;
}

.ih-wlt-c-mur-search .form-control {
    height: 40px;
    margin-bottom: 0;
    border: 1px solid var(--form-control-border);
    padding: 8px 10px;
    border-radius: 0.25rem !important;
    font-size: .875rem;
    background-color: var(--white-color);
    color: var(--black-color);
}

.ih-wlt-c-mur-search .form-control:focus {
    box-shadow: none;
}

.ih-wlt-c-mur-search .form-group.has-icon {
    margin: 0;
}
.ih-wlt-c-mur-search .input-group.has-icon .input-group-text{
    color: var(--form-control-border);
    background: transparent;
    border: 1px solid var(--form-control-border);
    border-left: 0;
    border-radius: 0rem 0.25rem 0.25rem 0;
    margin-bottom: 10px;
}
.ih-wlt-c-mur-search .has-icon .form-control {
    padding-left: 2.2rem;
    padding-right: 10px;
}
.ih-wlt-c-mur-search .has-icon.clear-search .form-control {
    padding-left: 2.2rem;
    padding-right: 10px;
    border-radius:  0.25rem 0 0  0.25rem !important;
    border-right: 0;
}
.ih-wlt-c-mur-search .has-icon .form-control-feedback {
    position: absolute;
    z-index: 9;
    left: 5px;
    top: 8px;
    bottom: 0;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 0px;
    font-size: 20px;
    text-align: center;
    pointer-events: none;
    color: var(--form-control-border);
}
.ih-wlt-c-mur-search .ih-wlt-c-mur-btn-primary svg {
    margin: 0;
}

.ih-wlt-c-mur-search .ih-wlt-c-mur-btn-primary {
    padding: 6px 10px;
    line-height: 22px;
    height: 40px;
    width: 100%;
}

.ih-wlt-c-mur-card.ih-wlt-c-mur-sidebar.ih-wlt-c-mur-business-sidebar {
    min-height: 750px;
    max-height: 2400px;
    overflow-y: scroll;
}

.ih-wlt-c-mur-card.ih-wlt-c-mur-sidebar.ih-wlt-c-mur-classified-sidebar h2 {
    border-bottom: 1px solid var(--form-control-border);
    padding: 5px 0px 15px 5px;
}

.ih-wlt-c-mur-card.ih-wlt-c-mur-sidebar.ih-wlt-c-mur-business-sidebar h2 {
    border-bottom: 1px solid var(--form-control-border);
    padding: 5px 0px 15px 5px;
    display: flex;
    justify-content: space-between;
}

.ih-wlt-c-mur-card.ih-wlt-c-mur-sidebar.ih-wlt-c-mur-business-sidebar h2 span a {
    font-size: 14px;
    font-weight: normal;
}

.ih-wlt-c-mur-card.ih-wlt-c-mur-sidebar.ih-wlt-c-mur-business-sidebar h2::before {
    height: 80%;
    left: -5px;
}

.ih-wlt-c-mur-card.ih-wlt-c-mur-sidebar.ih-wlt-c-mur-classified-sidebar h2::before {
    height: 80%;
    left: -5px;
}

.ih-wlt-c-mur-business-sidebar ul {
    padding: 0;
}

.ih-wlt-c-mur-business-sidebar ul li {
    list-style: none;
}

.ih-wlt-c-mur-business-sidebar ul li a {
    color: var(--black-color);
    padding: 5px 0px;
    display: block;
}

.ih-wlt-c-mur-classified-sidebar ul {
    padding: 0;
}

.ih-wlt-c-mur-classified-sidebar ul li {
    list-style: none;
}

.ih-wlt-c-mur-classified-sidebar ul li a {
    color: var(--black-color);
    padding: 5px 0px;
    display: block;
}

.ih-wlt-c-mur-classified-sidebar ul li a:hover {
    color: var(--primary-color);
}

.ih-wlt-c-mur-classified-sidebar ul li a>svg {
    fill: var(--footer-social-bg);
    margin-right: 10px;
    position: relative;
    top: -2px;
}

.ih-wlt-c-mur-classified-sidebar ul li a:hover>svg {
    fill: var(--secondary-color);
}

.ih-wlt-c-mur-classified-category {
    padding-right: 10px;
    font-size: 0.7rem;
    color: var(--black-color);
}

.ih-wlt-c-mur-sidebar-img.classified img {
    height: 4rem;
}

.ih-wlt-c-mur-classified-type {
    padding-left: 10px;
    border-left: 1px solid var(--paragraph-color);
    font-size: .7rem;
    color: var(--black-color);
}

.ih-wlt-c-mur-classified-type.offer {
    color: var(--primary-color);
    padding-right: 10px;
}

.ih-wlt-c-mur-classified-type.wanted {
    color: var(--green-rippon);
    padding-right: 10px;
}

.ih-wlt-c-mur-classified-type.offer svg {
    fill: var(--primary-color);
}

.ih-wlt-c-mur-classified-type.wanted svg {
    fill: var(--green-rippon);
}

.ih-wlt-c-mur-classified-location {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    color: var(--black-color);
    font-size: 1rem;
}

.ih-wlt-c-mur-grid.classified img {
    height: 200px;
}

.ih-wlt-c-mur-grid.classified .ribbon {
    background: none !important;
    position: relative;
    box-sizing: border-box;
    position: absolute;
    width: 85px;
    height: 85px;
    top: 0px;
    left: 0px;
    padding: 0px;
    overflow: hidden;
}

.ih-wlt-c-mur-grid.classified .ribbon-border.premium {
    width: 0;
    height: 0;
    border-left: 85px solid var(--primary-color);
    border-bottom: 85px solid transparent;
    z-index: 12;
    position: relative;
    top: -20px;
}

.ih-wlt-c-mur-grid.classified .ribbon-border.standard {
    width: 0;
    height: 0;
    border-left: 85px solid var(--green-rippon);
    border-bottom: 85px solid transparent;
    z-index: 12;
    position: relative;
    top: -20px;
}

.ih-wlt-c-mur-grid.classified .ribbon-text {
    font-size: 13px;
    font-weight: bold;
    line-height: 13px;
    position: absolute;
    z-index: 14;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(0deg);
    transform: rotate(-45deg);
    top: 20px;
    left: -18px;
    width: 91px;
    text-align: center;
    color: var(--white-color);
}

.ih-wlt-c-mur-classified-search {
    background: var(--inner-search-bg);
    padding: 10px;
    margin-bottom: 15px;
}

.ih-wlt-c-mur-classified-search .ih-wlt-c-mur-search {
    background: transparent;
    width: 80%;
}

.ih-wlt-c-mur-report-btn .ih-wlt-c-mur-btn-primary,
.ih-wlt-c-mur-report-btn .ih-wlt-c-mur-btn-gray {
    width: 48%;
}

.ih-wlt-c-mur-report-btn .ih-wlt-c-mur-btn-primary {
    margin-right: 1%;
}

.form-check-input:checked[type=radio] {
    background-color: transparent;
    border-color: var(--primary-color)
}

.form-check-input:checked[type=radio] {
    background-image: url(../img/radio-check.png);
}

/*business Design*/
.ih-wlt-c-mur-title-banner.ih-wlt-c-mur-business-banner {
    background: url(../img/business-banner.jpg) no-repeat;
    background-size: cover;
}

.ih-wlt-c-mur-business-search {
    width: 90% !important;
}

.ih-wlt-c-mur-business-title h2 {
    color: var(--title-color);
    font-size: 1rem;
    font-weight: 700;
    margin: 15px 0 10px;
    padding: 0 0 10px;
    position: relative;
}

.ih-wlt-c-mur-business-category ul {
    padding: 0;
    margin: 0;
}

.ih-wlt-c-mur-business-category ul li {
    list-style: none;
    display: inline-block;
    width: 22%;
    margin: 1%;
}

.ih-wlt-c-mur-business-category ul li a {
    color: var(--title-color);
    font-weight: 500;
}

.ih-wlt-c-mur-business-category ul li a>svg {
    margin-right: 5px;
    fill: #bcbcbc;
}

.ih-wlt-c-mur-business-category ul li a:hover {
    color: var(--primary-color);
}

.ih-wlt-c-mur-business-category ul li a:hover>svg {
    margin-right: 5px;
    fill: var(--secondary-color);
}

.ih-wlt-c-mur-my-business {
    border-radius: 0.25rem;
    background: var(--white-color);
    position: relative;
    margin: 0 0 10px;
    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.03);
    /* display: flex; */
    /* flex-direction: row; */
    padding: 10px;
}

.ih-wlt-c-mur-my-business-img {
    width: 25%;
    float: left;
}

.ih-wlt-c-mur-my-business-info {
    width: 75%;
    float: left;
}

.ih-wlt-c-mur-my-business-detail {
    padding: 10px 15px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    min-height: 170px;
}

.ih-wlt-c-mur-my-business-detail p {
    margin: 0 0 10px;
    font-size: .875rem;
    color: var(--paragraph-color);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.ih-wlt-c-mur-my-business-detail h1 {
    color: var(--title-color);
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 5px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.ih-wlt-c-mur-my-business-detail h1>a {
    color: var(--title-color);
}

.ih-wlt-c-mur-my-business-detail span {
    color: var(--account-menu-color);
    font-size: .785rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.ih-wlt-c-mur-my-business-img img {
    width: 100%;
    height: 209px;
    object-fit: contain;
    object-position: center;
}

.ih-wlt-c-mur-business-btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
}

.ih-wlt-c-mur-business-btn .btn {
    width: 100%;
    margin-bottom: 10px;
}

.ih-wlt-c-mur-my-business-detail span.open {
    color: var(--green-rippon);
    font-weight: 600;
}

.rating i.fa-star,
.rating i.fa-star-half-stroke {
    color: var(--secondary-color);
}

.rating a {
    color: var(--account-menu-color);
}

.rating a:hover {
    color: var(--primary-color);
    text-decoration: underline;
}

.ih-wlt-c-mur-my-business-info hr {
    margin: 0.5rem;
}

.ih-wlt-c-mur-business-social {
    float: left;
    width: 50%;
    padding: 0 0.5rem;
}

.ih-wlt-c-mur-business-social ul {
    padding: 0;
    margin: 0;
}

.ih-wlt-c-mur-business-social ul li {
    list-style: none;
    display: inline-block;
    margin: 0px 15px;
}

.ih-wlt-c-mur-business-direction {
    float: left;
    width: 50%;
    padding: 0 0.5rem;
}

.ih-wlt-c-mur-business-direction a {
    color: var(--paragraph-color);
}

.ih-wlt-c-mur-my-business.ih-wlt-c-mur-my-business-details {
    background: transparent;
    box-shadow: none;
    padding: 0;
}

.ih-wlt-c-mur-my-business.ih-wlt-c-mur-my-business-details .ih-wlt-c-mur-business-btn {
    justify-content: end
}

.ih-wlt-c-mur-my-business.ih-wlt-c-mur-my-business-details .ih-wlt-c-mur-business-social ul li a>svg {
    fill: var(--primary-color);
}

.ih-wlt-c-mur-my-business.ih-wlt-c-mur-my-business-details .ih-wlt-c-mur-business-direction a {
    color: var(--primary-color);
}

.ih-wlt-c-mur-my-business.ih-wlt-c-mur-my-business-details .ih-wlt-c-mur-business-direction a:hover {
    color: var(--white-color);
}

.ih-wlt-c-mur-details-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ih-wlt-c-mur-business-share {
    font-size: .875rem;
    font-weight: 600;
}

.ih-wlt-c-mur-business-share a {
    text-align: center;
    padding: 5px;
    background: var(--footer-social-bg);
    color: var(--title-color);
}

.ih-wlt-c-mur-business-share a>i.fa-facebook-f {
    padding: 5px 3px;
}

.ih-wlt-c-mur-classified-share {
    font-size: .875rem;
    font-weight: 600;
}

.ih-wlt-c-mur-classified-share a {
    text-align: center;
    padding: 5px;
    background: var(--footer-social-bg);
    color: var(--title-color);
}

.ih-wlt-c-mur-classified-share a>i.fa-facebook-f {
    padding: 5px 3px;
}

.ih-wlt-c-mur-business-photos .slick-slide img {
    display: block;
    width: 150px;
    height: 150px;
    object-fit: cover;
    object-position: center;
}

.ih-wlt-c-mur-business-services ul {
    padding: 0;
    margin: 0;
}

.ih-wlt-c-mur-business-services ul li {
    list-style: none;
    display: inline-block;
    width: 22%;
    margin: 1%;
}

.ih-wlt-c-mur-business-team-member {
    border-radius: 0.25rem;
    border: 1px solid var(--footer-social-bg);
    padding: 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: start;
}

.ih-wlt-c-mur-business-team-image img {
    width: 60px;
    height: 70px;
    object-fit: cover;
    object-position: top;
    margin-right: 10px;
}

.ih-wlt-c-mur-business-team-detail h4 {
    font-weight: 600;
    font-size: .875rem;
    margin: 0 0 5px;
}

.ih-wlt-c-mur-business-team-detail {
    color: var(--paragraph-color);
    font-size: .765rem;
}

.ih-wlt-c-mur-business-team-detail p {
    margin: 0;
}

.ih-wlt-c-mur-business-search-category ul {
    padding: 0;
    margin: 0;
}

.ih-wlt-c-mur-business-search-category ul li {
    background: var(--footer-bg);
    padding: 5px 10px;
    border-radius: 30px;
    margin: 5px;
    display: inline-block;
}

.ih-wlt-c-mur-business-search-category ul li>a {
    color: var(--paragraph-color);
    display: block;
}

.ih-wlt-c-mur-business-search-category ul li:hover {
    background: var(--primary-color);
}

.ih-wlt-c-mur-business-search-category ul li:hover>a {
    color: var(--white-color);
}

.ih-wlt-c-mur-business-review-title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.ih-wlt-c-mur-business-write-review a {
    text-decoration: underline;
}

.ih-wlt-c-mur-business-review-details h5 {
    color: var(--title-color);
    margin: 0;
    font-size: 1rem;
}

.ih-wlt-c-mur-review-reply {
    padding-left: 2rem;
}

.ih-wlt-c-mur-review-reply h5>span {
    color: #A7A7A7;
    font-size: .765rem;
    margin: 0 5px;
}

.ih-wlt-c-mur-sidebar table {
    width: 100%;
}

.ih-wlt-c-mur-sidebar table td {
    padding: 5px 3px;
    font-size: .875rem;
}

.ih-wlt-c-mur-find-us ul {
    padding: 0;
    margin: 0;
}

.ih-wlt-c-mur-find-us ul li {
    margin: 3px;
    display: inline-block;
}

.ih-wlt-c-mur-find-us li a>img {
    width: 35px;
    height: 35px;
}

#reportForm .form-group {
    margin-bottom: 10px;
}

#reportForm label {
    margin-bottom: 5px;
}

.modal-header h3 {
    font-weight: 700;
    font-size: 21px;
    color: var(--title-color);
    margin-bottom: 0px;
}

.ih-wlt-c-mur-business-create h4 {
    color: var(--account-menu-color);
    font-weight: 600;
    font-size: 1.2rem;
    margin: 15px 0;
}

.ih-wlt-c-mur-business-create .form-check label {
    color: var(--account-menu-color);
    font-size: .765rem;
}

.ih-wlt-c-mur-business-create table tr td {
    padding: 5px;
    color: var(--paragraph-color);
    border: none;
}

.social .input-group-text img {
    width: 30px;
    border-radius: 5px;
}

.social .input-group-text {
    background: transparent;
    padding: 5px;
    position: relative;
}

.social .input-group-text::after {
    content: '';
    position: absolute;
    top: 3px;
    bottom: 0;
    width: 1px;
    right: 0;
    height: 34px;
    background: var(--form-control-border);
}

.social input.form-control {
    border-left: 0;
}

.ih-wlt-c-mur-photos {
    border-radius: 0.25rem;
    border: 1px dashed var(--form-control-border);
    background: var(--footer-bg);
    padding: 10px;
    text-align: center;
    min-height: 150px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.ih-wlt-c-mur-file-upload {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.ih-wlt-c-mur-file-upload-success {
    border: 1px solid var(--primary-color);
    background: var(--white-color);
    font-weight: normal;
    color: var(--primary-color);
    margin: 10px;
}

.fileinput-button {
    position: relative;
    overflow: hidden;
}

.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    font-size: 200px;
    direction: ltr;
    cursor: pointer;
}

.photo-thumb {
    height: 80px;
    width: 100px;
    object-fit: contain;
    border: 1px solid var(--primary-color);
}

ul.thumb-Images li {
    width: 120px;
    float: left;
    display: inline-block;
    vertical-align: top;
    height: 120px;
}

.img-wrap {
    position: relative;
    display: inline-block;
    font-size: 0;
}

.img-wrap .close {
    position: absolute;
    top: -5px;
    right: -5px;
    z-index: 100;
    background-color: var(--primary-color);
    padding: 5px 2px 2px;
    color: var(--white-color);
    font-weight: bolder;
    cursor: pointer;
    /* opacity: 0.5; */
    font-size: 18px;
    width: 20px;
    height: 20px;
    line-height: 9px;
    border-radius: 50%;
}

.img-wrap:hover .close {
    opacity: 1;
    background-color: var(--red-color);
}

.FileNameCaptionStyle {
    font-size: 12px;
    display: none
}

.ih-wlt-c-mur-business-review-details a {
    color: var(--red-color);
}

/*Business Plan*/
.plan-radio input {
    display: none;
}

.ih-wlt-c-mur-plan {
    padding: 1em 2em;
    border-radius: 1.25rem;
    background: var(--white-color);
    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.08);
    border: 3px solid transparent;
    cursor: pointer;
    height: 73vh;
}

.plan-radio input:checked+.ih-wlt-c-mur-plan {
    border-color: var(--primary-color);
}

.ih-wlt-c-mur-plan.choose {
    border-color: var(--primary-color);
}

.ih-wlt-c-mur-plan h3 {
    font-weight: 600;
    font-size: 1.5rem;
    margin: 10px 0;
}

.ih-wlt-c-mur-plan p {
    font-size: .765rem;
    margin-bottom: 15px;
}

.ih-wlt-c-mur-plan h4 {
    font-size: .9;
    margin-bottom: 10px;
}

.ih-wlt-c-mur-plan h4>span {
    font-size: .875rem;
    color: var(--account-menu-color);
}

.ih-wlt-c-mur-plan h5 {
    font-size: .875rem;
    margin-bottom: 10px;
}

.ih-wlt-c-mur-plan ul {
    padding: 0;
    margin: 0;
}

.ih-wlt-c-mur-plan ul li {
    list-style: none;
    padding: 5px 20px;
    color: var(--title-color);
    font-size: .9rem;
    position: relative;
}

.plan-title {
    width: 100%;
    text-align: center;
}

.ih-wlt-c-mur-plan ul li::before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background: url(../img/check.svg) center no-repeat;
    background-size: 100%;
    left: 0;
    top: 12px;
}

button.slick-prev.ih-wlt-c-mur-prev.slick-arrow {
    width: 30px;
    height: 30px;
    border: none;
    background: var(--white-color);
    border-radius: 50%;
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    color: var(--black-color);
}

button.slick-next.ih-wlt-c-mur-next.slick-arrow {
    width: 30px;
    height: 30px;
    border: none;
    background: var(--white-color);
    border-radius: 50%;
    position: absolute;
    z-index: 9;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    color: var(--black-color);
}

button.slick-prev.ih-wlt-c-mur-prev.slick-arrow.slick-disabled {
    display: none !important;
}

button.slick-next.ih-wlt-c-mur-next.slick-arrow.slick-disabled {
    display: none !important;
}

.contact a,
.contact {
    color: var(--menu-color);
}

.contact a:hover {
    color: var(--primary-color);
}

.contact ul {
    padding: 0;
    margin: 0;
}

.contact ul li {
    list-style: none;
    margin: 0 8px;
    display: inline-block;
}

.contact ul li a {
    color: var(--menu-color);
    font-size: 1.25rem;
}

.ih-wlt-c-mur-card.contact textarea.form-control {
    height: 188px;
}

.toast {
    transform: translateY(calc(100% + 30px));
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.25, 1.35);
}

.toast.show {
    transform: translateY(0);
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: var(--account-menu-color);
}

.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
    background-color: var(--primary-color);
}

.form-check-input[type=radio].is-valid:checked,
.was-validated .form-check-input[type=radio]:valid:checked {
    background-color: var(--white-color);
}

.form-check-input.is-valid,
.was-validated .form-check-input:valid {
    border-color: var(--form-control-border);
}

.form-check-input[type=radio].is-valid:checked,
.was-validated .form-check-input[type=radio]:valid:checked {
    border-color: var(--primary-color);
}

#wlt-datepicker.form-control.is-invalid,
.was-validated #wlt-datepicker.form-control:invalid {
    background-position: right calc(2.375em + 0.1875rem) center;
}

.password.form-control.is-invalid,
.was-validated .password.form-control:invalid {
    background-position: right calc(0.375em + 2.1875rem) center;
}

.ih-wlt-c-mur-sort-business {
    text-align: right;
}

.ih-wlt-c-mur-sort-business select {
    border-color: var(--form-control-border);
    font-size: 14px;
    padding: 5px 20px 5px 5px;
    background-color: var(--white-color);
    color: var(--black-color);
    outline: none;
}

.form-check-input[type=radio],
.form-check-input[type=checkbox] {
    cursor: pointer;
}

.form-check-label {
    cursor: pointer;
}

/* Switch toogle style */
.ih-wlt-c-mur-open-hours .switch input {
    display: none;
}

.ih-wlt-c-mur-open-hours .switch {
    display: inline-block;
    width: 35px;
    height: 15px;
    margin: 0 5px;
    transform: translateY(50%);
    position: relative;
}

.ih-wlt-c-mur-open-hours .slider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 30px;
    box-shadow: 0 0 0 2px #bfbfbf, 0 0 4px #bfbfbf;
    cursor: pointer;
    border: 1px solid transparent;
    overflow: hidden;
    transition: .4s;
}

.ih-wlt-c-mur-open-hours .slider:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #bfbfbf;
    border-radius: 30px;
    transform: translateX(-20px);
    transition: .4s;
}

.ih-wlt-c-mur-open-hours input:checked+.slider:before {
    transform: translateX(20px);
    background: var(--white-color);
}

.ih-wlt-c-mur-open-hours input:checked+.slider {
    box-shadow: 0 0 0 2px var(--primary-color), 0 0 2px var(--primary-color);
    background: var(--primary-color);
}

.ih-wlt-c-mur-open-hours .switch.flat .slider {
    box-shadow: none;
}

.ih-wlt-c-mur-open-hours .switch.flat .slider:before {
    background: #FFF;
}

.ih-wlt-c-mur-open-hours .switch.flat input:checked+.slider:before {
    background: white;
}

.ih-wlt-c-mur-open-hours .switch.flat input:checked+.slider {
    background: limeGreen;
}

.ih-wlt-c-mur-open-hours span.closed {
    position: absolute;
    right: -50px;
    top: -2px;
    color: #8a8a8a;
}

.ih-wlt-c-mur-open-hours .has-icon .form-control-feedback {
    top: 19px;
}

.ih-wlt-c-mur-open-hours table tr td {
    vertical-align: top;
    padding: 0 5px;
}

/* image */
.image-edit ul {
    padding: 0;
}

.image-list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0.4rem 0 0.4rem 0.4em;
    margin: 0 0 0.25rem 0;
    background: #eee;
    border-radius: 5px;
}

.img {
    flex-grow: 1;
    display: flex;
    justify-content: left;
}

.img a:not([href]):not([tabindex]),
img a {
    cursor: pointer;
    font-size: 12px;
    color: var(--primary-color);
    margin: 0 10px;
}

a:not([href]):not([tabindex]) {
    cursor: pointer;
}

.border-none {
    border: none
}

.gallery-image-edit ul {
    padding: 0;
}

.gallery-image-edit ul li {
    width: 120px;
    height: 120px;
    float: left;
    list-style: none;
}

.gallery-image-edit ul li img {
    width: 100px;
    height: 80px;
    object-fit: contain;
    object-position: center;

    border: 1px solid #000;
    background: 1px solid #ddd;
    cursor: pointer;
}

.image-edit-view img {
    object-fit: contain;
    object-position: center;
    width: 100%;
    height: 300px;
}

.image-edit {
    width: 100%;
}

.payment-page {
    /*height: calc(100vh - 205px);*/
}

.ih-wlt-c-mur-my-business-content {
    width: 75%;
}

.detail-description {
    text-align: justify;
    word-wrap: break-word;
    font-size: rem;
}

p.rating {
    margin: 0;
}

.ih-wlt-c-mur-business-category ul li .form-check-input[type=radio],
.ih-wlt-c-mur-business-category ul li form-check-input[type=checkbox] {
    display: none;
}

.ih-wlt-c-mur-business-category ul li .form-check {
    padding: 0;
}

.ih-wlt-c-mur-business-category ul li label {
    color: var(--title-color);
    font-weight: 500;
}

.ih-wlt-c-mur-business-category ul li label>svg {
    margin-right: 5px;
    fill: #bcbcbc;
}

.ih-wlt-c-mur-business-category ul li label:hover {
    color: var(--primary-color);
}

.ih-wlt-c-mur-business-category ul li label:hover>svg {
    margin-right: 5px;
    fill: var(--secondary-color);
}

.ih-wlt-c-mur-title-banner .breadcrumb {
    justify-content: center;
}

.ih-wlt-c-mur-title-banner .breadcrumb .breadcrumb-item a {
    color: var(--secondary-color);
}

.ih-wlt-c-mur-title-banner .breadcrumb .breadcrumb-item {
    color: var(--white-color);
}

.ih-wlt-c-mur-title-banner .breadcrumb-item+.breadcrumb-item::before {
    color: var(--white-color);
}

/*Dark theme switch css */
.theme-switch-wrapper {
    display: flex;
    align-items: center;
}

.theme-switch-wrapper em {
    margin-left: 10px;
    font-size: 1rem;
}

.theme-switch {
    display: inline-block;
    height: 15px;
    position: relative;
    width: 35px;
    margin: 0 5px;
}

.theme-switch input {
    display: none;
}

.theme-switch-wrapper .slider {
    background-color: #ccc;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: 0.4s;
}

.theme-switch-wrapper .slider:before {
    background-color: #fff;
    bottom: 1px;
    content: "";
    height: 13px;
    left: 2px;
    position: absolute;
    transition: 0.4s;
    width: 13px;
}

.theme-switch-wrapper input:checked+.slider {
    background-color: var(--checked-dark);
}

.theme-switch-wrapper input:checked+.slider:before {
    transform: translateX(18px);
}

.theme-switch-wrapper .slider.round {
    border-radius: 34px;
}

.theme-switch-wrapper .slider.round:before {
    border-radius: 50%;
}

#card-button{
    position: relative;
}
#card-button.spinning {
    padding-right: 40px;
  }
#card-button.spinning:after {
    content: '';
    right: 6px;
    top: 50%;
    width: 0;
    height: 0;
    box-shadow: 0px 0px 0 1px #080808;
    position: absolute;
    border-radius: 50%;
    -webkit-animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
            animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
  }
  #card-button.spinning:before {
    content: "";
    width: 0px;
    height: 0px;
    border-radius: 50%;
    right: 6px;
    top: 50%;
    position: absolute;
    border: 2px solid #000000;
    border-right: 3px solid var(--white-color);
    -webkit-animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
    animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
  }
  @-webkit-keyframes rotate360 {
    100% {
      transform: rotate(360deg);
    }
  }
  @keyframes rotate360 {
    100% {
      transform: rotate(360deg);
    }
  }
  @-webkit-keyframes exist {
    100% {
      width: 15px;
      height: 15px;
      margin: -8px 5px 0 0;
    }
  }
  @keyframes exist {
    100% {
      width: 15px;
      height: 15px;
      margin: -8px 5px 0 0;
    }
  }