@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
    --facebook: #3C5B9B;
    --twitter: #fff;
    --linkedin: #027ba5;
    --youtube: #f70000;
    --instagram: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    --whatsapp: #00cf4d;
    --blackColor: #000;
}


html,
body {
    background: #fff;
    color: #545454;
    font-family: "Inter", sans-serif;
    font-size: 15px;
    line-height: 1.6;
    height: 100%;
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #121a26;
    font-weight: 600;
    line-height: 1.3;
}

h2 {
    margin-top: 1.3em;
}

a {
    color: #0083e8;
    text-decoration: none;
}

b,
strong {
    font-weight: 600;
}

samp {
    display: none;
}

img {
    max-width: 100%;
}

/* Header*/

header {
    float: left;
    width: 100%;
    margin: 0;
    padding: 10px 0;
    position: relative;
    background: #fff;
    border-bottom: 1px solid #eee;
}

.container-fluid {
    padding: 0 30px;
}

.gmHome header {
    padding: 5px 0;
    border-bottom: 0;
}


header.stricky-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    padding: 5px 0;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
    box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
    animation-name: 'fadeInDown';
    animation-duration: 1s;
    animation-fill-mode: both
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

header .topLinks {
    width: 100%;
    color: #fff;
    padding: 0px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: start;
    height: 100%;
}

header .topLinks li {
    list-style-type: none;
    display: inline-block;
    margin: 0;
    line-height: 35px;
    vertical-align: middle;
    position: relative;
}

header .topLinks li ul.topSubMenu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 210px;
    margin: 0;
    padding: 0;
    background: #fff;
    list-style: none;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .12);
    border: solid 1px #ccc;
    display: none;
    z-index: 99;
    border-radius: 12px;
}

header .topLinks li:hover a {
    color: #ef3b24;
}

header .topLinks li:hover ul.topSubMenu {
    display: block;
    will-change: transform;
}

header .topLinks li:hover ul.topSubMenu:after {
    content: '';
    position: absolute;
    border: solid rgba(33, 43, 54, .15);
    border-width: 0 2px 2px 0;
    padding: 5px;
    left: 20px;
    transform: rotate(-135deg);
    top: -7px;
    background: #fafafa;
}


header .topLinks li ul.topSubMenu li {
    border-bottom: solid 1px #eee;
    width: 100%;
    display: block;
    line-height: normal;
}

header .topLinks li ul.topSubMenu li a {
    padding: 8px 12px;
    display: block;
    color: #333;
}

header .topLinks li ul.topSubMenu li a:hover {
    color: #ef3b24;
}

header .topLinks li ul.topSubMenu li:last-child {
    border: 0;
}

header .topLinks li:first-child a {
    border: 0;
}

header .topLinks li a {
    /* border-left: 1px solid rgba(0, 0, 0, .106); */
    font-size: 14px;
    text-decoration: none;
    color: #464646;
}

header .topLinks li a svg {
    width: 18px;
    height: 18px;
}

header .topLinks li a:hover,
header .topLinks li a:focus {
    color: #ef3b24;
}

header .topLinks li a.login {
    height: 30px;
    font-weight: 400;
    padding: 5px 10px;
    background: #22bdef;
    color: #fff;
    border: 1px solid #12a8d9;
    border-radius: 4px;
}

header .topLinks li a.login:hover,
header .topLinks li a.login:focus {
    background: #1aa4d0;
    color: #fff;
    border: 1px solid #0f85ac;
}

header .topLinks li a.listBtn {
    height: 30px;
    font-weight: 400;
    padding: 5px 10px;
    background: #ef3b24;
    color: #fff;
    border: 1px solid #db321d;
    border-radius: 4px;
}

header .topLinks li a.listBtn:hover,
header .topLinks li a.listBtn:focus {
    background: #c6402f;
    color: #fff;
    border-color: #b03020;
}

.topLeft {
    display: flex;
    align-items: center;
}

.topLeft form {
    width: 100%;
}

.topLeft .logo {
    max-width: 90px;
    width: 100%;
    margin-right: 10px;
}

.topLeft .searchBox {
    box-shadow: 0px 1px 2px 0px rgba(60, 64, 67, 0.25);
}

.topLeft .searchBox input {
    min-height: 38px;
}

.topLeft .searchBox .mic,
.topLeft .homeSearchBtn {
    height: 38px;
}

/* Header GM Directory */
.gmHome .explore {
    position: static;
}

.explore {
    position: static;
    height: 40px;
    line-height: 40px;
}

.explore .gm {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    padding: 0 10px 0 0;
    cursor: pointer;
    position: relative;
    line-height: normal;
}

.explore .gm:after {
    position: absolute;
    color: #fff;
    right: -10px;
    top: 2px;
    transition: all .5s ease;
    content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='13' fill='%23333' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'></path></svg>");
}

.explore:hover .gm:after {
    content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='13' fill='%23ef3b24' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708z'/></svg>");
}

.explore .gm.active:after {
    content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='13' fill='%23ef3b24' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708z'/></svg>");
}

.explore .gm:hover,
.explore .gm.active,
.explore:hover .gm {
    color: #ef3b24;
}

.exploreMenu {
    width: 100%;
    background: #fff;
    position: absolute;
    overflow: hidden;
    z-index: 1000;
    padding: 0;
    box-shadow: 0 15px 36px -12px rgba(0, 0, 0, .5);
    top: 45px;
    left: 25px;
    right: auto;
    max-width: 1310px;
    margin: 0 auto;
    transition: all .3s ease;
    display: none;
    border-radius: 16px;
}

.gmHome .exploreMenu {
    top: 35px;
}

.explore:hover .exploreMenu {
    display: block;
}

/**/
.exploreMenuLeft {
    float: left;
    width: 22%;
    padding: 20px 0 20px 20px;
    height: 500px;
}

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

.exploreMenuLeft ul li {
    list-style: none;
    line-height: normal;
    display: block;
}

.exploreMenuLeft ul li a {
    border: 0;
    padding: 8px 12px;
    color: #333;
    font-weight: 600;
    font-size: 12px;
    padding: 10px 12px;
    width: 100%;
    text-transform: uppercase;
    position: relative;
    /* transition: all .3s ease; */
    display: flex;
    align-items: center;

}

.exploreMenuLeft ul li a span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

header .topLinks li:hover .exploreMenuLeft ul li a {
    color: #333;
    border: 0;
}

header .topLinks li:hover .exploreMenuLeft ul li a:hover {
    color: #ef3b24;

}

.exploreMenuLeft ul li a.active {
    color: #ef3b24;
    background-color: #f7f7f7;
    border-start-start-radius: 30px;
    border-start-end-radius: 0;
    border-end-end-radius: 0;
    border-end-start-radius: 30px;
    position: relative;
}

.exploreMenuLeft ul li a.active::after {
    content: "";
    position: absolute;
    top: 43px;
    z-index: 0;
    inset-inline-end: 0;
    bottom: 0;
    height: 20px;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom: transparent;
    border-start-start-radius: 0;
    border-start-end-radius: 48px;
    border-end-end-radius: 0;
    border-end-start-radius: 0;
    border-inline-end: 20px solid #fff;
}

.exploreMenuLeft ul li a.active::before {
    content: "";
    position: absolute;
    top: -20px;
    z-index: 9;
    inset-inline-end: 0;
    bottom: 0;
    height: 20px;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom: transparent;
    border-start-start-radius: 0;
    border-start-end-radius: 0;
    border-end-end-radius: 48px;
    border-end-start-radius: 0;
    border-inline-end: 20px solid #fff;
}


.exploreMenuLeft ul li a.active .shape1 {
    position: absolute;
    top: -20px;
    width: 20px;
    height: 20px;
    inset-inline-end: 0;
    background: #f7f7f7;
}

.exploreMenuLeft ul li a.active .shape2 {
    position: absolute;
    top: 42px;
    width: 20px;
    height: 20px;
    inset-inline-end: 0;
    background: #f7f7f7;
}



.exploreMenuLeft ul li a i {
    vertical-align: sub;
    font-size: 18px;
    margin-right: 4px
}

.exploreMenuLeft ul li a img {
    width: 22px;
    margin-right: 15px;
    display: inline-block;
}


.exploreMenuRight {
    float: left;
    width: 78%;
    /* border-left: 1px solid #d6d6d6; */
    padding: 20px;
    height: 500px;
    overflow: hidden;
    overflow-y: auto;
    position: relative;
    background: #f7f7f7;
}

