@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/poppins/Poppins-Thin.ttf') format('truetype');
    font-display: swap
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/poppins/Poppins-ExtraLight.ttf') format('truetype');
    font-display: swap
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/poppins/Poppins-Light.ttf') format('truetype');
    font-display: swap
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/poppins/Poppins-Regular.ttf') format('truetype');
    font-display: swap
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/poppins/Poppins-Medium.ttf') format('truetype');
    font-display: swap
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/poppins/Poppins-SemiBold.ttf') format('truetype');
    font-display: swap
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/poppins/Poppins-Bold.ttf') format('truetype');
    font-display: swap
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/poppins/Poppins-ExtraBold.ttf') format('truetype');
    font-display: swap
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/poppins/Poppins-Black.ttf') format('truetype');
    font-display: swap
}

@font-face {
    font-family: "Plus Jakarta Sans";
    font-style: normal;
    src: url('../fonts/plus-jakarta-sans/PlusJakartaSans-VariableFont_wght.ttf') format('truetype');
    font-display: swap
}

h1,
h2 {
    color: var(--dark);
    line-height: 54px;
    font-weight: 600
}

.nav-item a,
h1,
h2,
p {
    font-style: normal
}

.btn.btn-primary,
.btn.btn-secondary {
    padding: 16px 40px;
    border-radius: 8px;
    font-size: 14px;
    gap: 8px
}

.footer-section ul,
.mega-sub-menu ul,
.nav-item a,
body,
body>span.select2-container--open {
    padding: 0
}

body,
p {
    margin: 0
}

.btn-outline-primary,
.btn-tertiary,
.navbar-nav .nav-item:hover a,
a:hover {
    color: var(--primary)
}

.form-control:focus,
.view-all a img {
    box-shadow: none !important
}

:root {
    --primary: #1a5efc;
    --secondary: #4a5255;
    --orange: #ff9d28;
    --green: #00a410;
    --bg-primary: #f7f9ff;
    --dark: #000;
    --secondary-text: rgba(28, 28, 28, 0.4);
    --white: #fff
}

.swal2-content,
.swal2-title,
body {
    font-family: Poppins, sans-serif
}

.heading h1,
h1 {
    font-size: 36px
}

.heading h2,
h2 {
    font-size: 30px
}

.fw-500,
label,
p {
    font-weight: 500
}

.heading p,
p {
    font-family: "Plus Jakarta Sans", sans-serif !important;
    color: var(--secondary);
    font-size: 13px;
    line-height: 24px
}

.btn.btn-primary {
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--primary);
    font-weight: 600
}

.btn.btn-primary:hover {
    opacity: .8;
    border: 1px solid transparent;
    transition: .2s
}

.btn-outline-primary {
    border-color: var(--primary)
}

.btn-outline-primary:hover {
    background-color: var(--primary)
}

.btn.btn-secondary {
    border: 3px solid #fff;
    background-color: transparent
}

.btn-tertiary {
    display: flex;
    padding: 16px;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid var(--primary);
    text-align: center;
    font-size: 16px
}

.primary-color,
.text-primary,
li.vcategory-menu.clear.overflow.browse-li a {
    color: var(--primary) !important
}

.online-btn,
.verified-btn {
    border-radius: 48px;
    border: 1px solid var(--green);
    display: flex;
    padding: 4px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background: 0 0;
    color: var(--green);
    font-size: 14px;
    font-weight: 500
}

.bg-color,
.breadcrumb ul li,
select {
    color: var(--secondary)
}

.flex-items,
.pagination,
.pagination-arrow {
    display: flex;
    align-items: center
}

.bg-transparent,
.header-input input {
    background-color: transparent
}

.w-80 {
    width: 80%
}

.btn-tertiary:hover {
    background-color: var(--primary) !important;
    border: 1px solid var(--primary) !important;
    color: #fff !important
}

.btn.btn-secondary:hover {
    background-color: #fff;
    color: #000
}

.breadcrumb a,
a {
    text-decoration: none
}

a:hover {
    opacity: .9
}

.navbar button,
input {
    font-size: 14px
}

input:focus-visible,
select:focus-visible {
    outline: 0 !important
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("../svg/down.svg") !important;
    background-repeat: no-repeat !important;
    background-position: calc(100% - 20px) center !important;
    border-radius: 8px;
    /* background: #f8f8f8; */
    background: #eefafe;
    padding: 12px 16px;
    font-size: 14px !important;
    border: none
}

label {
    color: #000 !important;
    font-size: 14px;
    margin-bottom: 6px
}

input::placeholder {
    font-size: 14px !important
}

.form-check .form-check-input {
    border: 1px solid #ccc !important;
    padding: 7px !important
}

.green {
    color: var(--green) !important
}

.color-black,
.nav-item a {
    color: #000;
    font-weight: 500
}

.border-orange {
    border-color: var(--orange) !important
}

.bg-green {
    background-color: var(--green) !important;
    border: var(--green) !important;
    font-size: 16px !important
}

.secondary-text {
    color: var(--secondary-text)
}

.orange {
    color: var(--orange) !important
}

.bg-orange {
    background-color: var(--orange) !important;
    border-color: var(--orange)
}

.footer-section,
.pagination li a.current-page,
.pagination li a:hover {
    background-color: var(--primary);
    color: #fff
}

.fs-12 {
    font-size: 12px !important
}

.fs-14 {
    font-size: 14px !important
}

.fs-16,
.fs-18 {
    font-size: 16px !important
}

.fs-24 {
    font-size: 24px !important
}

.border-top-0 {
    border-top: 0 !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

body:has(.headerstripes) .navbar {
    padding: 0
}

.navbar {
    padding: 24px 64px
}

.form-control {
    padding: 16px !important;
    font-size: 14px !important
}

select {
    border-color: transparent !important
}

.navbar-nav {
    gap: 20px
}

.nav-item {
    padding: 16px 0;
    position: relative
}

.nav-item a {
    font-size: 14px;
    line-height: 21px
}

.heading h1,
.heading h2 {
    color: #000;
    font-style: normal;
    font-weight: 600;
    line-height: 54px
}

.footer-section ul li,
.heading p {
    font-weight: 400;
    font-style: normal
}

.view-all a {
    color: #000;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    text-decoration-line: underline
}

.view-all a img {
    margin-left: 8px;
    width: 16px
}

.footer-section {
    padding: 30px 0
}

.footer-section .footer.row p {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 16px
}

.footer-section ul li {
    list-style: none;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 18px
}

.footer-section ul li a {
    color: #fff;
    text-decoration: none;
    position: relative
}

.footer-section ul li a:hover {
    text-decoration: none !important
}

.copyright.row p {
    font-size: 16px
}

.footer-section .copyright.row {
    border-top: .5px solid #d4d2e3;
    margin-top: 13px;
    padding-top: 13px
}

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

.breadcrumb ul li {
    list-style: none;
    font-weight: 500
}

.pagination,
.pagination-arrow {
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    list-style: none;
    padding-left: 0
}

.pagination li a,
input,
textarea {
    display: flex;
    padding: 16px;
    align-items: center
}

.pagination li a {
    border-radius: 4px;
    border: .5px solid grey;
    width: 40px;
    height: 40px;
    justify-content: center
}

.pagination a {
    text-decoration: none;
    color: #000;
    font-weight: 500
}

.banner {
    background-color: #f7f9ff;
    padding: 32px 0
}

.searchModal,
.sidenav {
    position: fixed;
    background-color: #fff;
    overflow-x: hidden;
    transition: .5s;
    display: none;
    top: 0
}

.research-section,
.testimonials-section,
.trusted-metrics-section {
    padding: 80px 0
}

.trusted-metrics-section .row {
    /* margin-top: 56px */
}

.trusted-metrics-section .row h5 {
    color: var(--primary);
    font-size: 80px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    text-align: center
}

.trusted-metrics-section .row p {
    /* color: #000;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px */
}

.contact-section img {
    border-radius: 100%
}

.testimonials-section .owl-theme .owl-nav {
    margin-top: -61px !important;
    text-align: end !important;
    z-index: 9;
    position: relative
}

.next-previous,
.research-section .row .col-sm-12,
[tooltip]::after {
    text-align: center
}

.testimonials-section .owl-theme .owl-nav [class*=owl-]:hover {
    background: 0 0 !important;
    color: #fff;
    text-decoration: none
}

.testimonials-section .owl-carousel .owl-item img,
.trusted-company-section .owl-carousel .owl-item img {
    display: block;
    width: auto !important
}

.owl-carousel .owl-item {
    transition: .5s !important
}

.mobile-category-dropdown,
.mobile-menu-icon,
.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none
}