.exploreMenuRight p {
    color: #333;
}

.exploreMenu .clopme {
    right: 0;
    position: absolute;
    top: 0;
    font-size: 30px;
    cursor: pointer;
    color: #333;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.catPanel {
    display: none;
}


.exploreMenuRight .category-title {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 10px;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 15px;
    color: #121a26;
    line-height: 1.3;
}

.exploreMenuRight ul {
    margin: 0;
    padding: 0;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    display: grid;
}

.exploreMenuRight ul li {
    float: left;
    width: 100%;
    padding: 0 10px 6px 0;
    position: relative;
    list-style: none;
    line-height: normal;
}

.exploreMenuRight ul li a {
    color: #ef3b24;
    font-size: 14px;
    font-weight: 600;
    transition: all .2s ease;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    white-space: pre;
    width: 100%;
    border: 0;
}

header .topLinks li:hover .exploreMenuRight ul li a {
    border: 0;
}

.exploreMenuRight ul li a:before {
    content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%23ef3b24' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/></svg>");
    transition: all .5s ease;
    margin-right: 3px;
}

.exploreMenuRight ul li ul {
    width: 100%;
    display: flex;
    margin-top: 5px;
    flex-direction: column;
}

.exploreMenuRight ul li ul li {
    width: 100%;
    line-height: normal;
}

.exploreMenuRight ul li ul li a {
    font-weight: 400;
    color: #333;
}

header .topLinks li:hover .exploreMenuRight ul li ul li a {
    font-weight: 400;
    color: #333;
}

.exploreMenuRight ul li ul li a:before {
    content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%23333' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/></svg>");
    transition: all .5s ease;
    margin-right: 3px;
}

.exploreMenuRight ul li a:hover {
    color: #ef3b24;
    text-decoration: underline;
    transition: all .2s ease
}

header .topLinks li:hover .exploreMenuRight ul li ul li a:hover {
    color: #ef3b24;
}



/**/
.exploreMenuBottom {
    position: relative;
    overflow: hidden;
    width: 100%;
    border-top: 1px solid #d6d6d6;
    padding: 10px 20px;
    font-weight: 600;
}


.exploreMenuBottom ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

.exploreMenuBottom ul li {
    list-style: none;
    line-height: normal;
}

.exploreMenuBottom ul li {
    border-right: 0 solid #dedede;
    background: 0 0;
    float: left;
    color: #333;
}

.exploreMenuBottom ul li:first-child {
    width: 58%;
    font-weight: 500;
    margin-right: auto;
}

.exploreMenuBottom ul li:first-child a {
    display: inline-block;
    width: 100%;
    display: block;
    font-size: 18px;
    color: #ef3b24;
    padding-top: 0;
    font-weight: 600;
}

.exploreMenuBottom ul li:first-child a:hover {
    color: #22bdef;
}

.exploreMenuBottom ul li:nth-child(2) {
    margin-right: 8px
}

.exploreMenuBottom ul li:nth-child(2) a {
    font-size: 14px;
    margin-right: 10px;
    height: inherit;
    padding: 10px 10px 10px 20px;
    display: inline-block;
    width: 100%;
    font-weight: 500;
    border-radius: 4px;
    background: #ef3b24;
    color: #fff;
    border-color: #db321d;
    line-height: normal;
}

.exploreMenuBottom ul li:nth-child(2) a:hover,
.exploreMenuBottom ul li:nth-child(2) a:focus {
    background: #c6402f;
    color: #fff;
    border-color: #b03020;
}

.exploreMenuBottom ul li:last-child a {
    font-size: 14px;
    margin-right: 10px;
    height: inherit;
    padding: 10px 10px 10px 20px;
    display: inline-block;
    width: 100%;
    font-weight: 500;
    border-radius: 4px;
    background: #22bdef;
    color: #fff;
    border: 1px solid #12a8d9;
    line-height: normal;
}

.exploreMenuBottom ul li:last-child a:hover,
.exploreMenuBottom ul li:last-child a:focus {
    background: #1aa4d0;
    color: #fff;
    border-color: #0f85ac;
}

header .topLinks li:hover .exploreMenuBottom ul li a {
    color: #fff;
}

.exploreMenuBottom ul li a i {
    vertical-align: sub;
    color: #fff;
    font-size: 20px;
    padding-right: 5px
}

/**/

header .topRight .topLinks {
    justify-content: end;
    gap: 8px;
}

header .topRight .topLinks li a {
    padding: 7px 12px;
}

/* Home Search */
.homeWrapper {
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    height: 100%;
}

.homeSearch {
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
}

.homeSearch .logo {
    display: block;
    margin-top: 20px;
}

.homeSearch .homeTitleH1 {
    font-size: 16px;
    font-weight: 600;
    margin: 15px 0 0;
    padding: 0;
    color: #333;
}

.searchWrapper {
    width: 100%;
    position: relative;
    max-width: 630px;
    margin: 25px auto 0;
}

.searchBox {
    width: 100%;
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #dfe1e5;
    box-shadow: 0px 2px 8px 0px rgba(60, 64, 67, 0.25);
    border-radius: 30px;
    position: relative;
}

.searchBox .searchIcon {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 15px;
    z-index: 1;
}

.searchBox input {
    font-size: 14px;
    width: 100%;
    position: relative;
    min-height: 44px;
    margin: 0 auto;
    max-width: 584px;
    padding: 0 15px 0 40px;
    outline: 0;
    border: 0;
    border-radius: 30px;

}

.searchBox .mic {
    width: 44px;
    height: 44px;
    min-width: 44px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.searchBox .mic svg {
    width: 20px;
    height: 20px;
}

.searchBox .mic:hover {
    color: #ef3b24;
}

.homeSearchBtn {
    width: 100px;
    min-width: 100px;
    font-size: 14px;
    font-weight: 500;
    padding: 0 15px;
    height: 44px;
    background: #ef3b24;
    color: #fff;
    border: 1px solid #ef3b24;
    border-radius: 0 30px 30px 0;

}

.homeSearchBtn:hover,
.homeSearchBtn:focus,
.homeSearchBtn:focus-within,
.homeSearchBtn:focus-visible {
    background: #c62c19;
    border-color: #c62c19;
}

.requirementTitle {
    margin-top: 18px;
    display: block;
}

.requirementTitle a {
    color: #22bdef;
}

.requirementTitle a:hover {
    color: #c62c19;
}

.topLeft form {
    width: 100%;
    max-width: 460px;
    margin-left: 25px;
}

.topLeft .searchWrapper {
    margin: 0;
    width: 100%;
    max-width: 460px;
    margin-left: 25px;
}

.topLeft .searchBox {
    border-radius: 4px;
}

.topLeft .homeSearchBtn {
    border-radius: 0 4px 4px 0;
}


/* Suggetion Option*/

.trending-box {
    position: absolute;
    background: #fff;
    top: auto;
    left: 0;
    z-index: 99;
    width: 100%;
    border-radius: 16px;
    padding: 0px;
    box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28);
    display: none;
    /* Hidden by default */
}

.trending-title {
    font-size: 16px;
    font-weight: bold;
    padding: 10px 20px;
    margin: 0;
    color: #202124;
    text-align: left;
}

.trend-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.trend-list li {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    cursor: pointer;
    line-height: normal;
    transition: background 0.2s;
    font-size: 14px;
    position: relative;
}

.trend-list li a {
    display: block;
    width: 100%;
    text-align: left;
}

.trend-list li:last-child {
    border-bottom: none;
}

.trend-list li:hover {
    background-color: #f1f3f4;
}

.trend-rank {
    width: 24px;
    text-align: center;
    font-weight: bold;
    color: #666;
    margin-right: 12px;
}

.trend-text {
    font-size: 14px;
    color: #202124;
}