.sidenav .navbar-nav {
    gap: 0
}

.searchModal {
    height: 0;
    width: 100%;
    z-index: 1;
    padding: 26px
}

#search-modal .search-box {
    background-color: #f7f9ff !important;
    border-radius: 8px;
    width: 100%
}

#search-modal .search-box input {
    background-color: transparent !important
}

#search-modal .search-box img {
    margin-right: 16px;
    cursor: pointer
}

#search-modal .closebtn {
    position: relative;
    font-size: 31px;
    right: 0;
    cursor: pointer
}

.sidenav {
    overflow: hidden;
    overflow-y: auto;
    height: 100%;
    width: 0;
    z-index: 999;
    padding: 79px 25px;
    right: 0
}

.closebtn {
    font-size: 47px;
    position: absolute;
    top: 18px;
    right: 11px
}

.view-all a:hover img {
    transform: rotate(45deg) !important;
    transition: .2s !important
}

.cursor-pointer {
    cursor: pointer !important
}

input,
textarea {
    border-radius: 8px;
    background: #fff;
    gap: 8px;
    align-self: auto !important;
    border: 0 !important
}

input::placeholder,
textarea::placeholder {
    color: grey;
    font-weight: 500;
    font-size: 14px
}

.footer-section ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #fff !important;
    height: 1px;
    display: block;
    transition: .25s, opacity .2s;
    border-radius: 3px;
    opacity: .5;
    width: 0
}

.footer-section ul li a:hover:before {
    width: 100%;
    opacity: 1
}

.copyright a:hover {
    transform: scale(1.1)
}

.owl-item {
    width: 100%;
    transition: transform .8s
}

.owl-item.slide {
    transform: translateX(-100%)
}

.left-submenu {
    position: absolute;
    left: -100% !important;
    top: 54px;
    border: 0;
    padding: 0 !important;
    display: none;
    background: #fff;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .35);
    border-radius: 4px;
    min-width: 250px
}

.left-submenu a {
    color: #000 !important
}

.nav-item:hover ul.left-submenu {
    display: block;
    z-index: 10
}

ul.left-submenu .mega-sub-menu {
    background: #fff;
    display: none;
    min-height: 100%;
    padding: 2px 0 0 20px;
    top: 0;
    z-index: 10;
    box-shadow: 7px 7px 12px -7px rgba(0, 0, 0, .35);
    width: 567px;
    right: -567px;
    position: absolute
}

.header-input,
.mega-sub-menu li:hover {
    background: #f8f8f8
}

.blogs-section .card h5,
.slider-section p {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.vcategory-menu {
    padding: 5px 20px;
    list-style: none;
    border-left: 3px solid transparent
}

.vcategory-menu:hover {
    background-color: #f8f8f8;
    border-left: 3px solid var(--primary)
}

.vcategory-menu:hover .mega-sub-menu,
[tooltip]:hover::after,
[tooltip]:hover::before {
    display: block
}

.tab-content-list-title,
.tab-content-title a {
    color: #181818;
    font-weight: 700
}

.mega-sub-menu li {
    line-height: 32px;
    list-style: none;
    font-size: 14px
}

.section-entity-li:hover {
    background: 0 0 !important
}

.width20per.cdata1 {
    width: auto
}

ul.left-submenu li .mega-sub-menu {
    border-left: 1px solid #d8d8d8;
    border-top: 1px solid #ddd;
    border-radius: 0 4px 4px 0
}

.blogs-section .card img,
.testimonials-section img {
    width: 100%
}

.navbar .btn-primary {
    padding: 12px 24px !important
}

.order-sm-1 {
    order: 2 !important
}

.order-sm-2 {
    order: 1 !important
}

.header-input {
    border-radius: 8px;
    display: flex;
    padding: 12px;
    align-items: center;
    gap: 8px
}

.header-input input {
    padding: 0 !important;
    width: 140px
}

body.modal-open {
    overflow: hidden !important
}

.home-contact-section {
    padding: 48px 0;
    background-image: url("../images/experience-bg-image-2.webp");
    background-size: cover;
    background-position: bottom
}

.research-section .row .col-sm-12:nth-child(2n) span {
    /* background-color: var(--orange) */
}

.research-section .row .col-sm-12 span {
    /* border-radius: 120px;
    background: var(--primary);
    display: flex;
    width: 56px;
    height: 56px;
    padding: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px */
}

.research-section .row .col-sm-12 p {
    color: var(--secondary);
    font-size: 16px
}

.research-section .row {
    margin-top: 50px
}

.experience-section {
    /* background-image: url("../images/experiance.webp"); */
    /* background-size: cover; */
    padding: 136px 0
}

.experience-section img,
.select2-results__option[aria-selected] {
    cursor: pointer
}

.experience-section img:hover {
    scale: 0.8
}

.blogs-section {
    background-color: var(--bg-primary) !important;
    padding: 40px 0
}

.card {
    border-radius: 8px !important;
    background: #fff;
    border: 0 !important;
    overflow: hidden;
    cursor: pointer
}

.card:hover {
    box-shadow: rgba(99, 99, 99, .2) 0 2px 8px 0
}

.card img {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    transition: .3s
}

.card img:hover {
    transform: scale(1.07)
}

.blogs-section .card p {
    overflow: hidden;
    color: var(--primary);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px
}

.blogs-section .card a {
    text-decoration: none;
    font-size: 14px
}

.blogs-section .card h5 {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    color: #000;
    text-decoration: none;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 10px;
    cursor: pointer
}

.blogs-section .card span {
    overflow: hidden;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    cursor: pointer;
    /* color: var(--primary); */
    text-decoration: none
}

.blogs-section .card span:hover {
    text-decoration: underline
}

.listing-business {
    padding: 56px 0
}

[tooltip] {
    position: relative
}

[tooltip]::after,
[tooltip]::before {
    text-transform: none;
    font-size: 12px;
    line-height: 1;
    user-select: none;
    pointer-events: none;
    position: absolute;
    display: none;
    opacity: 0
}

[tooltip]::before {
    content: "";
    border: 5px solid transparent;
    z-index: 1001
}

[tooltip]::after {
    content: attr(tooltip);
    font-family: Helvetica, sans-serif;
    min-width: 3em;
    max-width: 21em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1ch 1.5ch;
    border-radius: .3ch;
    box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, .35);
    background: #333;
    color: #fff;
    z-index: 1000
}

[tooltip=""]::after,
[tooltip=""]::before {
    display: none !important
}

[tooltip]:not([flow])::before,
[tooltip][flow^=up]::before {
    bottom: 100%;
    border-bottom-width: 0;
    border-top-color: #333
}

[tooltip]:not([flow])::after,
[tooltip][flow^=up]::after {
    bottom: calc(100% + 5px)
}

[tooltip]:not([flow])::after,
[tooltip]:not([flow])::before,
[tooltip][flow^=up]::after,
[tooltip][flow^=up]::before {
    left: 50%;
    transform: translate(-50%, -.5em)
}