.delete-btn {
    cursor: pointer;
    font-size: 14px;
    color: #ccc;
    margin-left: auto;
    transition: color 0.3s;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.delete-btn:hover,
.delete-btn:focus {
    color: #c62c19;
}

.clear-all-btn {
    background-color: #f1f3f4;
    color: #333;
    border: none;
    padding: 8px 16px;
    border-radius: 16px;
    font-size: 14px;
    cursor: pointer;
    margin-top: 12px;
    display: block;
    width: 100%;
    text-align: center;
    transition: background-color 0.3s;
}

.clear-all-btn:hover {
    color: #ef3b24;
}

/* Home Category*/

.mainCategory {
    background: #fff;
    border-radius: 16px;
    padding: 0px 0 15px;
    height: 100%;
    position: relative;
    z-index: 1;
    margin: 0;
}

.mainCategoryTitle {
    font-weight: 700;
    color: #333;
    font-size: 18px;
    margin: 0 0 10px;
    padding: 0;
}

.mainCategory .categoryWrapper {
    margin: 0;
    padding: 0;
    display: flex;
    flex-flow: row wrap;
    margin: 0;
    padding: 0;
    gap: 10px;
    justify-content: center;
}

.mainCategory .categoryWrapper .categoryItem {
    list-style: none;
    text-align: center;
    width: calc(100% / 8 - 10px);
    padding: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #bed1db;
    transition: all .3s ease-in-out;
    background: #fff;
    border-radius: 14px;
    height: auto;
}

.mainCategory .categoryWrapper .categoryItem a {
    padding: 10px 5px;
    width: 100%;
    height: 100%;

}

.mainCategory .categoryWrapper .categoryItem:hover {
    -webkit-box-shadow: 0 0 10px #c4c4c4;
    -moz-box-shadow: 0 0 10px#c4c4c4;
    box-shadow: 0 0 10px #c4c4c4;
}

.mainCategory .categoryWrapper .categoryItem img {
    width: 40px;
    margin-bottom: 5px;
}

.mainCategory .categoryWrapper .categoryItem span {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: #333;
    height: 40px;
    line-height: normal;
}

.mainCategory .categoryWrapper .categoryItem:hover span {
    color: #ff5206;
}

.mainCategory .categoryWrapper .categoryItem .categoryList {
    position: absolute;
    top: auto;
    left: 0;
    bottom: 0;
    width: max-content;
    max-width: 880px;
    min-width: 700px;
    height: auto;
    background: #fff;
    z-index: 999;
    -webkit-filter: drop-shadow(0px 0.625rem 1.875rem rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0px .625rem 1.875rem rgba(0, 0, 0, .2));
    will-change: transform;
    padding: 15px;
    border-radius: 16px;
    display: none;
    margin: auto 0;
    height: auto;
    border: 0;
    transform: translateY(98%);
    border: 1px solid #bed1db;
    transition: all .3s ease-in-out;
}

.mainCategory .categoryWrapper .categoryItem:hover .categoryList {
    border: 1px solid #bed1db;
}

.mainCategory .categoryWrapper .categoryItem .categoryList:before {
    position: absolute;
    left: 45px;
    top: -8px;
    bottom: auto;
    margin: auto 0;
    content: '';
    width: 6px;
    height: 6px;
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    z-index: 1;
}

.mainCategory .categoryWrapper .categoryItem .categoryList:after {
    position: absolute;
    left: 43px;
    top: -10px;
    bottom: auto;
    margin: auto 0;
    content: '';
    width: 6px;
    height: 6px;
    border-bottom: 10px solid #bed1db;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.mainCategory .categoryWrapper .categoryItem:hover .categoryList {
    display: flex;
    align-items: start;
}


.categoryList .fullInfo {
    font-size: 14px;
    line-height: normal;
    color: #333;
    text-align: left;
    display: block;
    width: 100%;
    border: 0;
    height: auto;
}

.categoryList .fullInfo ul {
    margin: 0;
    padding: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.categoryList .fullInfo ul li {
    display: block;
    width: calc(100%/6 - 9px);
    box-shadow: none;
}

.categoryList .fullInfo ul li a {
    color: #ef3b24;
    font-weight: 600;
    white-space: nowrap;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    height: auto !important;
    padding: 0 !important;
}


.categoryList .fullInfo ul li ul {
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
    gap: 0;
}

.categoryList .fullInfo ul li ul li {
    margin-bottom: 5px;
    position: relative;
    list-style: none;
    width: 100%;

}

.categoryList .fullInfo ul li ul li a {
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    font-size: 13px;
    font-weight: 400;
    padding: 0 !important;
}

/* .categoryList .fullInfo ul li ul li:after {
    position: absolute;
    left: 0;
    content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='13' fill='%23333' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/></svg>");
} */

.categoryList .fullInfo ul li ul li a:hover {
    color: #ef3b24;
    text-decoration: underline;
}

/*Leftside popup*/

.mainCategory .categoryWrapper .categoryItem:nth-child(n+4) .categoryList {
    left: auto;
    right: auto;

}

.mainCategory .categoryWrapper .categoryItem:nth-child(n+4) .categoryList:after {
    position: absolute;
    right: 0;
    left: 0;
    top: -10px;
    bottom: auto;
    margin: 0 auto;
    content: '';
    width: 6px;
    height: 6px;
    border-bottom: 10px solid #bed1db;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.mainCategory .categoryWrapper .categoryItem:nth-child(n+4) .categoryList:before {
    position: absolute;
    right: 0;
    left: 0;
    top: -8px;
    bottom: auto;
    margin: 0 auto;
    content: '';
    width: 6px;
    height: 6px;
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}

.mainCategory .categoryWrapper .categoryItem:nth-child(n+6) .categoryList {
    left: auto;
    right: 0%;
}

.mainCategory .categoryWrapper .categoryItem:nth-child(n+6) .categoryList:after {
    position: absolute;
    right: 43px;
    left: auto;
    top: -10px;
    bottom: auto;
    margin: auto 0;
    content: '';
    width: 6px;
    height: 6px;
    border-bottom: 10px solid #bed1db;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.mainCategory .categoryWrapper .categoryItem:nth-child(n+6) .categoryList:before {
    position: absolute;
    right: 45px;
    left: auto;
    top: -8px;
    bottom: auto;
    margin: auto 0;
    content: '';
    width: 6px;
    height: 6px;
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}

/*Right popup*/

.mainCategory .categoryWrapper .categoryItem:nth-child(n+9) .categoryList {
    right: auto;
    position: absolute;
    top: 0;
    left: 0;
    height: auto;
    background: #fff;
    z-index: 999;
    -webkit-filter: drop-shadow(0px 0.625rem 1.875rem rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0px .625rem 1.875rem rgba(0, 0, 0, .2));
    will-change: transform;
    padding: 15px;
    border-radius: 16px;
    display: none;
    margin: auto 0;
    height: auto;
    border: 0;
    bottom: auto;
    transform: translateY(-99%);
    border: 1px solid #bed1db;
    transition: all .3s ease-in-out;
}


.mainCategory .categoryWrapper .categoryItem:nth-child(n+9) .categoryList:before {
    position: absolute;
    right: auto;
    left: 45px;
    top: auto;
    bottom: -8px;
    margin: auto 0;
    content: '';
    width: 6px;
    height: 6px;
    border-bottom: 0;
    border-top: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    z-index: 1;
}

.mainCategory .categoryWrapper .categoryItem:nth-child(n+9) .categoryList:after {
    position: absolute;
    right: auto;
    left: 43px;
    bottom: -10px;
    top: auto;
    margin: auto 0;
    content: '';
    width: 6px;
    height: 6px;
    border-bottom: 0;
    border-top: 10px solid #bed1db;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.mainCategory .categoryWrapper .categoryItem:nth-child(n+9):hover .categoryList {
    display: flex;
    align-items: start;
}

/*Leftside popup*/

.mainCategory .categoryWrapper .categoryItem:nth-child(n+12) .categoryList {
    left: auto;
    right: auto;
}

.mainCategory .categoryWrapper .categoryItem:nth-child(n+12) .categoryList:before {
    position: absolute;
    top: auto;
    right: 0;
    left: 0;
    bottom: -8px;
    margin: 0 auto;
    content: '';
    width: 6px;
    height: 6px;
    border-top: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}

.mainCategory .categoryWrapper .categoryItem:nth-child(n+12) .categoryList:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    top: auto;
    margin: 0 auto;
    content: '';
    width: 6px;
    height: 6px;
    border-bottom: 0;
    border-top: 10px solid #bed1db;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.mainCategory .categoryWrapper .categoryItem:nth-child(n+14) .categoryList {
    left: auto;
    right: 0%;
}

.mainCategory .categoryWrapper .categoryItem:nth-child(n+14) .categoryList:before {
    position: absolute;
    top: auto;
    right: 45px;
    left: auto;
    bottom: -8px;
    margin: auto 0;
    content: '';
    width: 6px;
    height: 6px;
    border-top: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}

.mainCategory .categoryWrapper .categoryItem:nth-child(n+9) .categoryList:after {
    position: absolute;
    left: auto;
    right: 43px;
    bottom: -10px;
    top: auto;
    margin: auto 0;
    content: '';
    width: 6px;
    height: 6px;
    border-bottom: 0;
    border-top: 10px solid #bed1db;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

/**/
.gmHome {
    display: flex;
    flex-direction: column;
    height: 100%;
    height: calc(100% - 40px);
}

/* Home Locations */
.homeRegionSection {
    float: left;
    width: 100%;
    padding: 0;
    background: #fff;
}

.homeRegionSection .homeRegionSectionTitle {
    margin: 0 0 10px;
    padding: 0;
    font-size: 22px;
    color: #333;
    font-weight: 600;
    line-height: normal;
}

.homeRegionSection .list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.homeRegionSection .list li {
    display: inline-block;
}

.homeRegionSection .list li:first-child {
    font-weight: 600;
    color: #22bdef;
}

.homeRegionSection .list li h2 {
    font-size: 15px;
    line-height: 1.6;
    font-weight: 600;
    color: #22bdef;
    margin: 0;
    padding: 0;
}

.homeRegionSection .list li h3 {
    font-size: 15px;
    line-height: 1.6;
    font-weight: 600;
    color: #22bdef;
    margin: 0;
    padding: 0;
}

.homeRegionSection .list li a {
    display: flex;
    flex-direction: column;
    /* width: 90px;
    height: 90px; */
    align-items: center;
    justify-content: center;
    color: #333;
    transition: all .3s ease;
}

.homeRegionSection .list li a:hover {

    color: #ef3b24;
    border-color: #ef3b24
}


.homeRegionSection .list li a img {
    height: 53px;
    width: 53px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #f5f5f5;
}

.homeRegionSection .list li a span {
    display: block;
    font-size: 13px;
    padding: 5px 12px;
    border: 1px solid #bed1db;
    border-radius: 20px;
}

.homeRegionSection .list li a span svg {
    width: 12px;
    height: 12px;
}

/**/
.homeBottom {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    height: 40px;
    background: #f7f7f7;
}

.homeBottom p {
    margin: 0;
    padding: 0;
    line-height: 40px;
}

.homeBottom p a {
    color: #545454;
}

.homeBottom p a:hover {
    color: #ef3b24;
}

.bottomLinks {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    justify-content: center;
}

.bottomLinks li {
    list-style: none;
    color: #333;
    font-size: 14px;
    line-height: normal;
    padding: 0 15px;
    line-height: 40px;
}

.bottomLinks li:last-child {
    padding-right: 0;
}

.bottomLinks li a {
    color: #333;
}


.bottomLinks li a:hover {
    color: #ef3b24;
}


.footerLogo {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    padding: 2px 0;
}

.footerLogo img {
    max-width: 70px;
    width: 100%;
}


/* Inner pages Footer */
.wed-hom-footer {
    float: left;
    width: 100%;
    padding: 30px 0 10px;
    background: #eee;
}


.footerTitle {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #333;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 15px;
}

.footerLinks {
    margin: 0 0 15px;
    padding: 0;
    display: block;
    width: 100%;
    float: left;
}

.footerLinks li {
    width: 50%;
    float: left;
    margin-bottom: 8px;
    list-style: none;
}

.footerLinks li a {
    color: #444;
    font-size: 13px
}

.footerLinks li a:hover,
.footerLinks li a:focus {
    color: #ef3b24;
}

/* Social Media */
.socialMedia {
    margin: 0 0 15px;
    list-style: none;
    padding: 0px;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
    float: left;
}

.socialMedia li {
    margin: 0px;
    display: inline-block;
    padding: 0;
    border: 0;
    width: auto !important;
}

.socialMedia li a {
    transition: background 400ms ease-in-out;
    text-align: center;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.socialMedia li a svg {
    width: 15px;
    height: 15px;
    margin: 0;
    padding: 0;
}

.socialMedia li.facebook a {
    background: var(--facebook);
    color: #fff;
}

.socialMedia li.twitter a {
    background: var(--blackColor);
    color: #fff;
}

.socialMedia li.linkedin a {
    background: var(--linkedin);
    color: #fff;
}

.socialMedia li.youtube a {
    background: var(--youtube);
    color: #fff;
}

.socialMedia li.instagram a {
    background: var(--instagram);
    color: #fff;
}


/* Go To Top */
.goToTop {
    position: fixed;
    z-index: 8030;
    bottom: 65px;
    right: 30px;
    width: 35px;
    height: 35px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s;
    display: none;
    background: #ef3b24;
}

.goToTop:hover {
    background: #333;
    color: #fff;
}


.goToTop svg {
    width: 18px;
    height: 18px;
}

/* Video Modal */
#videoModal .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    outline: 0;
    background-color: #eee;
    padding: 8px;
    border-radius: 0;
}

#videoModal.modal.show {
    display: flex !important;
    align-items: center;
}

#videoModal.modal.show .modal-dialog {
    margin: auto;
    width: 100%;

}