[tooltip][flow^=down]::before {
    top: 100%;
    border-top-width: 0;
    border-bottom-color: #333
}

[tooltip][flow^=down]::after {
    top: calc(100% + 5px)
}

[tooltip][flow^=down]::after,
[tooltip][flow^=down]::before {
    left: 50%;
    transform: translate(-50%, .5em)
}

[tooltip][flow^=left]::before {
    top: 50%;
    border-right-width: 0;
    border-left-color: #333;
    left: calc(0em - 5px);
    transform: translate(-.5em, -50%)
}

[tooltip][flow^=left]::after {
    top: 50%;
    right: calc(100% + 5px);
    transform: translate(-.5em, -50%)
}

[tooltip][flow^=right]::before {
    top: 50%;
    border-left-width: 0;
    border-right-color: #333;
    right: calc(0em - 5px);
    transform: translate(.5em, -50%)
}

[tooltip][flow^=right]::after {
    top: 50%;
    left: calc(100% + 5px);
    transform: translate(.5em, -50%)
}

@keyframes tooltips-vert {
    to {
        opacity: .9;
        transform: translate(-50%, 0)
    }
}

@keyframes tooltips-horz {
    to {
        opacity: .9;
        transform: translate(0, -50%)
    }
}

[tooltip]:not([flow]):hover::after,
[tooltip]:not([flow]):hover::before,
[tooltip][flow^=down]:hover::after,
[tooltip][flow^=down]:hover::before,
[tooltip][flow^=up]:hover::after,
[tooltip][flow^=up]:hover::before {
    animation: .3s ease-out forwards tooltips-vert
}

[tooltip][flow^=left]:hover::after,
[tooltip][flow^=left]:hover::before,
[tooltip][flow^=right]:hover::after,
[tooltip][flow^=right]:hover::before {
    animation: .3s ease-out forwards tooltips-horz
}

.border-radius {
    border-radius: 8px
}

.online-badge {
    color: var(--green);
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 2px
}

.online-badge img {
    width: 8px !important;
    height: 8px !important;
    animation: 2s ease-out infinite zoom-in-zoom-out
}

.slider-section p {
    -webkit-line-clamp: 4;
    overflow: hidden
}

@keyframes zoom-in-zoom-out {

    0%,
    100% {
        transform: scale(1, 1)
    }

    50% {
        transform: scale(1.5, 1.5)
    }
}

@media screen and (min-width:1200px) and (max-width:1360px) {

    .heading h1,
    .heading h2 {
        font-size: 32px
    }

    .heading p {
        font-size: 16px
    }

    .btn-tertiary {
        font-size: 13px
    }
}

@media only screen and (max-width:1152px) and (max-height:864px) {
    .testimonials-section img {
        width: 100%
    }
}

@media (max-width:1024px) {
    .trusted-metrics-section .row h5 {
        font-size: 60px !important
    }

    .heading h1,
    .heading h2,
    .heading p {
        font-style: normal;
        line-height: normal
    }

    .testimonials-section .owl-theme#owl-carousel .owl-nav {
        margin-top: 0 !important
    }

    .mobile-menu-icon {
        display: block;
        cursor: pointer;
        width: 4% !important
    }

    .navbar-nav,
    .right-part,
    .web-nav-pills {
        display: none
    }

    .heading p {
        font-size: 12px;
        font-weight: 500
    }

    .heading h1,
    .heading h2 {
        font-size: 24px;
        font-weight: 600
    }

    .testimonials-section img {
        width: 100%
    }

    .mobile-nav-pills {
        display: block
    }
}

@media screen and (min-width:1018px) and (max-width:1210px) {
    .nav-item a {
        font-size: 11px
    }

    .navbar-nav {
        gap: 10px
    }
}