#videoModal .modal-content {
    border-radius: 0;
}

#videoModal .modal-body {
    padding: 0;
}

#videoModal iframe {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;

}

.videoModalInfo {
    padding: 10px 15px;
    display: block;
    width: 100%;
}

.videoModalInfoTitle {
    font-weight: 600;
    font-size: 16px;
    color: #ef3b24;
    margin-bottom: 5px;
}

.soldByModal {
    box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.07);
    border-radius: 8px;
    padding: 12px 16px;
    border: 1px solid #d9d9d9;
    line-height: normal;
    margin-bottom: 15px;
}

.soldByModalName {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    padding: 0;
    font-size: 16px;
    color: #1b1d1d;
}

.byText {
    font-size: 15px;
    color: #1b1d1d;
    font-weight: 600;
}

.byCompany {
    color: #4d4d4d;
    font-size: 14px;
}

.modalVerified {
    font-size: 13px;
    flex-wrap: wrap;
    color: #0f0f10;
    display: flex;
    margin-top: 10px;
}


.modalLeading,
.modalSeal {
    margin-right: 10px;
    align-items: center;
    display: flex;
}

.modalLeading img,
.modalSeal img {
    width: 20px;
    height: 22px;
    margin: 0 3px 0 0;
}


/* Breadcrumbs */
.breadcrumbs {
    float: left;
    width: 100%;
    margin: 0;
    padding: 10px 0;
    background: #f7f7f7;
}

.breadcrumbs ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 0;
}

.breadcrumbs ul li {
    list-style: none;
    color: #ef3b24;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
}

.breadcrumbs ul li+li:before {
    content: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="%23333" class="bi bi-chevron-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/></svg>');
    padding: 0 3px;
    display: inline-flex;
    position: relative;
    margin-top: 2px;
}

.breadcrumbs ul li a {
    color: #333;
}

.breadcrumbs ul li a:hover {
    color: #ef3b24;
}

/**/
.listDirectory {
    float: left;
    width: 100%;
    padding: 30px 0 30px;
}

.listItem {
    display: block;
    padding: 0;
    margin-bottom: 40px;
    background: #fff;
    border: 1px solid #d9d9d9;
    box-shadow: 1px 4px 5px rgba(0, 0, 0, 0.06);
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
}


.listHeader {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    color: #333;
}

.itemLogo {
    width: 30px;
    border-radius: 4px;
    border: 1px solid #bed1db;
    padding: 3px;
    margin-right: 10px;
}

.ItemInfo {
    line-height: normal;
}

.listItemMoreInfoTitle {
    font-weight: 600;
    font-size: 16px;
    color: #0f85ac;
    margin-top: 0;
    margin-bottom: 5px;
}

.ItemInfo .link {
    font-size: 12px;
}

.listItem p {
    font-size: 13px;
    line-height: 22px;
}

.listItem .listItemLeft a:hover .listItemMoreInfoTitle {
    text-decoration: underline;
}

/*category Items 5 images */
.catListWidthImg {
    display: flex;
    flex-flow: row wrap;
    margin: 0 0 10px;
    padding: 0;
    gap: 15px;
}

.catItem {
    width: calc(100% / 5 - 14px);
    border: 1px solid #bed1db;
    transition: all .3s ease-in-out;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    height: auto;
}

.catItem .image {
    aspect-ratio: 1/1;
    border-bottom: 1px solid #bed1db;
}

.catItem img {
    aspect-ratio: 1/1;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top center;
}

.catItem .catItemName {
    display: flex;
    align-items: center;
    padding: 8px;
    line-height: normal;
    font-size: 11px;
}

.catItem .catItemName a {
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.catItem:hover .catItemName a,
.catItem .catItemName a:focus {
    color: #ef3b24;
}

/**/
.listItemLeft {
    width: 100%;
    padding: 15px;
    position: relative;

}

.listItemLeft .verified {
    position: absolute;
    right: 10px;
    top: 10px;
    max-width: 75px;
}


.listItemRight {
    width: 25%;
    height: 100%;
    padding: 15px;
}

.itemCompany {
    display: flex;
    margin-bottom: 10px;
    justify-content: space-between;
}

.itemCompany .cboxr {
    /* width: calc(100% - 120px);
    padding-right: 7px; */
}

.itemCompany .title {
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
    color: #ef3b24;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.textLimit {
    margin-bottom: 5px;
    font-size: 14px;
    text-align: justify;
}

.textImg {
    float: right;
    max-width: 115px;
    margin: 0 0 15px 15px;
    border: 1px solid #bed1db;
    aspect-ratio: 1/1;
    border-radius: 12px;
    overflow: hidden;

}

.textImg img {
    aspect-ratio: 1/1;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top center;
}


.companyName {
    line-height: normal;
}


.itemLocation {
    font-size: 13px;
    color: #545454;
    display: block;
    white-space: normal;
    transition: 0.2s ease-in-out;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    overflow: initial !important;
    margin: 0;

}

.itemLocation svg {
    fill: #7f7f7f;
    width: 14px;
    height: 14px;
    vertical-align: middle;
}


/**/

.memberBox {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #333;
}

a.memberBox:hover,
a.memberBox:focus {
    color: #ef3b24;
}

.memberBox .memberIcon svg,
.memberBox .memberIcon img {
    width: 25px;
    height: 25px;
    min-width: 25px
}

.memberBox .memberIcon {
    width: 25px;
    margin-right: 5px;
}

.memberBox .memberText {
    line-height: normal;
    margin: 0;
}

.memberBox .memberText {
    font-size: 14px;
    font-weight: 600;
}

.memberBox strong {
    font-weight: 600;
    color: #000;
    font-size: 10.5px;
}


/**/
.memberText {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 10px 0 10px;
}

.memberStar {
    display: inline-flex;
    align-items: center;
    position: relative;
    font-size: 14px;
    color: #757575;
    line-height: normal;

}

.memberStar img {
    width: 15px;
    min-width: 15px;
    margin-right: 5px;
}

.ratingNumber {
    font-size: 14px;
    color: #323232;
    font-weight: 500;
    display: inline-block !important;
}

.starDiv {
    position: relative;
    display: inline-block;
    unicode-bidi: bidi-override;
    color: #d0d0d0;
    margin: 0;
    padding: 0;
    font-size: 18px;
    text-align: left;
}

.starWidth {
    position: absolute;
    left: 0;
    color: #fbbc04;
    padding: 0;
    z-index: 1;
    top: 0;
    overflow: hidden;
    bottom: 0;
}

.starWidth span {
    word-break: normal;
}

/***/
.viewMobile {
    background: #1aa4d0;
    color: #fff;
    border: 1px solid #0f85ac;
    display: inline-block;
    font-weight: 600;
    padding: .375rem .75rem;
    border-radius: .25rem;
    width: 100%;
    text-align: center;
    cursor: pointer;
    margin-bottom: 15px;
    font-size: 14px;
}

.viewMobile:hover,
.viewMobile:focus {
    background: #22bdef;
    color: #fff;
    border: 1px solid #12a8d9;
}

.contactManufacturer {
    border: 1px solid transparent;
    background: #ef3b24;
    color: #fff;
    border-color: #db321d;
    display: inline-block;
    font-weight: 600;
    padding: .375rem .75rem;
    border-radius: .25rem;
    width: 100%;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-bottom: 15px;
}

.contactManufacturer:hover,
.contactManufacturer:focus {
    background: #c6402f;
    color: #fff;
    border-color: #b03020;
}

.youtube {
    color: #e12428;
}


.listDirectoryTop {
    border-bottom: 1px solid #eee;
    display: block;
    margin-bottom: 12px;
}

.catList {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    gap: 0;
    justify-content: flex-start;
    align-items: center;

}

.catList li {
    display: inline-block;
    position: relative;
}

.catList li a {
    color: #333;
    padding: 3px 15px 5px;
    display: block;
    border-bottom: 3px solid transparent;
    width: fit-content;
    font-size: 14px;
}

.catList li a:hover {
    color: #ef3b24;
}

.catList li.active a {
    border-color: #ef3b24;
    padding-left: 0;
    padding-right: 0;
    color: #ef3b24;
}

.listingTitleH1 {
    font-size: 22px;
    font-weight: 500;
    margin: 0 0 10px;
    color: #333;
}

.listContent {
    width: 100%;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 15px;
    background: #f7f7f7;
    margin-bottom: 30px;
}

.listContent p {
    font-size: 14px;
}

.listTagsWrapper {
    position: relative;
}

.listTagsWrapper .swiper-button-next.swiper-button-disabled,
.listTagsWrapper .swiper-button-prev.swiper-button-disabled {
    display: none;
}

.listTagsWrapper .swiper-button-prev,
.listTagsWrapper .swiper-rtl .swiper-button-next {
    background: linear-gradient(90deg, #fff 50%, transparent 100%);
    opacity: .9;
    width: 30px;
    transition: opacity .5s, visibility .5s;
    left: 0;
}

.listTagsWrapper .swiper-button-next,
.listTagsWrapper .swiper-rtl .swiper-button-prev {
    right: -25px;
    background: linear-gradient(90deg, #fff 50%, transparent 100%);
    opacity: .9;
    width: 30px;
    transition: opacity .5s, visibility .5s;
}

.listTagsWrapper .swiper-button-next:after,
.listTagsWrapper .swiper-button-prev:after {
    font-size: 16px;
    color: var(--blackColor);
}

.listTags {
    margin: 0 0 30px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
}

.listTags .swiper-slide {
    width: fit-content !important;
}

.listTags a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #333;
    transition: all .3s ease;
    font-size: 13px;
    line-height: normal;
    padding: 8px 15px;
    border: 1px solid #bed1db;
    border-radius: 20px;
    white-space: nowrap;
}

.listTags a:hover {

    color: #ef3b24;
    border-color: #ef3b24
}



.listTags li a img {
    height: 53px;
    width: 53px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #f5f5f5;
}

.listTags li a span {
    display: block;
    font-size: 13px;
    line-height: normal;
    padding: 5px 12px;
    border: 1px solid #bed1db;
    border-radius: 20px;
}

.listTags li a:hover span {
    border-color: #ef3b24
}

.listTags li a span svg {
    width: 12px;
    height: 12px;
}



/* Listing Filter */
.listingFilter {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.listingFilter label {
    position: relative;
    display: flex;
    align-items: center;
    font-weight: normal;
    font-size: 14px;
    text-transform: capitalize;
    border-radius: 20px;
    line-height: normal;
    cursor: pointer;

}

.listingFilter label span {
    font-size: 13px;
    font-weight: 600;
    padding: 6px 15px;
    color: #333;
    line-height: normal;
    border: 1px solid #ced4da;
    overflow: hidden;
    border-radius: 20px;
    display: flex;
    align-items: center;
}

.listingFilter label span svg {
    width: 14px;
    height: 14px;
    margin-right: 5px;
}

.listingFilter label input {
    position: absolute;
    top: 9px;
    display: none;
    left: 12px;
}

.listingFilter input:checked+span {
    background: #f9e8e5;
    color: #ef3b24;
    border: 1px solid #f9a196;

}

/**/

/**/

.itemRating {
    position: relative;
    width: max-content;
}

.ratingBtn {
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    padding: 6px 15px;
    color: #333;
    line-height: normal;
    border: 1px solid #ced4da;
    overflow: hidden;
    border-radius: 20px;
    display: flex;
    align-items: center;

}

.ratingBtn:after {
    float: right;
    font-size: 12px;
    margin-top: 3px;
    margin-left: 5px;
    content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='13' fill='%23333' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'></path></svg>");
}

.ratingBtn.selected {
    background: #f9e8e5;
    color: #ef3b24;
    border: 1px solid #f9a196;
}

.ratingBtn.selected::after {
    content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='13' fill='%23ef3b24' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'></path></svg>");
}

.itemRatingsList {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 12px;
    z-index: 1000;
    width: max-content;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.itemRatingsList li {
    padding: 7px 15px;
    cursor: pointer;
    list-style: none;
    line-height: normal;
}

.itemRatingsList li:hover {
    background-color: #f0f0f0;
}

.itemRatingsList li.clear-option {
    color: red;
}


.itemRatingsList li.clear-option button {
    cursor: pointer;
    font-weight: 400;
    font-size: 14px;
    padding: 6px 12px;
    color: #ef3b24;
    border: 1px solid #f9a196;
    border-radius: 4px;
    background: transparent;
}

.itemRatingsList li.clear-option button:hover,
.itemRatingsList li.clear-option button:focus {
    background: #ef3b24;
    color: #fff;
    border: 1px solid #ef3b24;
}


/* Listing Right Sidebar */

.rightSidebar {
    float: left;
    width: 100%;
    margin: 0;
    padding: 15px;
    background: #fff;
    border: 1px solid #d9d9d9;
    box-shadow: 1px 4px 5px rgba(0, 0, 0, 0.06);
    border-radius: 10px;
    margin-bottom: 40px;
    /* position: sticky;
    top: 51px; */
}

.rightSidebarTitle {
    font-weight: 700;
    font-size: 14px;
    color: #333;
    margin-bottom: 10px;
}

.videoList {
    width: 100%;
    display: block;
    margin-bottom: 15px;

}

.videoList a {
    display: flex;
    width: 100%;
    margin-bottom: 15px;
}

.videoList .vidImg {
    display: flex;
    justify-content: center;
    width: calc(100% - 60%);
    aspect-ratio: 16 / 9;
    border-radius: 8px;
    margin-right: 15px;
    position: relative;
}

.videoList .vidImg img {
    aspect-ratio: 16 / 9;
    border-radius: 8px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.videoIcon {
    position: absolute;
    color: red;
    text-align: center;
    z-index: 2;
    box-shadow: 0 0 0 0 rgba(1, 148, 68, .7);
    border-radius: 12px;
    left: 0;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%
}

.videoIcon:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 20px;
    height: 10px;
    background: #fff
}

.videoIcon svg {
    width: 30px;
    height: 30px;
    position: relative
}

.videoIcon:focus,
.videoIcon:hover {
    color: red;
}

.videoList .vidInfo {
    width: calc(100% - 40%);
}

.videoList .vidInfo .vidInfoTitle {
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #333;
    margin-bottom: 5px;
}

.videoList a:hover .vidInfo .vidInfoTitle {
    color: #22bdef;
}

.videoCompanyName {
    font-size: 12px;
    font-weight: normal;
    color: #666;
}


/* Right Side Related Category */
.relatedCategory {
    margin: 0;
    padding: 0;
    width: 100%;
}

.relatedCategory li {
    list-style: none;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.relatedCategory li:last-child {
    border-bottom: 0;
}

.relatedCategory li a {
    font-size: 14px;
    color: #333;
    display: flex;
}

.relatedCategory li .image {
    aspect-ratio: 4/3;
    border: 1px solid #bed1db;
    width: calc(100% - 70%);
    margin: 0;
    margin-right: 10px;
    border-radius: 8px;
    overflow: hidden;
}

.relatedCategory li .image img {
    aspect-ratio: 4/3;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top center;
}

.relatedCategory li .catTitle {
    display: flex;
    align-items: center;
    padding: 0;
    line-height: normal;
    font-size: 14px;
    font-weight: 500;
    width: calc(100% - 30%);
}

.relatedCategory li:hover .catTitle {
    color: #12a8d9;
}

/**/
.form-group {
    position: relative;
    font-size: 15px;
    color: #666;
    margin-bottom: 15px;
}

.form-control {
    border-radius: 4px;
    height: 40px;
    font-size: 13px;
}

.form-control:focus {
    border-color: #ef3b24;
    box-shadow: none;
}

textarea.form-control {
    height: 80px;
}


.iti {
    width: 100%;
}

.iti .iti__selected-dial-code {
    margin-left: 4px;
    font-size: 13px;
    color: #333;
}

/**/


.submitButton {
    padding: 10px 50px;
    background: #22bdef;
    color: #fff;
    border: 1px solid #12a8d9;
    display: inline-flex;
    text-align: center;
    border-radius: 3px;
    z-index: 1;
    font-size: 16px;
    border: 0;
    margin-bottom: 15px;
}

.submitButton:hover,
.submitButton:focus {
    background: #ef3b24;
    color: #fff;
}


/**/
.SumoSelect .CaptionCont {
    position: relative;
    background-color: #fff;
    margin: 0;
    border-radius: 4px;
    height: 40px;
    font-size: 14px;
    padding: 0 15px;
    line-height: 40px;
    border: 1px solid #ced4da;
}

.SumoSelect:hover .CaptionCont {
    border-color: #ced4da;
    box-shadow: none;
}

.SumoSelect.open .CaptionCont,
.SumoSelect:focus .CaptionCont {
    box-shadow: none;
    border-color: #ef3b24;
}

.SumoSelect .optWrapper .options li.opt {
    padding: 6px 15px;
    font-size: 13px;
    color: #333;
}

.SumoSelect .optWrapper .options li.opt:hover {
    background-color: #ef3b24;
    color: #fff;
}

.SumoSelect {
    width: 100%;
}

.SumoSelect.open .optWrapper {
    top: 40px;
}

/**/
.inputGroup {
    display: flex;
    align-items: center;
    max-width: 100%;
    margin: 0;
    position: relative;
}

.inputGroup .SumoSelect {
    position: absolute;
    right: 1px;
    top: 1px;
    max-width: max-content;
}

.inputGroup .SumoSelect .CaptionCont {
    border-radius: 0 4px 4px 0;
    height: 38px;
    line-height: 38px;
    border: 0;
    border-left: 1px solid #ced4da;
}

.inputGroup .SumoSelect.open .search-txt {
    padding: 0 8px;
}

.inputGroup .SumoSelect.open .optWrapper {
    top: 38px;
}











.unitToggle {
    padding: 0 15px;
    padding-right: 30px;
    border-left: 1px solid #ccc;
    background: #fff;
    cursor: pointer;
    border-radius: 0px 4px 4px 0px !important;
    min-width: 90px;
    width: max-content;
    height: 38px;
    line-height: 38px;
    text-align: left;
    position: absolute;
    right: 1px;
    z-index: 999;
    top: 1px;
}

.unitToggle::after {
    content: "▼";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
}

.unitDropdown {
    position: absolute;
    top: 100%;
    right: 0;
    background: white;
    border: 1px solid #ccc;
    width: max-content;
    min-width: 90px;
    display: none;
    z-index: 10;
    margin: 0;
    padding: 0;
    border-radius: 4px 4px;
    overflow: hidden;
}

.unitDropdown li {
    list-style: none;
    padding: 8px 10px;
    cursor: pointer;
    line-height: normal;
}

.unitDropdown li:hover {
    background-color: #f0f0f0;
}

/**/
.getList {
    float: left;
    width: 100%;
    margin: 0;
    padding: 15px;
    background: #fff;
    border: 1px solid #d9d9d9;
    box-shadow: 1px 4px 5px rgba(0, 0, 0, 0.06);
    border-radius: 10px;
    position: sticky;
    top: 55px;
}

.getListTitle {
    font-weight: 700;
    font-size: 16px;
    color: #333;
}

.getListSubTitle {
    font-size: 15px;
    line-height: 1.6;
    color: #0f85ac;
    font-weight: 600;
}

.getList p {
    font-size: 12px;
}

.getList .form-group {
    display: flex;
    align-items: center;
    max-width: 100%;
    position: relative;
}

.getList .form-group input {
    padding-left: 35px;
}

.inputIcon {
    position: absolute;
    left: 1px;
    top: 1px;
    z-index: 2;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.getList .submitButton {
    width: 100%;
    background: #1aa4d0;
    color: #fff;
    border: 1px solid #0f85ac;
    align-items: center;
    padding: 10px 10px;
    font-size: 13px;
    justify-content: center;
}

.getList .submitButton svg {
    margin-left: 5px;
}

.getList .submitButton:hover {
    background: #ef3b24;
    color: #fff;
    border-color: #db321d;
}

.trend-list li.selected {
    background-color: #f0f0f0;
}

/**/
.ribbon {
    position: absolute;
    top: 10px;
    right: -9px;
    padding: 5px 15px 18px calc(15px + 15px);
    background: #ef3b24;
    font-weight: 600;
    color: #fff;
    font-size: 14px;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, calc(100% - 10px) calc(100% - 10px), 0 calc(100% - 10px), 15px calc(50% - 10px/2));
    box-shadow: 0 calc(-1 * 10px) 0 inset rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
}

.ribbon svg {
    width: 22px;
    height: 22px;
    margin-right: 5px;
}

/**/
.postRequirement {
    background: #fff;
    border: 1px solid #d9d9d9;
    box-shadow: 1px 4px 5px rgba(0, 0, 0, 0.06);
    border-radius: 10px;
    padding: 15px;
    position: relative;
    margin-bottom: 40px;
}

.postRequirementTitle {
    font-size: 18px;
    font-weight: 600;
    color: #ef3b24;
}

/**/

.ribbonSave {
    width: 180px;
    height: 50px;
    background: #666;
    box-shadow: 0px 0px 37px 0px rgba(0, 0, 0, 0.3);
    top: -6px;
    right: 25px;
    position: absolute;
    margin-bottom: 80px;
    z-index: 99;
}

.ribbonSave span {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    line-height: normal;
    width: 100%;
    position: relative;
    display: block;
    padding: 15px 0 0;
}

.ribbonSave span svg {
    width: 18px;
    height: 18px;
}

.ribbonSave:before,
.ribbonSave:after {
    content: "";
    position: absolute;
}

.ribbonSave:before {
    height: 0;
    width: 0;
    border-bottom: 6px solid #555;
    border-right: 6px solid transparent;
    right: -6px;
}

.ribbonSave:after {
    height: 0;
    width: 0;
    border-left: 90px solid #666;
    border-right: 90px solid #666;
    border-bottom: 15px solid transparent;
    bottom: -15px;
    right: 0;
}

/* Certificate Modal */
#certificate .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    outline: 0;
    background-color: #eee;
    padding: 8px;
    border-radius: 0;
}

#certificate.modal.show {
    display: flex !important;
    align-items: center;

}

#certificate.modal.show .modal-dialog {
    margin: auto;
    width: 100%;
    max-width: 600px;

}

#certificate .modal-content {
    border-radius: 0;
}

#certificate .modal-body {
    padding: 0 15px;
}