@media (max-width:768px) {
    .listing-div .btn-tertiary {
        width: auto !important;
        gap: 20px !important
    }

    .mobile-menu-icon {
        display: block;
        cursor: pointer;
        width: 9% !important
    }

    .navbar-nav,
    .news-bar,
    .right-part,
    .section-entity li {
        display: none
    }

    .flex-items {
        flex-wrap: wrap
    }

    h1,
    h2 {
        font-size: 22px;
        line-height: 33px
    }

    p {
        font-size: 13px;
        line-height: 20px
    }

    .btn-tertiary,
    .btn.btn-primary {
        padding: 14px 20px !important
    }

    .navbar {
        padding: 11px 13px
    }

    .trusted-metrics-section .row {
        row-gap: 35px !important
    }

    .trusted-metrics-section .row p {
        font-size: 19px;
        line-height: 1
    }

    .trusted-metrics-section .row h5 {
        font-size: 60px;
        margin-bottom: 0
    }

    .research-section .row {
        row-gap: 50px !important
    }

    .trusted-company-section h5 {
        text-align: center
    }

    .trusted-company-section .flex-items {
        row-gap: 25px
    }

    .trusted-company-section .flex-items .item {
        width: 50%;
        text-align: center
    }

    .trusted-company-section .item img {
        width: 140px !important
    }

    .testimonials-section img {
        width: 100%
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

    .left-submenu,
    .ul.left-submenu .mega-sub-menu {
        position: static !important;
        box-shadow: none
    }

    .vcategory-menu {
        padding: 5px 0
    }

    ul.left-submenu .mega-sub-menu {
        position: static !important;
        width: 100%;
        box-shadow: none !important;
        border: 0 !important;
        margin-top: 20px;
        padding-left: 0
    }

    .vcategory-menu:hover {
        border: 0;
        margin-top: 10px
    }

    .mega-sub-menu.menu600 .row {
        display: block
    }

    .section-entity-li {
        background-color: #f8f8f8;
        display: block !important;
        padding: 10px
    }

    li.section-entity-li:hover~li {
        display: block;
        padding: 0 10px;
        background: #f8f8f8
    }

    .footer-section ul li {
        margin-bottom: 10px
    }

    .footer-section .footer.row p {
        font-size: 18px
    }

    .footer-section .copyright .flex-items {
        justify-content: center !important
    }
}

@media screen and (min-width:300px) and (max-width:350px) {
    .testimonials-section .owl-theme .owl-nav {
        margin-top: 0 !important
    }
}

.right-fixed {
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 100;
    opacity: 1
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    cursor: pointer
}

button.close {
    -webkit-appearance: none;
    padding: 0 10px;
    cursor: pointer;
    background: 0 0;
    border: 0
}

.testimonial-avatar {
    height: 80px;
    width: 80px;
    border-radius: 50%
}

.tt-menu {
    position: absolute;
    left: -38px !important;
    z-index: 100;
    display: none;
    background: #fff;
    padding: 10px;
    width: 250px;
    top: 35px !important;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, .24) 0 3px 8px
}

.inputs-div .tt-menu {
    left: 0 !important;
    top: 55px !important
}

.success-modal-section {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center
}

.success-modal-section svg {
    fill: green !important
}

.alert-danger {
    background: #c00;
    border: none;
    color: #fff
}

.alert-success {
    background: #2b3;
    border: none;
    color: #fff
}

.twitter-typeahead .tt-input {
    /* background-color: #f8f8f8 !important */
}

.select2-container {
    appearance: none;
    background-image: url(../svg/down.svg) !important;
    background-repeat: no-repeat !important;
    background-position: calc(100% - 20px) center !important;
    color: var(--secondary);
    border-radius: 8px;
    background: var(--bg-primary) !important;
    padding: 11px 16px;
    font-size: 14px !important;
    border: none
}

.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single {
    background-color: transparent !important;
    border: unset !important
}

.form-control::file-selector-button,
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background: 0 0;
    font-family: Poppins;
    color: var(--bs-secondary-color)
}

.form-control[type=file]:not(:disabled):not([readonly]) {
    font-family: Poppins;
    color: #5a5a5a;
    font-weight: 500;
    font-size: 14px
}