#certificate iframe {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 98vh;

}

/* Inner pages banner */

.image {
    float: right;
    max-width: 500px;
    width: 100%;
    margin: 0 0 0 15px;
}

.listItem p {
    font-size: 14px;
    line-height: 22px;
}


/**/
.fullTextSection {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0 40px;
    background: #fff;
}

.fullTextSection h2 {
    font-size: 18px;
    margin: 0;
    padding: 0 0 5px;
    font-weight: 600;
}

.fullTextSection p {
    font-size: 13px;
    line-height: 20px;
    text-align: justify;
}

.fullTextSection ul {
    float: left;
    width: 100%;
    margin: 0 0 20px;
    padding: 0;
}

.fullTextSection ul li {
    display: inline-block;
    margin-bottom: 5px;
}

.fullTextSection ul li a {
    color: #333;
    font-size: 16px;
    position: relative;
}

.fullTextSection ul li a:after {
    content: '';
    width: 1px;
    height: 24px;
    background: #eee;
    display: inline-block;
    padding: 0px;
    margin: 0 10px;
    float: right;
}

.fullTextSection ul li:last-child a:after {
    width: 0;
}

.fullTextSection ul li a:hover {
    color: #F78E20;
}

.morecontent {
    display: none;
}

.morelink {
    color: #0f85ac;
}

.morelink:hover,
.morelink:focus {
    text-decoration: underline;
    color: #0f85ac;
}

.actionButton {
    display: flex;
    gap: 15px;
}

.actionButton a {
    width: max-content;
    margin: 0;
}

/**/
.listContent .textWrapper {
    margin-bottom: 15px;
    font-size: 14px;
    text-align: justify;
}

.listBusinessBtn {
    background: #fff;
    color: #ef3b24;
    border: 1px solid #ccc;
    display: inline-flex;
    font-weight: 600;
    padding: 10px 25px;
    padding-left: 65px;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    position: relative;
}

.listBusinessBtn span {
    font-size: 14px;
    font-weight: normal;
    color: #fff;
}

.listBusinessBtn span {
    --f: 7px;
    --r: 10px;
    position: absolute;
    left: 10px;
    top: calc(-1*var(--f));
    padding: 6px 10px 8px;
    background: #ef3b24;
    border-left: var(--f) solid #0005;
    border-bottom: var(--r) solid #0000;
    clip-path: polygon(var(--f) 0, 100% 0, 100% 100%, calc(50% + var(--f)/2) calc(100% - var(--r)), var(--f) 100%, var(--f) var(--f), 0 var(--f));
}

.listBusinessBtn span svg {
    width: 18px;
    height: 18px;
}

.listBusinessBtn:hover,
.listBusinessBtn:focus {
    color: #c6402f;
}

.listBusinessBtn:hover span,
.listBusinessBtn:focus span {
    background: #c6402f;
}

.requirementBtn {
    background: #fff;
    color: #22bdef;
    border: 1px solid #ccc;
    display: inline-flex;
    font-weight: 600;
    padding: 10px 25px;
    padding-left: 65px;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    position: relative;
}

.requirementBtn span {
    font-size: 14px;
    font-weight: normal;
    color: #fff;
}

.requirementBtn span {
    --f: 7px;
    --r: 10px;
    position: absolute;
    left: 10px;
    top: calc(-1*var(--f));
    padding: 6px 10px 8px;
    background: #22bdef;
    border-left: var(--f) solid #0005;
    border-bottom: var(--r) solid #0000;
    clip-path: polygon(var(--f) 0, 100% 0, 100% 100%, calc(50% + var(--f)/2) calc(100% - var(--r)), var(--f) 100%, var(--f) var(--f), 0 var(--f));
}

.requirementBtn span svg {
    width: 18px;
    height: 18px;
}

.requirementBtn:hover,
.requirementBtn:focus {
    color: #1aa4d0;
}

.requirementBtn:hover span,
.requirementBtn:focus span {
    background: #1aa4d0;
}

.visitWebsite {
    padding: .375rem .75rem;
    border-radius: .25rem;
    text-align: center;
    background: #fff;
    color: #333;
    border: 1px solid #ccc;
    display: inline-flex;
    font-weight: 600;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    position: relative;
    align-items: center;
    line-height: normal;
    margin-bottom: 15px;
}

.visitWebsite svg {
    margin-right: 5px;
}

.visitWebsite:hover,
.visitWebsite:focus {
    background: #fff;
    color: #1aa4d0;
    border: 1px solid #1aa4d0;
}

/* Directory Page */

.innerBanner {
    float: left;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
    box-sizing: border-box;
    background-image: url(../images/software-industry.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    color: #fff;
    position: relative;
}

.innerBanner::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, .5);
}

.innerBanner .listingInner {
    max-width: 850px;
    margin: 0 auto;
    height: calc(100% + 50px);
    position: relative;
}

.listingInner h1 {
    font-size: 36px;
    font-weight: 600;
    margin: 0 0 15px;
    color: #fff;
}

.innerBanner .listingInner p {
    font-size: 16px;
}

.listingTitleSection {
    display: block;
    margin-top: 30px;
}

.listingTitleSection h2 {
    font-weight: 600;
    font-size: 16px;
    color: #333;
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
}

.listingTitleSection p {
    text-align: justify;
}

.directoryPage {
    float: left;
    width: 100%;
    padding: 40px 0;
    background: #eee;
}

.businessTitle2 {
    position: relative;
    padding-bottom: 10px;
    line-height: normal;
    font-size: 24px;
    color: #333;
    font-weight: 700;
    margin-bottom: 20px;
}


.businessTitle2 span {
    color: #ef3b24
}

.businessTitle2:before,
.businessTitle2:after {
    content: "";
    background: #333;
    width: 20px;
    left: 0;
    height: 3px;
    position: absolute;
    bottom: 0;
    bottom: 0;
    right: 0;
    margin: 0;
}

.businessTitle2:after {
    background: #ef3b24;
    left: 10px;
}

.directoryPage p {
    font-size: 14px;
    text-align: justify;
    color: #333;
}

.directoryItem {
    display: block;
    margin-bottom: 30px;
}

.directoryFull {
    border-radius: 15px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.05);
}

.directoryWrapper {
    display: flex;
    border-bottom: 1px solid #eee;
}