.error-text {
    color: red;
    font-size: 12px;
    margin-left: 3px
}

.select2-container--default .select2-search--inline .select2-search__field {
    font-family: Poppins !important
}

@media (max-width:576px) {

    .pagination,
    .pagination-arrow {
        gap: 5px
    }

    .pagination li a {
        padding: 15px;
        width: 25px;
        height: 25px
    }
}

.select2-container .select2-selection--multiple {
    min-height: unset !important
}

.not-found-section {
    min-height: calc(100vh - 420px);
    display: grid;
    place-content: center
}

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    cursor: pointer
}

.upload-btn-wrapper .btn {
    padding: 51px 21px 35px;
    border-radius: 8px;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    background-color: rgba(28, 28, 28, .1)
}

.upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer
}

.header-login-dropdown {
    position: absolute;
    top: 45px;
    left: unset;
    list-style: none;
    box-shadow: rgba(99, 99, 99, .2) 0 2px 8px 0;
    padding: 10px 16px;
    background: #fff;
    border-radius: 8px;
    display: none;
    transition: .3s;
    width: max-content;
    z-index: 9999999999
}

.header-login-dropdown a {
    padding: 10px;
    border-bottom: 1px solid rgba(28, 28, 28, .32);
    text-decoration: none;
    color: #000;
    display: block
}

.header-login-dropdown a:last-child {
    border: 0
}

tbody,
td,
tfoot,
th,
thead,
tr {
    border-color: rgb(28 28 28 / 32%) !important
}

.dd-list .dd-item .dd-handle {
    display: block;
    height: auto;
    margin: 10px 0;
    padding: 10px 15px;
    color: #7a7a7a;
    text-decoration: none;
    font-weight: 600;
    border: 1px solid;
    background: #fff;
    border-radius: 3px;
    box-sizing: border-box
}

.next-previous {
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    background-color: inherit;
    cursor: pointer;
    white-space: nowrap
}

.next {
    background-color: #000;
    color: #fff
}

.categories ul li a.b-cat {
    color: grey;
    opacity: 1
}

.categories ul li a.b-cat:hover {
    color: var(--primary);
    text-decoration: underline
}

.home-contact-section .error-text {
    color: #8b0000 !important
}

@media (max-width:767px) {
    .footer .col-6 {
        width: 50%
    }
}

body .modal span.select2-container--open .select2-dropdown--above,
body .modal span.select2-container--open .select2-dropdown--below,
body>span.select2-container--open .select2-dropdown--above,
body>span.select2-container--open .select2-dropdown--below {
    box-shadow: 1px 1px 5px 2px #ccc;
    border: unset
}

.is-invalid .select2-container--default .select2-selection--multiple,
.is-invalid .select2-container--default .select2-selection--single,
.is-invalid input {
    border: 1px solid #ff3f3f36
}

.select2-multiple,
.select2-multiple2 {
    width: 50%
}

.mdi-calendar-multiselect:before {
    content: "\FA31"
}

.select2-results__option .wrap:before {
    font-family: fontAwesome;
    color: #999;
    content: "\f096";
    width: 25px;
    height: 25px;
    padding-right: 10px
}

.select2-container--default .select2-results__option {
    padding: 6px 15px;
    font-size: 14px
}

.select2-results__option[aria-selected=true] .wrap:before {
    content: "\f14a"
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: grey !important
}

.stars {
    height: 15px !important;
    width: 15px !important
}

@media (max-width:991px) {
    .tt-menu {
        left: 0 !important;
        width: 100%
    }
}

.suggestion-box {
    padding: 2px 5px;
    border-radius: 8px;
    transition: .3s
}

.suggestion-box:hover {
    background-color: #f1f1f1;
    padding-left: 10px
}

.blog-image {
    object-fit: cover;
    height: 260px
}

.company-content-box .profile-box,
.company-content-box .quote-popup {
    padding: 14px 20px !important;
    line-height: 1 !important;
    white-space: nowrap
}