.directoryLeft {
    width: 35%;
    position: relative;
    overflow: hidden;
    background: #d9e2f1;
    aspect-ratio: 49 / 54;
}

.directoryLeft img {
    aspect-ratio: 49 / 54;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.directoryLeft .overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    background-image: linear-gradient(180deg, transparent 0 20%, #000 100% 100%);
    color: #fff;
    padding: 20px;
    display: flex;
    align-items: flex-end;
}

.directoryLeft .overlay ul {
    display: block;
    margin: 0 0 15px;
    padding: 0;
    list-style: none;
    margin-bottom: 20px;
}

.directoryLeft .overlay ul li {
    margin-bottom: 5px;
    list-style: none;
    position: relative;
    padding-left: 20px;
}

.directoryLeft .overlay ul li:after {
    position: absolute;
    left: 0;
    top: 0;
    content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='13' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/></svg>");
}

.directoryLeft .overlay ul li a {
    font-size: 14px;
    color: #fff;
    display: inline-block;
}

/* .directoryLeft .overlay:hover {
    background-image: linear-gradient(180deg, transparent 0 30%, #000 100% 100%);
} */

.directoryLeft .overlay ul li:hover a {
    color: #ef3b24;
}

.directoryLeft .overlay ul li:hover:after {
    content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='13' fill='%23ef3b24' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/></svg>");
}

.directoryLeft .overlay .view-all {
    font-size: 15px;
    border: none;
    color: #fff;
    border-radius: 40px;
    padding: 8px 25px;
    background: #ef3b24;
    display: inline-block;
    cursor: pointer;
    line-height: normal;
    outline: 0;
}

.directoryLeft .overlay .view-all:hover {
    background: #22bdef;
    color: #fff;
}

.directoryRight {
    flex: 1;
    padding: 20px;
}

.directoryGrid {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: start;
}

.directoryGridItem {
    border: 1px solid #eee;
    padding: 15px;
    border-radius: 6px;
    display: block;
    width: calc(100% / 2 - 10px);
    height: 100%;
}

.directoryHeader {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
}

.directoryHeader .dirInnerTitle {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin: 0;
    padding: 0;
    text-align: left;
    line-height: normal;
}

.directoryHeader svg {
    height: 25px;
    width: 25px;
    padding: 5px;
    background: #fff;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    margin-left: auto;
}

.directoryGridItem .image {
    float: right;
    margin: 0 0 0 15px;
    width: 120px;
    height: 120px;
    min-width: 120px;
    border-radius: 4px;
    overflow: hidden;
    aspect-ratio: 1 / 1;
}

.directoryGridItem .image img {
    aspect-ratio: 1 / 1;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.link2 {
    margin: 0;
    padding: 0;
    display: flow-root;
}

.link2 li {
    margin-bottom: 8px;
    position: relative;
    padding-left: 15px;
    list-style: none;
    font-size: 13px;

}

.link2 li:last-child {
    margin: 0;
}

.link2 li a {
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 180px;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
}

.link2 li:after {
    position: absolute;
    left: 0;
    top: 0;
    content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='13' fill='%23333' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/></svg>");
}

.link2 li:hover a {
    color: #ef3b24;
    text-decoration: underline;
}

.link2 li:hover:after {
    content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='13' fill='%23ef3b24' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/></svg>");
}

.directoryGridItem:hover .directoryHeader span {
    color: #ef3b24;
}

.directoryGridItem:hover .directoryHeader svg {
    background: #ef3b24;
    border: 1px solid #ef3b24;
    color: #fff;
}


/* Market page */
.marketPage {
    float: left;
    width: 100%;
    padding: 30px 0 30px;
}

.marketPageTitle {
    font-size: 22px;
    font-weight: 500;
    margin: 0 0 10px;
    color: #333;
}

.marketPage h3 {
    font-weight: 600;
    font-size: 16px;
    color: #333;
    margin: 0;
    margin-bottom: 0px;
    padding: 0;
    margin-bottom: 5px;
}

.marketPage h4 {
    font-weight: 600;
    font-size: 16px;
    color: #333;
    margin: 0;
    margin-bottom: 0px;
    padding: 0;
    margin-bottom: 5px;
}

.marketPage img {
    border: 1px solid #79aed8;
    border-radius: 12px;
}

.marketSection {
    float: left;
    width: 100%;
    padding: 0px 0 40px;
    margin: 0;
    background: #fff;
}

.marketListTitle {
    font-size: 18px;
    margin: 0 0 10px;
    padding: 0px;
    font-weight: 600;
    color: #333;
}

.marketList {
    width: 100%;
    margin: 0;
    padding: 10px 0;
}


.cityList {
    margin: 0 0 25px;
    padding: 0;
    list-style: none;
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.cityList li {
    display: inline-block;
}

.cityList li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #333;
    transition: all .3s ease;
}

.cityList li a:hover {
    color: #ef3b24;
    border-color: #ef3b24
}

.cityList li a span {
    display: block;
    font-size: 13px;
    padding: 5px 12px;
    border: 1px solid #bed1db;
    border-radius: 20px;
}

.cityList li a:hover span {
    border-color: #ef3b24
}

.cityList li a span svg {
    width: 12px;
    height: 12px;
}

/*ads*/
.listItem.adsBg {
    background: #f0fbff;
    border-color: #d4eaf2;
}

.ads {
    display: flex;
}

.ads .image {
    max-width: 150px;
    margin-right: 20px;
}

.adsTitle {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
}

.adsBtn {
    background: #1aa4d0;
    color: #fff;
    border: 1px solid #0f85ac;
    display: inline-block;
    font-weight: 600;
    padding: .375rem .75rem;
    border-radius: .25rem;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
}

.adsBtn:hover,
.adsBtn:focus {
    background: #22bdef;
    color: #fff;
    border: 1px solid #12a8d9;
}

.g-recaptcha {
    transform: scale(.70);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0
}


/**/
.stickyButton {
    position: fixed;
    bottom: 0;
    right: 34px;
    width: 52px;
    height: 52px;
    background: #000;
    box-shadow: -4px 5px 14px 0 rgba(240, 192, 90, 0.20);
    border: 0;
    border-radius: 100%;
    cursor: pointer;
    margin: 16px;
    z-index: 9000;
    padding: 8px;
    border: 1px solid #f0c05a;
    color: #f0c05a;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stickyButton svg {
    width: 30px;
    height: 30px;
}

.stickyButton svg.closed {
    width: 25px;
    height: 25px;
}

.stickyBox {
    display: flex;
    position: fixed;
    box-shadow: 5px 5px 25px 0 rgba(46, 61, 73, 0.2);
    flex-direction: column;
    bottom: calc(2 * 16px + 45px);
    right: 50px;
    width: 260px;
    height: auto;
    background: #fff;
    border-radius: 16px;
    z-index: 9999;
}

.stickyBox .stickyBoxHeader {
    box-sizing: border-box;
    display: flex;
    width: 100%;
    padding: 10px;
    color: #000;
    background: #f0c05a;
    align-items: center;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
}

.stickyBox .stickyBoxHeader .stickyBoxLogo {
    background: #000;
    border: 5px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    margin-right: 10px;
    max-width: 40px;
    width: 40px;
    height: 40px;
}

.stickyBox .stickyBoxHeader .stickyBoxLogo img {
    width: 100%;
    height: auto;
}

.stickyBox .stickyBoxHeader .stickyBoxTitle {
    font-size: 16px;
    color: #000;
    font-weight: 600;
}

.stickyBox .stickyBoxBody {
    box-sizing: border-box;
    width: 100%;
    padding: calc(1 * 15px) 15px;
    text-align: center;
}

.stickyBox .stickyBoxBody img {
    margin-bottom: 10px;
    background: #000;
    padding: 10px;
    border-radius: 4px;
}

.stickyBoxBody p {
    font-size: 14px;
    color: #000;
    text-align: center;
    display: block;
    line-height: normal;
    margin-bottom: 5px;
}


.nominationBtn3 {
    position: relative;
    padding: 9px 15px;
    background: #d5302c;
    color: #fff;
    border: 0 solid #d5302c;
    display: inline-flex;
    width: auto;
    box-shadow: 0 9px 16px rgba(58, 87, 135, 0.1);
    border-radius: 4px;
    line-height: normal;
    font-weight: 500;
    cursor: pointer;
    margin-top: 5px;
}

.nominationBtn3:hover,
.nominationBtn3:focus {
    background: #f0c05a;
    color: #000;
    border-color: #f0c05a;
}