@import url("https://fonts.googleapis.com/css2?family=Libre+Franklin&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Raleway&display=swap');
:root {
    --primary-color: #051225;
    --secondary-color: #0a1d5b;
    --third-color: #0a1d59;
    /* --primary-color: var(--third-color);
    --secondary-color: #880736; */
    --paragraph-color: #3e332d;
    --secondary-paragraph-color: #3d3632;
    --heading-color: #1a1715;
    --white: #fff;
    --black: #000;
    --main-bg-color: #fff;
    --secondary-bg-color: #f7f6f5;
    --border-color: #eee;
    --secoandaryborder-color: #bbbbbb;
    --custom-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

    --primary-font: "Montserrat", sans-serif;
    --number-font: "Poppins", sans-serif;
    --section-title-font-size: 1.75rem;
    /*28px*/
    --header-font-size: 1.125rem;
    /*18px*/
    --content-title-font-size: 1.5rem;
    /*24px*/
    --paragraph-font-size: 1rem;
    /*16px*/
    --badge-font-size: 1.25rem;
    /*20px*/
}

@media only screen and (min-width: 992px) and (max-width: 1400px) {
    :root {
        --primary-color: #051225;
        --secondary-color: #0a1d5b;
        --paragraph-color: #3e332d;
        --heading-color: #1a1715;
        --white: #fff;
        --black: #000;
        --main-bg-color: #fff;
        --secondary-bg-color: #f7f6f5;
        --border-color: #eee;
        --secoandaryborder-color: #bbbbbb;
        --custom-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        --primary-font: "Montserrat", sans-serif;
        --number-font: "Poppins", sans-serif;
        --section-title-font-size: 1.5rem;
        /*28px*/
        --header-font-size: 1rem;
        /*18px*/
        --content-title-font-size: 1.25rem;
        /*24px*/
        --paragraph-font-size: 14px;
        /*16px*/
        --badge-font-size: 1.125rem;
        /*20px*/
    }
}

@media only screen and (max-width: 576px) {
    :root {
        --primary-color: #051225;
        --secondary-color: #0a1d5b;
        --paragraph-color: #3e332d;
        --heading-color: #1a1715;
        --white: #fff;
        --black: #000;
        --main-bg-color: #fff;
        --secondary-bg-color: #f7f6f5;
        --border-color: #eee;
        --secoandaryborder-color: #bbbbbb;
        --custom-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        --primary-font: "Montserrat", sans-serif;
        --number-font: "Poppins", sans-serif;
        --section-title-font-size: 1.5rem;
        /*28px*/
        --header-font-size: 1rem;
        /*18px*/
        --content-title-font-size: 1.25rem;
        /*24px*/
        --paragraph-font-size: 14px;
        /*16px*/
        --badge-font-size: 1.125rem;
        /*20px*/
    }
}

/* Global Css Start */
html,
body {
    width: 100%;
    overflow-x: hidden;
    scroll-behavior: smooth;
    font: inherit;
    font-size: 16px;
    font-family: var(--primary-font);
    font-weight: 400;
    font-style: normal;
    vertical-align: baseline;
    list-style-type: none;
}

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

a {
    color: #171717;
    /* color: #5e5e5e; */
    cursor: pointer;
    text-decoration: none;
}

a:hover {
    color: #0d2e97;
    /* color: var(--third-color); */
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--primary-font);
    font-weight: 400;
    font-style: normal;
    text-rendering: optimizeLegibility;
    line-height: 1.4;
}

p {
    font-family: var(--primary-font);
    font-size: var(--paragraph-font-size);
}

tbody,
td,
tfoot,
th,
thead,
tr {
    font-size: 15px;
    font-weight: 600;
    padding: 15px 5px;
    color: black;
    border: 1px solid #d9d8d8;
    vertical-align: middle;
}

ul li {
    list-style-type: none;
}

ul {
    list-style: none;
}
.number-font{
    font-family: "Bebas Neue", sans-serif !important;
}
.section-titles {
    font-family: var(--section-title-font-size);
    font-family: var(--primary-font);
}

.custom_shadow {
    box-shadow: var(--custom-shadow);
}

.number-font {
    font-family: var(--number-font);
}

.top-line-title {
    font-size: var(--badge-font-size);
}

.bg-none {
    background: none !important;
}

/* ----------------------------- Global Css End ----------------------------- */

/* ------------------------------- Main Button ------------------------------ */
.home-btn {
    color: #fff;
    border: 1px solid var(--third-color);
    font-size: 16px;
    font-family: var(--primary-font);
    background-color: var(--third-color);
    overflow: hidden;
    position: relative;
    transition: all 0.8s ease-in-out;
}

.home-btn:hover {
    border: 1px solid var(--secoandaryborder-color);
    background-color: #fff;
    color: var(--third-color) !important;
    transition: all 0.8s ease-in-out;
}

/*btn_text*/
.home-btn span {
    transition: all 0.2s ease-out;
    z-index: 2;
}

.home-btn:hover span {
    letter-spacing: 0.13em;
    color: #333;
}

/*highlight*/
.home-btn:after {
    background: #000;
    border: 0px solid var(--third-color);
    content: "";
    height: 155px;
    left: -75px;
    opacity: 0.8;
    position: absolute;
    top: -50px;
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    width: 50px;
    transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
    /*easeOutCirc*/
    z-index: 1;
}

.home-btn:hover:after {
    background: #000;
    border: 20px solid #000;
    opacity: 0;
    left: 120%;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
}

.home_card_button a {
    display: inline-block;
    padding: 15px 30px;
    color: var(--primary-color);
    border: 1px solid #e1e1e1;
    font-weight: 500;
    background: var(--white);
    transition: all 0.3s linear;
}

.home_card_button a:hover {
    color: var(--primary-color);
    background-color: var(--subColor);
}

/* Button Two */

/*btn_background*/
.btn-color {
    padding: 15px 30px;
    cursor: pointer;
    font-family: var(--primary-font);
    background-color: var(--primary-color);
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
    display: inline-block;
    border: 1px solid var(--primary-color);
    overflow: hidden;
    position: relative;
    transition: all 0.8s ease-in-out;
}

.btn-color:hover {
    border: 1px solid var(--secoandaryborder-color);
    background-color: #fff;
    color: var(--third-color);
    transition: all 0.8s ease-in-out;
}

/*btn_text*/
.btn-color span {
    transition: all 0.2s ease-out;
    z-index: 2;
}

.btn-color:hover span {
    color: #333;
}

/*highlight*/
.btn-color:after {
    background: #000;
    border: 0px solid var(--third-color);
    content: "";
    height: 155px;
    left: -75px;
    opacity: 0.8;
    position: absolute;
    top: -50px;
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    width: 50px;
    transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
    /*easeOutCirc*/
    z-index: 1;
}

.btn-color:hover:after {
    background: #000;
    border: 20px solid #000;
    opacity: 0;
    left: 120%;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
}

/* Button Three */
.btn-white {
    padding: 15px 30px;
    cursor: pointer;
    font-family: var(--primary-font);
    background-color: var(--white);
    color: var(--primary-color);
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
    display: inline-block;
    border: 1px solid var(--secoandaryborder-color);
    overflow: hidden;
    position: relative;
    transition: all 0.8s ease-in-out;
    text-transform: uppercase;
}

.btn-white:hover {
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color);
    color: var(--white) !important;
    transition: all 0.8s ease-in-out;
}

.about-column-first {
    text-align: justify;
}

.about-column-first h2 {
    font-size: 25px;
}

/*btn_text*/
.btn-white span {
    transition: all 0.2s ease-out;
    z-index: 2;
}

.btn-white:hover span {
    letter-spacing: 0.13em;
    color: #333;
}

/*highlight*/
.btn-white:after {
    background: #000;
    border: 0px solid var(--third-color);
    content: "";
    height: 155px;
    left: -75px;
    opacity: 0.8;
    position: absolute;
    top: -50px;
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    width: 50px;
    transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
    /*easeOutCirc*/
    z-index: 1;
}

.btn-white:hover:after {
    background: #000;
    border: 20px solid #000;
    opacity: 0;
    left: 120%;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
}

.special_btn {
    padding: 8px;
    font-size: 12px;
    margin-top: 15px;
}

/* -------------------------------------------------------------------------- */
/*                                 Main Header                                */
/* -------------------------------------------------------------------------- */
.header-bottom-link {
    background-image: url(https://st5.depositphotos.com/17620692/62586/v/450/depositphotos_625863978-stock-illustration-abstract-background-modern-trendy-white.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.help-icons {
    color: white;
    background: var(--third-color);
    padding: 6px 0px;
    text-align: center;
    width: 25px;
    border-radius: 50%;
    height: 25px;
    font-size: 13px;
}

.connect-us-header {
    height: 22rem;
}

.header-menu-content {
    height: 25rem;
}

/* Saju Main Header Start */
.top-bar-left-side {
    position: relative;
    clip-path: polygon(
        100% 0%,
        90% 0,
        100% 100%,
        100% 100%,
        100% 100%,
        100% 100%,
        0% 100%,
        0 0,
        0 0,
        100% 0
    );
    background-color: #ffffff;
    padding: 0rem 6rem;
}

.top-bar-right-side {
    position: relative;
    z-index: 999;
    /* padding-right: 6rem;
    */
    padding-right: 4rem;
}

.drop-top {
    position: relative;
    z-index: 9999;
}

.main-navbar {
    padding: 0rem 3rem;
}

.upper-content-menu {
    position: relative;
    top: -0.6rem;
    z-index: 9999;
}

.menu-section {
    height: 3.1rem;
    top: -2px;
}

.sub-menu-spacing {
    margin: auto 1.1rem;
}

.top-menu-area {
    padding-top: 5px;
}

.border-1-f {
    background-color: #9f043f;
    width: 10px;
}

.border-2-s {
    background-color: #cf054f;
    width: 10px;
}

.border-3-t {
    background-color: #f6005b;
    width: 10px;
}

.popover__content {
    position: absolute;
    left: -100px;
    right: 45px;
    transform: translate(0, 10px);
    background-color: var(--white);
    padding: 1rem 1.5rem;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    width: auto;
}

.popover__content:before {
    position: absolute;
    z-index: -1;
    content: "";
    right: calc(50% - 90px);
    top: -8px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #fff transparent;
    transition-duration: 0.3s;
    transition-property: transform;
}

.popover__content {
    z-index: 10;
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0px);
    transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}

.popover__content-2 {
    position: absolute;
    left: -55px;
    right: 0px;
    transform: translate(0, 10px);
    background-color: var(--white);
    padding: 1rem 1.5rem;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    width: auto;
}

.popover__content-2:before {
    position: absolute;
    z-index: -1;
    content: "";
    right: calc(50% - 90px);
    top: -8px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #fff transparent;
    transition-duration: 0.3s;
    transition-property: transform;
}

.popover__content-2 {
    z-index: 10;
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0px);
    transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}

.full-container-dropdown {
    transform: translate(0px, -2px);
    border-radius: 0;
    margin: 0;
    margin-top: 3px;
    /* margin-right: 3.8rem;
    margin-left: 17rem; */
    border: 1px solid #dddddd;
    padding: 0px 1px;
    /* box-shadow: var(--custom-shadow); */
}

.account li {
    font-size: 11px;
}

/* Apply border-bottom style to the active state of the dropdown link when clicked */
.navbar-nav .nav-item.show > .nav-link,
.navbar-nav .nav-item.active > .nav-link {
    border-bottom: 3px solid var(--primary-color);
    font-weight: 600;
}

.top-bar-bg {
    background: var(--primary-color);
    height: 28px;
    line-height: 1.1;
}

.top-bar-curve-area {
    background-color: white;
    border-top: 3px solid var(--primary-color);
    clip-path: polygon(0 0, 95% 0%, 100% 102%, 0% 100%);
    height: 29px;
}

.top-info-text {
    font-size: 13px;
    font-weight: 400;
    color: #c8c8c9;
}

.tab_btn_icon {
    display: flex;
    align-items: center;
    background-color: #e5e2e0;
    padding-left: 10px;
    padding-right: 0px;
    padding-top: 2px;
    height: 35px;
    line-height: 30px;
    border: 1px solid #e5e2e0;
    width: 35px;
    text-align: center;
    color: var(--third-color);
    text-decoration: none;
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 30px;
}

.drop-down-menus {
    background: transparent;
    border: 0;
}

.drop-down-menus2 {
    position: absolute;
    background: transparent;
    margin: 0px;
    border: 0;
    inset: 0px auto auto 0px;
    transform: translate(50px, 18px) !important;
}

.header-category-button-60 {
    margin-right: 6rem;
    /* margin-top: 3px; */
    margin-left: 4rem;
}

.main-menu-spacing {
    margin-right: 2.8rem;
}

.tech-top {
    background: #f7f6f5;
    padding-right: 5rem;
    padding-left: 5rem;
}

.p-left-rem {
    padding-left: 5rem;
}

.p-right-rem {
    padding-right: 5rem;
}

.tech-center {
    background: #ffff;
    padding-right: 5rem;
    padding-left: 5rem;
}

.custom-video-icon {
    width: 30px;
    height: 30px;
}

.category-center {
    margin-right: 3.1rem;
    margin-left: 13.7rem;
}

.shop-menu-left {
    padding-left: 5rem;
}

::placeholder {
    color: #ced4da;
    font-size: 12px;
}

.main_header_area {
    height: 75px;
}

.fixed-section {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #f1f1f1;
    z-index: 999;
}

.site-main-logo {
    height: 60px;
    width: 100px;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.sticky + .content {
    padding-top: 102px;
}

.main-header {
    position: relative;
}

.drpdown_menu {
    z-index: 1021;
}

.step-img {
    position: relative;
    top: -11px;
    left: -1.2rem;
    right: 0px;
}

.step-img img {
    /* height: 73px; */
    height: 78px;
}

#stand-logo {
    max-width: 100%;
    max-height: 50px;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* -------------------------------------------------------------------------- */
/* Home Card Section */
/* -------------------------------------------------------------------------- */

/* ------------------------------- Home Banner ------------------------------ */
.Advance-Slider {
    float: left;
    width: 100%;
    overflow: hidden;
}

.story_title {
    padding-bottom: 3rem;
    color: #3e332d;
    margin-top: 4rem;
}

.Advance-Slider .img-fill {
    position: relative;
    height: 100%;
}

.Advance-Slider .img-fill img {
    height: 100%;
    width: 100%;
    animation: myMove 10s linear infinite;
}

.Advance-Slider .item {
    /* height: 65%; */
    height: 100%;
    overflow: hidden;
    outline: none;
}

.Advance-Slider button.slick-next.slick-arrow {
    right: 0;
    left: auto;
}

.Advance-Slider button.slick-arrow:before {
    content: "\f104";
    top: 0;
    left: 0;
    margin: auto;
    font-size: 18px;
}

.Advance-Slider button.slick-next.slick-arrow:before {
    transform: scaleX(-1);
    display: block;
}

.Advance-Slider .img-fill:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.Advance-Slider ul.slick-dots {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}

.Advance-Slider ul.slick-dots li {
    display: inline-block;
    height: auto;
    padding: 0 5px;
    line-height: 0px;
}

.Advance-Slider ul.slick-dots li button {
    height: 15px;
    width: 15px;
    border-radius: 100%;
    background: #fff;
    border: none;
    font-size: 0;
    padding: 0;
    opacity: 0.5;
    outline: none;
    transition: all 0.3s ease;
    cursor: pointer;
    position: relative;
    display: flex;
    justify-content: center;
}

.Advance-Slider ul.slick-dots li.slick-active button {
    opacity: 1;
}

.Advance-Slider button.slick-arrow {
    display: none;
    perspective: 360px;
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    height: 50px;
    width: 50px;
    background: #fff;
    border: none;
    margin: auto;
    font-size: 0;
    text-align: center;
    outline: none;
    cursor: pointer;
}

.Advance-Slider button.slick-arrow .thumb {
    display: none;
    position: absolute;
    height: 100px;
    width: 150px;
    left: 100%;
    top: -28px;
    transform-origin: 0% 0%;
    transform: rotate3d(1, 0, 0, 90deg);
}

.Advance-Slider button.slick-arrow .thumb img {
    height: 100%;
    width: 100%;
}

.Advance-Slider button.slick-next .thumb {
    left: auto;
    right: 100%;
}

.Advance-Slider button.slick-prev.hover-out .thumb,
.Advance-Slider button.slick-prev .thumb {
    animation: out-left 300ms ease 0ms 1 forwards;
}

.Advance-Slider button.slick-prev.hover-in .thumb {
    animation: in-left 300ms ease 0ms 1 forwards;
}

.Advance-Slider button.slick-next.hover-out .thumb,
.Advance-Slider button.slick-next .thumb {
    animation: out-right 300ms ease 0ms 1 forwards;
    transform-origin: 100% 50%;
}

.Advance-Slider button.slick-next.hover-in .thumb {
    animation: in-right 300ms ease 0ms 1 forwards;
}

.Advance-Slider button.slick-prev:hover {
    transform: translateX(-100%);
}

.Advance-Slider button.slick-prev {
    transition: all 0.3s ease;
}

.Advance-Slider button.slick-next:hover {
    transform: translateX(100%);
}

.Advance-Slider button.slick-next {
    transition: all 0.3s ease;
}

.Advance-Slider ul.slick-dots li button img {
    height: 0;
    width: 20px;
    top: 0;
    object-fit: cover;
    transition: height 0.2s ease 0.2s, width 0.2s ease 0s;
    position: relative;
    left: -50%;
}

.Advance-Slider ul.slick-dots li button a {
    position: absolute;
    height: 90px;
    bottom: calc(100%);
    width: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    transition: all 0.2s ease 0.2s;
    padding-bottom: 10px;
}

.Advance-Slider ul.slick-dots li button:hover img {
    height: 80px;
    width: 140px;
    transition: height 0.2s ease, width 0.2s ease 0.2s;
}

.Advance-Slider ul.slick-dots li button:hover a {
    width: 140px;
    transition: all 0.3s ease 0s;
}

.Advance-Slider ul.slick-dots li button:hover {
    opacity: 1;
}

.Advance-Slider ul.slick-dots li button:before {
    content: "";
    bottom: calc(100% + -10px);
    left: 7px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0px;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: var(--white);
    border-width: 10px;
    margin-left: -10px;
    opacity: 0;
    transition: 0.3s ease 350ms;
}

.Advance-Slider ul.slick-dots li button:hover:before {
    opacity: 1;
    transition: 0.3s ease 0s;
}

.Advance-Slider .item.slick-active {
    animation: Slick-FastSwipeIn 1s both;
}

.Advance-Slider .item .contain-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.Advance-Slider .item .contain-wrapper .dots-contain {
    display: none;
}

.Advance-Slider .item h3 {
    margin: 0px;
    color: var(--white);
    font-size: 2rem;
    font-weight: 300;
    font-family: var(--primary-font);
    text-transform: capitalize;
}

.Advance-Slider .item {
    color: var(--white);
}

.Advance-Slider .item h5 {
    font-family: var(--primary-font);
    font-size: 1rem;
    font-weight: 300;
    padding: 10px 0 0;
    margin: 0;
    text-transform: capitalize;
}

.Advance-Slider .item .contain-wrapper .info {
    max-width: 1200px;
}

.brand_side_text {
    transition: 0.5s all;
    font-size: var(--header-font-size);
}

.learn_more {
    /* padding-bottom: 40px; */
    background: var(--secondary-bg-color);
}

.home_shop_product_wrapper h5 {
    font-size: var(--section-title-font-size);
    font-family: var(--primary-font);
    font-weight: 400;
    opacity: 0.8;
    margin-bottom: 30px;
}

.home_shop_product_wrapper p {
    font-family: var(--primary-font);
    font-size: var(--paragraph-font-size);
}

.home_banner_card_title {
    font-size: var(--section-title-font-size);
    font-family: var(--primary-font);
}

.home_banner_bottom_title {
    position: relative;
    top: -3rem;
}

.banner_bottom_box {
    width: 75%;
    position: relative;
    top: -6rem;
    z-index: 0;
}

/* Tab table search */
.table_search {
    border: none;
    border-bottom: 1px solid var(--third-color);
    border-radius: 0px;
    margin-bottom: 5px;
}

/* Software Hardware Tab 16-07-23 */
.section-tabs {
    padding-top: 15px;
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.bg-site {
    color: white;
    background-color: var(--primary-color);
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

.section-tabs .swiper-tabs-nav .swiper-slide {
    text-align: center;
    font-weight: 600;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.section-tabs .swiper-tabs-nav .swiper-slide.swiper-slide-thumb-active {
    font-weight: 700;
    color: #cb0001;
    border-color: #cb0001;
}

.section-tabs .swiper-tabs-content .swiper-slide {
    padding: 25px 15px;
}

.section-tabs .swiper-tabs-content .swiper-slide .full-height {
    display: flex;
    flex-direction: column;
    min-height: calc(65vh - 25px);
}

.section-tabs .swiper-tabs-content .swiper-slide .row {
    margin: 0 -5px;
}

.section-tabs .swiper-tabs-content .swiper-slide .row .col-6,
.section-tabs .swiper-tabs-content .swiper-slide .row .col {
    padding: 0 5px;
}

.section-tabs .swiper-tabs-content .swiper-slide .custom-select {
    border-radius: 0;
}

.section-tabs .swiper-tabs-content .swiper-slide textarea.form-control {
    border-radius: 0;
    background-color: var(--white);
}

.section-tabs
    .swiper-tabs-content
    .swiper-slide
    .radio-courier
    .item-radio
    input
    ~ label {
    border-radius: 0;
    text-align: center;
}

.section-tabs
    .swiper-tabs-content
    .swiper-slide
    .radio-courier
    .item-radio
    input
    ~ label
    h6 {
    color: #b8026f;
}

.section-tabs
    .swiper-tabs-content
    .swiper-slide
    .radio-courier
    .item-radio
    input
    ~ label
    p {
    color: #989898;
}

.section-tabs .swiper-tabs-content .swiper-slide .bottom {
    margin-top: auto;
}

.section-tabs .swiper-tabs-content .swiper-slide .bottom .btn {
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
}

.section-tabs .swiper-tabs-content .swiper-slide .bottom .btn .icon {
    position: absolute;
    left: 15px;
    top: 60%;
    transform: translateY(-50%);
}

.section-tabs .swiper-tabs-content .swiper-slide .bottom .btn .icon img {
    height: 20px;
    width: auto;
    filter: invert(1);
}

.swiper-slide-active {
    color: white;
    background-color: #000000;
}

.swiper-tabs-content .swiper-slide {
    color: black;
    background-color: transparent;
}

.swiper-tabs-nav {
    background-color: #f4f6f5;
}

/* Add CSS for Swiper navigation buttons */
.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    z-index: 10;
    cursor: pointer;
    background-color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #000000;
}

.swiper-button-next {
    right: 10px;
}

.swiper-button-prev {
    left: 10px;
}

.success_section {
    background: var(--secondary-bg-color);
    padding: 20px;
}

/* Software Hardware Tab 16-07-23 */
.common_product_header h1 {
    font-size: 50px;
}

/* .client_story_box {
    margin-top: -2rem;
} */

.magazine_content {
    /* border-top-right-radius: 60px; */
    /* border-bottom-left-radius: 60px; */
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.home_banner_bt-title {
    font-size: 24px;
    line-height: 1.2;
    text-transform: capitalize;
}

.home_banner_card {
    padding-top: 1.8rem;
    padding-bottom: 1.8rem;
    height: 11rem;
}

.home_shop_button {
    display: flex;
    justify-content: start;
}

.product_brand {
    display: flex;
    justify-content: end;
}

.img_gallery_wrapper {
    display: flex;
    justify-content: center;
}

.business_seftion_button {
    padding-top: 1.8rem;
}

/* Home Page Partial CSS Start */
.account_benefits_section a {
    color: none;
}

.gradient_bg {
    background-image: linear-gradient(
        to right top,
        #cb3a6f,
        #dd2467,
        #9f0940,
        #98083d,
        #91083a,
        #c7024a,
        #9f023c,
        #970a3d,
        #98083d,
        #9f0940,
        #a70a43,
        var(--third-color)
    );
}

.detail_img img {
    height: 100%;
    border-top-right-radius: 40px;
    margin-top: 3px;
    -o-object-fit: cover;
    object-fit: cover;
}

.grid-river {
    position: relative;
    margin: 0 auto;
    max-width: 1000px;
    list-style: none;
    text-align: start;
}

/* Common style */
.grid-river figure {
    position: relative;
    float: left;
    overflow: hidden;
    min-width: 100%;
    max-width: 100%;
    max-height: 100%;
    /* min-width: 304px;
    max-width: 480px;
    max-height: 240px; */
    width: 100%;
    background: #3085a3;
    text-align: start;
    cursor: pointer;
    /* border-bottom-left-radius: 40px;
    border-top-right-radius: 40px; */
}

.grid-river figure img {
    position: relative;
    display: block;
    min-height: 250px;
    max-width: 100%;
}

.grid-river figure figcaption {
    padding: 2em;
    color: var(--white);
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.grid-river figure figcaption::before,
.grid-river figure figcaption::after {
    pointer-events: none;
}

.grid-river figure figcaption,
.grid-river figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.grid-river figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
}

.grid-river figure h2 {
    word-spacing: -0.15em;
    font-weight: 300;
}

.grid-river figure h2 span {
    font-weight: 800;
}

.grid-river figure h2,
.grid-river figure p {
    margin: 0;
}

.grid-river figure p {
    font-size: 16px;
    font-family: var(--primary-font);
    text-transform: capitalize;
    text-align: justify;
}

/* Individual effects */
figure.effect-oscar:hover {
    background: -webkit-linear-gradient(
        45deg,
        var(--third-color) 0%,
        var(--third-color) d1 40%,
        var(--third-color) 9c 100%
    );
    /* background: linear-gradient(
        45deg,
        var(--third-color) 0%,
        var(--third-color)d1 40%,
        var(--third-color)9c 100%
    ); */
}

figure.effect-oscar figcaption {
    padding: 30px;
    /* background-color: rgb(75 67 70 / 72%); */
    -webkit-transition: background-color 0.35s;
    transition: background-color 0.35s;
}

figure.effect-oscar figcaption::before {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: "";
}

figure.effect-oscar h6 {
    height: 2.5rem;
    color: white;
    margin: 0% 0 10px 0;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 20%, 0);
    font-size: 16px;
    font-family: var(--primary-font);
}

figure.effect-oscar h5 {
    color: white;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0, 140%, 0);
    transform: translate3d(0, 270%, 0);
    font-size: 16px;
}
.releted-course-home {
    width: 311px;
    height: 160px;
}
figure.effect-oscar figcaption::before,
figure.effect-oscar p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(0);
    transform: scale(0);
}

figure.effect-oscar:hover h6 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* figure.effect-oscar:hover figcaption {
    background: -webkit-linear-gradient(
        45deg,
        var(--third-color) 0%,
        var(--third-color)d1 40%,
        var(--third-color)9c 100%
    );
    background: linear-gradient(
        45deg,
        var(--third-color) 0%,
        var(--third-color)d1 40%,
        var(--third-color)9c 100%
    );
    padding: 30px;
} */

.details-titles {
    /* position: relative; */
    /* bottom: -4rem; */
    /* border-top-right-radius: 40px; */
    color: var(--secondary-color);
    font-size: 20px;
    font-weight: 700;
    background-color: #ffffff;
    box-shadow: var(--custom-shadow);
    border: 1px solid var(--border-color);
    height: 5.5rem;
}

.details-titles p {
    font-size: var(--header-font-size);
    font-weight: 600;
}

.download-hover-btn:hover {
    padding-right: 5px;
}

.header-category-ml-60 {
    margin-left: 60px;
}

.title_top_heading {
    font-family: var(--primary-font);
    font-size: 36px;
    line-height: 36px;
    color: var(--heading-);
    margin-bottom: 14px;
    font-weight: 400;
}

.custom_col-2 {
    flex: 0 0 auto;
    width: 20%;
}

.tag_btn {
    background-color: #f7f6f5;
    color: black;
    font-size: 13px;
    padding: 5px;
}

.slick-dotted.slick-slider {
    margin-bottom: -100px;
}

.our_success_item_body {
    padding: 20px 20px 0px 20px;
}

.footer_nav_list ul {
    margin: 0px;
    padding: 0px;
    line-height: 2;
    color: #c9c9c9;
}

.accordion {
    display: flex;
    height: auto;
    flex-direction: column;
}

.accordion-button:focus-visible {
    outline: 0px solid transparent;
    border-radius: 0px;
    background: transparent;
}

.accordion-button:focus {
    z-index: 3;
    border-color: none;
    outline: 0;
    box-shadow: none;
    border: none;
}

.accordion-button:not(.collapsed) {
    color: #ffffff;
    background-color: var(--primary-color);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0
        var(--bs-accordion-border-color);
}

.accordion-button::after {
    border-radius: 11px;
}

/* Footer CSS Start */
.details_icon {
    padding: 12px;
    background: var(--third-color) ab;
    border-radius: 50%;
    color: white;
}

/*Product Slick Slider Css Ruls */
.slick-slider {
    position: relative;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: "";
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.img-fill {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.img-fill img {
    height: 100%;
    min-width: 100%;
    position: relative;
    display: inline-block;
    max-width: none;
}

/* Slider Theme Style */
.Container {
    padding: 0 15px;
}

.SlickCarousel {
    margin: 0 -7.5px;
    margin-top: 10px;
}

.ProductBlock {
    padding: 0 7.5px;
}

.ProductBlock .img-fill {
    height: 200px;
}

@keyframes Slick-FastSwipeIn {
    0% {
        transform: rotate3d(0, 1, 0, 150deg) scale(0) perspective(400px);
    }

    100% {
        transform: rotate3d(0, 1, 0, 0deg) scale(1) perspective(400px);
    }
}

@keyframes in-left {
    from {
        -webkit-transform: rotate3d(0, 1, 0, 90deg);
        transform: rotate3d(0, 1, 0, 90deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
}

@keyframes out-left {
    from {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }

    to {
        -webkit-transform: rotate3d(0, 1, 0, 86deg);
        transform: rotate3d(0, 1, 0, 86deg);
    }
}

@keyframes in-right {
    from {
        -webkit-transform: rotate3d(0, -1, 0, 90deg);
        transform: rotate3d(0, -1, 0, 90deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
}

@keyframes out-right {
    from {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }

    to {
        -webkit-transform: rotate3d(0, -1, 0, 86deg);
        transform: rotate3d(0, -1, 0, 86deg);
    }
}

/* Faq Page Tabs Start*/
.nav-pills-custom_faq .nav-link {
    position: relative;
    border-bottom: 1px solid #eee;
    padding: 12px;
    border-radius: 0px;
}

.nav-pills-custom_faq .nav-link.active {
    color: var(--third-color);
}

.nav-pills .faq.active,
.nav-pills .show > .faq {
    color: var(--third-color);
    background-color: transparent;
}

/* For Accordion Faq */
[data-toggle="collapse"] i:before {
    content: "\f068";
}

[data-toggle="collapse"].collapsed i:before {
    content: "\f067";
}

#accordion .card-header {
    margin-bottom: 8px;
}

#accordion .accordion-title {
    position: relative;
    display: block;
    padding: 8px 0 8px 50px;
    background: #f8f9fa;
    border-radius: 8px;
    overflow: hidden;
    text-decoration: none;
    color: #323232;
    font-size: 16px;
    font-weight: 700;
    width: 100%;
    text-align: left;
    transition: all 0.4s ease-in-out;
}

#accordion .accordion-title i {
    position: absolute;
    width: 40px;
    height: 100%;
    left: 0;
    top: 0;
    color: var(--white);
    background: var(--third-color);
    text-align: center;
    border-right: 1px solid transparent;
}

#accordion .accordion-title:hover {
    padding-left: 60px;
    background: var(--third-color);
    color: var(--white);
}

#accordion .accordion-title:hover i {
    border-right: 1px solid #fff;
}

#accordion .accordion-body ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

#accordion .accordion-body li {
    padding-left: 1.2rem;
    text-indent: -1.2rem;
}

#accordion .accordion-body li:before {
    content: "\f10a";
    padding-right: 5px;
    font-size: 16px;
    font-style: normal;
    color: #213744;
}

.faqs_title_border_top {
    border-top: 4px solid var(--third-color);
}

.faqs_title_border_bottom {
    border-bottom: 4px solid var(--third-color);
}

.flipbookkk {
    margin-top: 15vh;
    margin-bottom: 5vh;
}

.flipbookkk-title {
    color: #ffa200;
    text-align: center;
    font-size: 5vw;
    font-weight: 900;
    line-height: 75px;
    text-shadow: 1px 3px 0px #373737;
}

.nav-pills-custom_faq .nav-link.active::before {
    opacity: 1;
}

.ui-autocomplete {
    left: 35%;
    width: 100%;
    margin-top: 16px;
}

.ui-menu {
    margin-top: 1.5rem;
    top: 5rem;
}

.ui-slider-horizontal .ui-slider-range {
    background-color: var(--primary-color);
}

.ui-slider-handle {
    background-color: rgb(233 236 239);
    border-radius: 50%;
}

.select2-container .select2-selection--single {
    height: 39px;
}

.c-header-nav__text {
    color: var(--third-color);
    font-weight: 600;
}

.modal_outer .modal-body {
    overflow-y: auto;
    overflow-x: hidden;
    height: 70vh;
}

table.td {
    margin: 1px;
    padding: 3px;
}

.dataTable thead td,
.dataTable thead th {
    padding: 7px;
    font-size: 16px;
}

.datatable-footer,
.datatable-header {
    padding: 3px;
}

.card-body {
    padding: 5px;
}

.form-select {
    border-radius: 0px;
}

.card-body {
    color: black;
    font-weight: 600;
}

.br-7 {
    border-radius: 7px;
}

.br-5 {
    border-radius: 5px;
}

.center {
    width: 50%;
    margin: auto;
}

.bg-gray {
    background: gray;
    color: white;
}

.w-6 {
    width: 6rem;
    border: 1px #d5cece solid;
}

.w-10 {
    width: 10rem;
    border: 1px #d5cece solid;
}

.border-none {
    border: none;
}

.product_item_content_name {
    height: 3rem;
    font-size: 13px;
}

/* Comme From All Hardware Page */
.pagination-flat {
    justify-content: center;
    margin: 0 0px 11px;
}

.container .title {
    color: #fff;
    text-decoration: none;
    margin-top: 30px;
    margin-bottom: 25px;
    min-height: 32px;
}

.container .title h3 {
    font-size: 25px;
    font-weight: 300;
}

/* div.card.card-plain {
    background: transparent;
    box-shadow: none;
}

div.card .card-header {
    border-radius: 3px;
    padding: 6px 5px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: -30px;
    border: 0;
} */

.card-plain .card-header:not(.card-avatar) {
    margin-left: 0;
    margin-right: 0;
}

.nav-tabs {
    border: 0;
    border-radius: 3px;
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-tabs .nav-item {
    margin-bottom: -1px;
}

.nav-tabs .nav-item .material-icons {
    margin: -1px 5px 0 0;
    vertical-align: middle;
}

.nav .nav-item {
    position: relative;
}

footer {
    /* margin-top: 100px;
    */
    color: #555;
    background: #fff;
    padding: 25px;
    font-weight: 300;
}

.footer p {
    margin-bottom: 0;
    font-size: 14px;
    margin: 0 0 10px;
    font-weight: 300;
}

footer p a {
    color: #555;
    font-weight: 400;
}

footer p a:hover {
    color: #9f26aa;
    text-decoration: none;
}

.slider {
    width: 600px;
    margin: 20px auto;
    text-align: center;
    padding: 20px;
    color: white;
}

.slide {
    padding: 0;
}

.slide .child-element {
    transition: all 0.2s ease;
    /* box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px, rgb(51, 51, 51) 0px 0px 0px 3px;
    */
    border-top: 2px solid var(--third-color);
    border-bottom: 2px solid var(--third-color);
    background: #bdb1b661;
    width: 100%;
    height: 26rem;
    margin: 30px 0;
    transition: all 0.5s;
}

.text-site {
    color: var(--third-color);
}

.slide.slick-center .child-element {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-top: 2px solid #256e91;
    border-bottom: 2px solid #256e91;
    background: #ffffff7a;
    margin: 0;
    height: 30rem;
    margin-bottom: 2rem;
    /* padding-top: 3rem;
    */
    max-width: initial;
}

.word {
    position: absolute;
    opacity: 0;
    font-size: 38px;
}

.letter {
    display: inline-block;
    position: relative;
    transform: translateZ(25px);
    transform-origin: 50% 50% 25px;
    font-weight: 400;
}

.letter.out {
    transform: rotateX(90deg);
    transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    font-weight: 400;
}

.letter.behind {
    transform: rotateX(-90deg);
    font-weight: 400;
}

.letter.in {
    transform: rotateX(0deg);
    transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    font-weight: 400;
}

.wisteria {
    color: var(--third-color);
    margin-left: 18px;
    font-size: 62px !important;
    text-transform: capitalize;
}

.belize {
    color: var(--third-color);
    margin-left: 18px;
    font-size: 62px !important;
    text-transform: capitalize;
}

.pomegranate {
    color: var(--third-color);
    margin-left: 18px;
    font-size: 62px !important;
    text-transform: capitalize;
}

.green {
    color: var(--third-color);
    margin-left: 18px;
    font-size: 62px !important;
    text-transform: capitalize;
}

.midnight {
    color: var(--third-color);
    margin-left: 18px;
    font-size: 62px !important;
    text-transform: capitalize;
}

.normal_text {
    font-size: 60px;
    line-height: 72px;
    vertical-align: baseline;
    letter-spacing: normal;
    font-weight: 300;
}

.animated_text {
    font-size: 60px;
    line-height: 72px;
    vertical-align: baseline;
    letter-spacing: normal;
    font-weight: 400;
}

/* */
.box {
    text-align: center;
    overflow: hidden;
    position: relative;
}

.box:before,
.box:after {
    content: "";
    background: rgba(11, 11, 12, 0.85);
    width: 200%;
    height: 200%;
    opacity: 0.75;
    transform: skew(45deg) translateX(100%);
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    transition: all 0.6s ease;
}

.box:after {
    transform: skew(45deg) translateX(-100%);
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    z-index: 0;
}

.box:hover:before,
.box:hover:after {
    transform: skew(45deg) translateX(0);
}

.box img {
    width: 100%;
    height: auto;
    transition: all 0.35s;
}

.box:hover img {
    opacity: 0.5;
}

.box-content {
    color: var(--white);
    width: 85%;
    opacity: 0;
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transition: all 0.6s ease;
}

.box:hover .box-content {
    opacity: 1;
}

.box .title {
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    margin: 0 0 3px;
}

.box .post {
    font-size: 14px;
    font-weight: 200;
    letter-spacing: 1px;
    text-transform: capitalize;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    margin: 0 0 10px;
    display: block;
}

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

.box .icon li {
    margin: 0 3px;
    display: inline-block;
}

.box .icon li a {
    color: #ea2027;
    background: #fff;
    font-size: 16px;
    line-height: 34px;
    width: 34px;
    height: 34px;
    display: block;
    transition: all 0.35s;
}

.box .icon li a:hover {
    color: var(--white);
    background: #ea2027;
}

.borders_right {
    border-right: 1px solid;
}

#sync1 .item {
    padding: 20px 0px;
    margin: 5px;
    color: var(--white);
    border-radius: 3px;
    text-align: center;
}

#sync {
    background: #f1f1f1;
}

#sync2 .item {
    background: #000;
    padding: 10px 0px;
    margin: 5px;
    color: var(--white);
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
}

#sync2 .item h1 {
    font-size: 18px;
    color: var(--white);
}

#sync1 .owl-item .item p {
    color: #000;
}

#sync2 .current .item {
    background: var(--third-color);
}

#sync2 .current .item h1 {
    color: var(--white);
}

.owl-theme .owl-nav [class*="owl-"] {
    transition: all 0.3s ease;
}

.owl-theme .owl-nav [class*="owl-"].disabled:hover {
    background-color: #d6d6d6;
}

#sync1.owl-theme {
    position: relative;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
    color: var(--third-color);
    background-color: white;
}

.owl-prev {
    position: absolute;
    top: -49px;
    left: 10px;
    background: white;
    width: 35px;
    height: 35px;
    color: var(--third-color);
    font-size: 13px;
    line-height: 0;
    border-radius: 50%;
}

.owl-prev i {
    position: absolute;
    top: 10px;
    left: 10px;
}

.owl-next i {
    position: absolute;
    top: 10px;
    right: 10px;
}

.owl-next {
    position: absolute;
    top: -49px;
    right: 10px;
    background: var(--white) !important;
    color: var(--primary-color) !important;
    width: 35px;
    height: 35px;
    font-size: 13px;
    line-height: 0;
    border-radius: 50%;
}

.owl-dots {
    display: none;
}

.our-team {
    text-align: center;
    overflow: hidden;
    position: relative;
}

.our-team img {
    width: 100%;
    height: auto;
}

.our-team .team-content {
    width: 100%;
    background: var(--third-color);
    color: var(--white);
    padding: 15px 0 10px 0;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    transition: all 0.3s ease 0s;
}

.our-team:hover .team-content {
    padding-bottom: 40px;
}

.our-team .team-content:before,
.our-team .team-content:after {
    content: "";
    width: 60%;
    height: 38px;
    background: var(--third-color);
    position: absolute;
    top: -18px;
    transform: rotate(15deg);
    z-index: -1;
}

.our-team .team-content:before {
    left: -3%;
}

.our-team .team-content:after {
    right: -3%;
    transform: rotate(-15deg);
}

.our-team .title_name {
    font-size: 24px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0 0 7px 0;
    position: relative;
    color: white;
}

.our-team .title_name:before,
.our-team .title_name:after {
    content: "";
    width: 7px;
    height: 93px;
    background: var(--third-color) bf;
    position: absolute;
    top: -78px;
    z-index: -2;
    transform: rotate(-74deg);
}

.our-team .title_name:before {
    left: 32%;
}

.our-team .title_name:after {
    right: 32%;
    transform: rotate(74deg);
}

.our-team .post {
    display: block;
    font-size: 13px;
    text-transform: capitalize;
    margin-bottom: 8px;
}

.our-team .social-links {
    list-style: none;
    padding: 0 0 15px 0;
    margin: 0;
    position: absolute;
    bottom: -40px;
    right: 0;
    left: 0;
    transition: all 0.5s ease 0s;
}

.our-team:hover .social-links {
    bottom: 0;
}

.our-team .social-links li {
    display: inline-block;
}

.our-team .social-links li a {
    display: block;
    font-size: 16px;
    color: #aad6e1;
    margin-right: 6px;
    transition: all 0.5s ease 0s;
}

.our-team .social-links li:last-child a {
    margin-right: 0;
}

.our-team .social-links li a:hover {
    color: #880736;
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #ffff;
    background: transparent url("https://i.ibb.co/t2CkLrk/close.png") center/1em
        auto no-repeat;
    border: 0;
    border-radius: 0.375rem;
    opacity: 0.5;
}

.modal-header {
    background: rgba(255, 255, 255, 0.25);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border-radius: 0px;
    border: 1px solid rgba(255, 255, 255, 0.18);
}

/* Location Page Design 08-16-23 */

select.country-select {
    padding: 10px;
    border: 1px solid #e6e6e5;
    color: #222;
}

select:focus-visible {
    border: 1px solid #e6e6e5;
    border-radius: 3px;
    outline: none;
}

.main_color {
    color: var(--third-color);
}

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

.callout-num {
    color: white;
    text-align: center;
    font-size: 5rem;
    line-height: 1.5;
    font-weight: 300;
    margin-bottom: 20px;
}

.location_footer_title {
    font-weight: 300;
}

/* For Map */
#Resorts a:hover path:first-child {
    fill: #afd7d6;
}

#Resorts a text {
    visibility: hidden;
    font-size: 36px;
    text-decoration: underline;
}

#Resorts a:hover text {
    visibility: visible;
}

#Resorts .resort {
    fill: #d9d9d9;
}

#Resorts .geo-ind,
#Resorts .title {
    fill: #005a56;
}

#Resorts rect {
    fill: transparent;
}

.point {
    cursor: pointer;
    position: absolute;
    width: 1.6rem;
    height: 1.6rem;
    background-color: #00acc1;
    border-radius: 50%;
    transition: all 0.3s ease;
    will-change: transform, box-shadow;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 0 rgba(0, 172, 193, 0.4);
    animation: pulse 3s infinite;
}

.price-usd {
    font-size: 10px;
}

.pdf_btn {
    font-size: 14px;
    width: 12.5rem;
    padding: 12px 7px;
}

.social-icons a {
    padding-top: 5px;
}

.dropdown-top-items {
    border-right: 1px solid #951041;
    padding-right: 20px;
    padding-left: 14px;
    height: 35px;
}

.drop-items-extra {
    border-left: 1px solid #951041;
}

.feature_menu_item {
    font-size: 14px;
}

.modal-backdrop {
    z-index: 0;
}

.dropdown-container {
    position: relative;
}

.dropdown-btn {
    width: 70px;
    background: cyan;
    padding: 12px;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    padding: 12px 16px;
    z-index: 1;
}

.dropdown-content a {
    margin-bottom: 1px;
    background: cyan;
    display: block;
}

.search-container {
    position: absolute;
    z-index: 1;
    top: 4.9rem;
}

.mglass {
    display: inline-block;
    pointer-events: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}

.searchbutton {
    position: absolute;
    font-size: 30px;
    width: 100%;
    margin: 0;
    padding: 0;
}

.search:focus + .searchbutton {
    transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    background-color: #f7f6f5;
    color: black;
}

.search-box-areas {
    border-bottom-left-radius: 35px;
    border-top-left-radius: 35px;
    background: var(--primary-color);
    color: white;
    margin: 0px;
    border: 1px solid var(--primary-color);
}

.search-input-field {
    padding-top: 4px;
    border-bottom-right-radius: 15px !important;
    border-top-right-radius: 15px !important;
}

.search-input-container {
    width: 500px;
    position: relative;
    right: 4rem;
}

.form-control {
    color: #212529;
    background-color: #f7f6f5;
    outline: 0;
    border: 0;
    border-radius: 0px;
    padding: 0.375rem 0.75rem;
    box-shadow: none !important;
    z-index: 10;
    transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
}

.form-control:focus {
    color: #212529;
    background-color: #f7f6f5;
    outline: 0;
    border: 0;
    border-radius: 0px;
    padding: 0.375rem 0.75rem;
    box-shadow: none !important;
    z-index: 10;
    transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
}

.search {
    position: absolute;
    left: 0px;
    background-color: #f7f6f5;
    outline: none;
    border: none;
    padding: 7px;
    padding-top: 2px;
    width: 0;
    height: 100%;
    z-index: 10;
    transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
}

.expandright {
    left: auto;
    right: 10px;
    border-radius: 25px;
}

.expandright:focus {
    padding: 0 0 0 16px;
}

.search_buttons {
    display: inline-block;
    padding-left: 13px;
    padding-right: 15px;
    padding-top: 1px;
    height: 43px;
    line-height: 40px;
    border: 1px solid #e5e2e0;
    width: 43px;
    text-align: center;
    color: var(--third-color);
    text-decoration: none;
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 30px;
    top: 2px;
}

.search_buttons:hover {
    transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
}

#mobile_search_container {
    height: 80vh;
    overflow-y: scroll;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: var(--third-color);
    background-color: transparent;
}

.drpdown_menu {
    margin-top: 0px;
    border-radius: 0px;
}

.menu_icons {
    position: relative;
    font-size: 12px;
    top: 2px;
    color: var(--third-color);
}

.nav_title {
    color: #716e6e;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown-item {
    color: #312d2a;
    font-size: 0.96rem;
}

.main_active {
    position: relative;
    height: 100px;
    width: 600px;
    background: red;
    border: 1px solid white;
}

.active_menu_design {
    position: absolute;
    top: -10px;
    width: 14px;
    height: 14px;
    border: 15px solid transparent;
    border-top: 0;
    border-bottom: 13px solid var(--third-color);
    opacity: 1;
    left: calc(37% - 5px);
}

.active_menu_design2 {
    position: absolute;
    top: -15px;
    width: 14px;
    height: 14px;
    border: 14px solid transparent;
    border-top: 0;
    border-bottom: 12px solid var(--third-color);
    left: calc(49% - 25px);
    opacity: 1;
}

.active_menu_design3 {
    position: absolute;
    top: -15px;
    width: 14px;
    height: 14px;
    border: 14px solid transparent;
    border-top: 0;
    border-bottom: 13px solid var(--third-color);
    opacity: 1;
    left: calc(57% - 12px);
    opacity: 1;
}

.active_menu_design4 {
    position: absolute;
    top: -15px;
    width: 14px;
    height: 14px;
    border: 14px solid transparent;
    border-top: 0;
    border-bottom: 13px solid var(--third-color);
    left: calc(65% - 15px);
    opacity: 1;
}

.offcanvas.offcanvas-end {
    border-left: 0px;
}

.data_tabs_content {
    background-color: white;
}

.extra_category {
    background-color: transparent;
    padding: 0px;
    border-top: none;
    border: 0px;
}

.dropdown_area_here {
    background: var(--third-color);
    padding: 22px;
    color: white;
}

.dropdown_area_here:hover {
    background: #f7f6f5;
    padding: 22px;
    color: var(--third-color);
}

.nav-pills-custom .nav-link {
    font-family: var(--primary-font);
    color: #161616;
    background: #f7f7f7;
    font-weight: normal;
    position: relative;
}

.nav-pills-custom .nav-link.active {
    font-family: var(--primary-font);
    color: var(--primary-color);
    background: #adadad;
    font-weight: normal;
}

.nav-pills-custom2 .nav-link {
    font-family: var(--primary-font);
    color: #161616;
    background: #f4f3f2;
    font-weight: normal;
    position: relative;
}

.catregory-side-key {
    padding: 16px 10px;
    border-top: 1px solid #eee !important;
    border-right: 1px solid #eee !important;
}

.nav-pills-custom2 .nav-link.active {
    font-family: var(--primary-font);
    color: #ffffff;
    background: var(--third-color);
    font-weight: normal;
}

.nav-pills-custom3 .nav-link {
    color: #aaa;
    background: #fff;
    position: relative;
    font-family: var(--primary-font);
    color: #161616;
    background: #e7e7e7;
    font-weight: normal;
    width: 52px;
    height: 44px;
    display: flex;
    margin-top: 5px;
    justify-content: center;
    align-items: center;
}

.nav-pills-custom3 .nav-link.active {
    font-family: var(--primary-font);
    color: #ffffff;
    background: var(--third-color);
    font-weight: normal;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tab-content {
    line-height: 25px;
    padding: 0px;
}

.tab_key_btns {
    background-color: #f7f6f5;
}

.tab_key_btns3 {
    display: flex;
    justify-content: end;
    background-color: var(--secondary-bg-color);
}

.tab_area_main {
    background: #f2f2f2;
}

.tab_area_main3 {
    background: transparent;
    padding: 10px;
}

.tab_btn_icon3 {
    background: #f7f6f5;
    padding: 20px;
    border-radius: 50%;
    color: var(--third-color);
    margin-left: 200px;
}

.dropdown-toggle::after {
    display: none;
}

/* Slider */
/* Header Partial Page Design 08-16-23 Start*/
/* Contact Us Page Design 08-16-23 Start*/
/* 30-07-2023 */
.location-list-link {
    font-size: var(--header-font-size);
}

.location-list {
    padding: 4px;
}

.solution_contact_wrapper_contactpage {
    background-color: #ffffff;
    padding: 40px 0px;
}

.thing_together_wrapper_contactpage p {
    color: #000;
    font-size: 16px;
    font-family: var(--primary-font);
    font-weight: 400;
}

.thing_together_wrapper_contactpage h4 {
    color: #000;
    font-size: 2.5rem;
    font-family: var(--primary-font);
    font-weight: 400;
    margin-top: 30px;
}

/* Contact Us Page Design 08-16-23 End*/
/* For Brand Page Start 24-8-23 */
.bread-crumb-spacer {
    padding-left: 10px;
    padding-right: 10px;
}

.popular_product-button {
    margin-top: 1.8rem;
}

.brand-bread-crumb {
    font-size: 1rem;
}

.navigation-container {
    width: 82%;
}

.stand-header-nav {
    transition: all 0.25s ease-in-out 0s;
    transition-property: max-height, transform;
    font: 18px "Century Gothic", Verdana, sans-serif;
}

.stand-header-nav li {
    border-right: 1px solid #eee;
    position: relative;
    right: 10px;
    padding: 10px;
    list-style-type: none;
}

.company-tab-title {
    margin: 0 0 10px;
    font-size: 1.6rem;
    font-family: var(--primary-font);
    color: #555;
    border-bottom: #dadbdf solid 1px;
    line-height: 1.5;
}

.company-tab-title span {
    color: #4a4c4e;
    padding: 0 12px 0 12px;
    background-color: #f6f6f6;
    position: relative;
    background-color: white;
    top: 12px;
    left: 4rem;
}

.company-tab-para {
    /* margin-top: 2rem;
    */
    font-family: var(--primary-font);
    text-align: justify;
    font-size: 16px;
}

.eyebrow:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #4e4fa9;
    width: calc(100% + 10px);
    height: 4px;
    border-radius: 5px;
}

.eyebrow_title {
    font-family: var(--primary-font);
    text-align: start;
    font-size: 1.6rem;
    line-height: 1.5;
}

.brandpage_row {
    padding-top: 4rem;
    padding-bottom: 2rem;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    display: flex;
    align-items: center;
}

.row_left_image {
    box-shadow: var(--custom-shadow);
}

.row_right_image {
    box-shadow: var(--custom-shadow);
}

.company-tab-title-products span {
    color: #4a4c4e;
    position: relative;
    font-size: 25px;
    margin-left: 1.4rem;
}

.site-main-logo-contents {
    height: 250px;
    width: 100%;
}

.tech-contetns-para {
    min-height: 9.3rem;
    border-bottom: 1px solid #eee;
}

.brandpage_product_title {
    font-size: 12px;
    line-height: 1.6;
    color: #0e0e0e !important;
    height: 3.5rem;
}

.brandpage_product_span {
    font-size: 10px;
    font-weight: 300;
    color: #6f6d6d;
}

.related_search_card {
    background-color: rgb(238, 238, 238);
}

.related_search_links {
    display: inline-block;
    margin: 5px;
    padding: 5px 10px;
    color: #555;
    background-color: var(--white);
    border: 1px solid #f2f2f2;
    /* border-radius: 20px;
    */
    border-radius: 16px;
    font-size: 14px;
}

/* */
.container-area-brand {
    padding: 0em 0;
    float: left;
}

.container-area-brand .title {
    color: #1a1a1a;
    text-align: center;
    margin-bottom: 10px;
}

.content-brand {
    position: relative;
    margin: auto;
    overflow: hidden;
    box-shadow: var(--custom-shadow);
}

.content .content-overlay-brand {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    height: 99%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.content-brand:hover .content-overlay-brand {
    opacity: 1;
}

.content-image {
    width: 100%;
    /* height: 330px;
    */
    height: 280px;
}

.content-details {
    position: absolute;
    text-align: center;
    /* padding-left: 1em;
    */
    padding: 1em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.content-brand:hover .content-details {
    top: 50%;
    left: 50%;
    height: 100%;
    background: #181818;
    opacity: 0.9;
}

.content-details h3 {
    color: var(--white);
    font-weight: 500;
    letter-spacing: 0.15em;
    margin-bottom: 0.5em;
    text-transform: uppercase;
}

.content-details p {
    color: var(--white);
    font-size: 0.8em;
}

.fadeIn-bottom {
    top: 80%;
}

.fadeIn-top {
    top: 20%;
}

.fadeIn-left-brand {
    left: 20%;
}

.fadeIn-right {
    left: 80%;
}

/* For Hover */
.inset-hover .description-footer-brand {
    height: 18px;
    padding: 10px 0;
    border-top: 1px dotted rgba(255, 255, 255, 0.25);
    position: absolute;
    left: 0;
    right: 0;
}

.brand-news-trends-title {
    margin-top: 32px;
}

.solution_info_area {
    height: 17.5rem;
}

.btn-close:focus {
    outline: 0;
    box-shadow: none;
    opacity: 1;
}

/* Map */
.map-area {
    display: flex;
    justify-content: center;
}

.map-container {
    padding: 3.2rem 0.8rem;
    position: relative;
    display: inline-block;
}

.map-container img {
    width: 100%;
}

.map-container .point {
    cursor: pointer;
    position: absolute;
    width: 1.6rem;
    height: 1.6rem;
    background-color: #00acc1;
    border-radius: 50%;
    transition: all 0.3s ease;
    will-change: transform, box-shadow;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 0 rgba(0, 172, 193, 0.4);
    animation: pulse 3s infinite;
}

.map-container .point:hover {
    animation: none;
    transform: translate(-50%, -50%) scale3D(1.35, 1.35, 1);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.map-container .venezuela {
    top: 54%;
    left: 24%;
}

.map-container .brasil {
    top: 64%;
    left: 28%;
}

.map-container .argentina {
    top: 77%;
    left: 27%;
}

.map-container .colombia {
    top: 55%;
    left: 21%;
}

.map-container .panama {
    top: 51%;
    left: 18%;
}

.map-container .mexico {
    top: 38%;
    left: 12%;
}

.map-container .usa {
    top: 26%;
    left: 17%;
}

.map-container .arabia {
    top: 40%;
    left: 53%;
}

.map-container .turquia {
    top: 31%;
    left: 57%;
}

.map-container .rusia {
    top: 16%;
    left: 67%;
}

.map-container .china {
    top: 40%;
    left: 72%;
}

.map-container .japon {
    top: 34%;
    left: 86%;
}

.map-container .australia {
    top: 72%;
    left: 86%;
}

/* Vide Badge */
.new-video {
    position: absolute;
    top: 5px;
    left: -5px;
}

.new-video .icon-small.video {
    background-position: -108px 0;
}

.new-video .icon-big,
.new-video .icon-small {
    background-image: url(https://img.virtual-expo.com/media/ps/images/common/pictos/new-video.png);
    margin-bottom: 2px;
    background-repeat: no-repeat;
}

.new-video .icon-small {
    width: 42px;
    height: 19px;
}

.active-brands {
    margin-left: 10px;
    border-bottom: 4px solid var(--third-color);
}

.disable-brands {
    opacity: 1;
    /* filter: blur(1px);
    */
    color: #3432324f;
}

.stand-header-nav li a {
    color: #424141;
}

.brand-page-banner {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25);
    margin-bottom: 27px;
    /* background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 50px 0px;
    height: 234px;
    width: 100%;
    */
}

.brand-page-banner img {
    height: 100%;
    width: 100%;
}

.brand-page-header-container {
    width: auto;
    box-shadow: var(--custom-shadow);
    padding: 20px;
    background-color: var(--white);
}

.mobile-brand-page-header-container {
    width: auto;
    box-shadow: var(--custom-shadow);
    padding: 10px 10px 10px 20px;
    background-color: var(--white);
}

.brand-page-content {
    margin-top: 1.7rem;
    margin-bottom: 1.7rem;
    /* padding: 20px 0px 10px;
    */
    padding: 0px;
    background-color: var(--white);
    box-shadow: var(--custom-shadow);
}

.brand-page-content-inner {
    /* width: 970px;
    */
    width: 100%;
    margin: 0 auto 40px;
}

.software_chose_item_title {
    color: var(--third-color);
    font-size: 18px;
    font-weight: 300;
    line-height: 32px;
    padding-bottom: 10px;
    margin: 4px 0px;
    text-align: center;
}

.software_chose_item {
    background-color: var(--primary-color);
    padding: 15px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-top: 5px solid var(--third-color);
    cursor: context-menu;
}

.software_chose_item_text {
    font-size: 16px;
    line-height: 24px;
    color: var(--navColor);
    margin-bottom: 30px;
    text-align: center;
    font-weight: 300;
}

/* For brand single page Design Start */
.single-product-container {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px, rgba(0, 0, 0, 0.1) 0px -1px 5px;
    margin-bottom: 50px;
    padding: 30px 7.5% 30px calc(7.5% - 50px);
}

.single-product-description {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px, rgba(0, 0, 0, 0.1) 0px -1px 5px;
}

.single-bp-tag {
    font-size: 12px;
}

.brand-single-image {
    height: auto;
    max-height: 500px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}

.description-title {
    padding: 10px 20px;
    font-size: 1.2em;
    text-transform: uppercase;
    border-left: 3px solid var(--third-color);
    margin-bottom: 0px;
}

.brand-description-area {
    background-color: rgb(240, 240, 240);
}

.description-areas-brand {
    height: 251px;
    overflow: auto;
}

.specification-areas-brand {
    height: 266px;
    overflow: auto;
}

.video-areas-brand {
    height: 250px;
    overflow: auto;
}

.brand-product-details {
    text-decoration: none;
    font-size: 14px;
    cursor: pointer;
    display: block;
    transition: color 0.2s ease-in-out 0s;
}

.brand-logo-area {
    background-color: white;
    height: 100%;
    padding: 10px 20px;
    max-height: 100%;
    overflow: hidden;
    width: 100%;
    display: block;
    box-shadow: var(--custom-shadow);
}

.element-brands-logo {
    display: flex;
    justify-content: center;
    align-items: center;
}

.brand-sub-image {
    display: flex;
    height: 30px;
    overflow: hidden;
    margin: 0px 20px 7px;
}

.brand-product-card {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px, rgba(0, 0, 0, 0.1) 0px -1px 5px;
    height: 100%;
}

.brand-containers img {
    max-width: 100%;
    object-fit: scale-down;
    max-height: 100%;
}

.brand-single-container {
    position: absolute;
    top: 5px;
    left: -5px;
    z-index: 1;
}

.brand-single-image {
    background-repeat: no-repeat;
    background-position: -150px 0px;
    margin-bottom: 2px;
}

.brand-taging-area {
    color: rgb(72, 72, 72);
    font-size: 14px;
}

.card-description {
    padding: 0px 20px;
}

.product-badges {
    position: absolute;
    top: 5px;
    left: -5px;
    z-index: 1;
}

.product-badge-image {
    background-repeat: no-repeat;
    background-position: -147px 8px;
    height: 25px;
    margin-bottom: 2px;
    width: 42px;
}

.close-btn-brand-history {
    -webkit-box-align: center;
    align-items: center;
    background: rgb(183, 183, 183);
    border: 2px solid transparent;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 0px;
    padding: 0px 10px;
    outline: 0px;
    position: relative;
    text-decoration: none;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
    user-select: none;
    --webkit-appearance: none;
    --moz-appearance: none;
    font-size: 14px;
    height: 32px;
    min-width: 0px;
    width: 32px;
    color: rgb(255, 255, 255);
}

/* Slider */
.product__slider-main {
    margin-bottom: 15px;
}

.product__slider-main img {
    margin: 0 auto;
    height: 300px;
}

.product__slider-thmb .slick-slide {
    opacity: 0.5;
    transition: all 0.3s ease;
}

.product__slider-thmb .slick-slide.slick-active,
.product__slider-thmb .slick-slide:hover {
    opacity: 1;
}

.product__slider-main,
.product__slider-thmb {
    display: none;
}

.product__slider-thmb img {
    width: 40px;
    height: 40px;
}

/* News & Contents */
/* For News & Trends Page Design */
.main_catalogue {
    box-shadow: var(--custom-shadow);
}

.main_catalogue:hover {
    transform: scale(1.01);
    transition: all 0.4s;
}

.catalogue-description {
    font-size: 12px;
}

.catalogue-titles {
    height: 4rem;
    font-size: var(--paragraph-font-size);
}

.main .content .image-container {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 0;
}

.border-bottom-mcl-7 {
    border-bottom: 7px solid var(--third-color);
    width: fit-content;
}

.content .image-container img {
    display: block;
    object-fit: cover;
    object-position: center center;
    width: 100%;
}

.avatar-news {
    border-top: 14px solid var(--third-color);
    display: flex;
    justify-content: center;
}

.avatar-news img {
    width: 165px;
    height: 200px;
    object-fit: cover;
    object-position: center center;
    margin: auto;
    display: block;
}

.news-color {
    color: var(--third-color);
}

.container-catalogs {
    position: relative;
    width: 500px;
    height: 300px;
}

.overlay-catalogs {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    transition: background 0.5s ease;
}

.container-catalogs:hover .overlay-catalogs {
    display: block;
    background: rgba(0, 0, 0, 0.3);
}

.container-catalogs:hover .title {
    top: 90px;
}

.container-catalogs:hover .button-catalogs {
    opacity: 1;
}

.button-catalogs {
    position: absolute;
    left: 0;
    right: 0;
    top: 180px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.35s ease;
}

.button-catalogs a {
    width: 200px;
    padding: 12px 48px;
    text-align: center;
    color: white;
    border: solid 2px white;
    z-index: 1;
}

/* For Brand Page End 24-8-23 */
@keyframes swing {
    0% {
        transform: rotate(0deg);
    }

    10% {
        transform: rotate(10deg);
    }

    30% {
        transform: rotate(0deg);
    }

    40% {
        transform: rotate(-10deg);
    }

    50% {
        transform: rotate(0deg);
    }

    60% {
        transform: rotate(5deg);
    }

    70% {
        transform: rotate(0deg);
    }

    80% {
        transform: rotate(-5deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@keyframes sonar {
    0% {
        transform: scale(0.9);
        opacity: 1;
    }

    100% {
        transform: scale(2);
        opacity: 0;
    }
}

.page-wrapper .sidebar-wrapper,
.sidebar-wrapper .sidebar-brand > a,
.sidebar-wrapper .sidebar-dropdown > a:after,
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before,
.sidebar-wrapper ul li a i,
.page-wrapper .page-content,
.sidebar-wrapper .sidebar-search input.search-menu,
.sidebar-wrapper .sidebar-search .input-group-text,
.sidebar-wrapper .sidebar-menu ul li a,
#show-sidebar,
#close-sidebar {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/*----------------page-wrapper----------------*/
.page-wrapper .theme {
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 4px;
    margin: 2px;
}

.page-wrapper .theme.chiller-theme {
    background: #222222;
}

/*----------------toggeled sidebar----------------*/
.page-wrapper.toggled .sidebar-wrapper {
    left: 0px;
}

/*----------------show sidebar button----------------*/
#show-sidebar {
    position: fixed;
    left: 0;
    top: 5rem;
    border-radius: 0 2px 2px 0px;
    width: 40px;
    transition-delay: 0.3s;
    padding: 10px;
    background: var(--third-color);
    z-index: 999;
}

.page-wrapper.toggled #show-sidebar {
    left: -40px;
}

/*----------------sidebar-wrapper----------------*/
.sidebar-wrapper {
    width: 270px;
    height: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: -300px;
    z-index: 99;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown > a:after {
    right: 15px;
    top: 10px;
}

.sidebar-wrapper ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.sidebar-wrapper a {
    text-decoration: none;
}

/*----------------sidebar-content----------------*/
.sidebar-content {
    max-height: calc(100% - 30px);
    height: calc(100% - 30px);
    overflow-y: auto;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px,
        rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    background-color: #fffef9;
    position: relative;
}

.sidebar-content.desktop {
    overflow-y: hidden;
}

/*--------------------sidebar-brand----------------------*/
.sidebar-wrapper .sidebar-brand {
    /* padding: 10px 20px;
    */
    padding: 0px;
    display: flex;
    align-items: center;
}

.sidebar-wrapper .sidebar-brand > a {
    text-transform: uppercase;
    font-weight: bold;
    flex-grow: 1;
}

.sidebar-wrapper .sidebar-brand #close-sidebar {
    position: relative;
    top: 0.1rem;
    cursor: pointer;
    font-size: 20px;
}

/*--------------------sidebar-header----------------------*/
.sidebar-wrapper .sidebar-header {
    padding: 20px;
    overflow: hidden;
}

.sidebar-wrapper .sidebar-header .user-pic {
    float: left;
    width: 80px;
    height: 80px;
    padding: 2px;
    /* overflow: hidden;
    */
}

.sidebar-wrapper .sidebar-header .user-pic img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.sidebar-wrapper .sidebar-header .user-info {
    float: left;
}

.sidebar-wrapper .sidebar-header .user-info > span {
    display: block;
}

.sidebar-wrapper .sidebar-header .user-info .user-role {
    font-size: 12px;
}

.sidebar-wrapper .sidebar-header .user-info .user-status {
    font-size: 11px;
    margin-top: 4px;
}

.sidebar-wrapper .sidebar-header .user-info .user-status i {
    font-size: 8px;
    margin-right: 4px;
    color: #5cb85c;
}

/*-----------------------sidebar-search------------------------*/
.sidebar-wrapper .sidebar-search > div {
    padding: 10px 20px;
}

/*----------------------sidebar-menu-------------------------*/
.sidebar-wrapper .sidebar-menu {
    padding-bottom: 10px;
    padding-left: 40px;
}

.sidebar-wrapper .sidebar-menu .header-menu span {
    font-weight: bold;
    font-size: 14px;
    padding: 15px 20px 5px 20px;
    display: inline-block;
}

.sidebar-wrapper .sidebar-menu ul li a {
    display: inline-block;
    width: 100%;
    text-decoration: none;
    position: relative;
    padding: 8px 30px 8px 20px;
}

.sidebar-wrapper .sidebar-menu ul li a i {
    margin-right: 10px;
    font-size: 12px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
}

.sidebar-wrapper .sidebar-menu ul li a:hover > i::before {
    display: inline-block;
    animation: swing ease-in-out 0.5s 1 alternate;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown > a:after {
    font-weight: 900;
    content: "";
    font-style: normal;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    background: 0 0;
    position: absolute;
    right: 15px;
    top: 14px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul {
    padding: 5px 0;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li {
    padding-left: 25px;
    font-size: 13px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before {
    content: "\f111";
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 10px;
    font-size: 8px;
}

.sidebar-wrapper .sidebar-menu ul li a span.label,
.sidebar-wrapper .sidebar-menu ul li a span.badge {
    float: right;
    margin-top: 8px;
    margin-left: 5px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .badge,
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .label {
    float: right;
    margin-top: 0px;
}

.sidebar-wrapper .sidebar-menu .sidebar-submenu {
    display: none;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > a:after {
    transform: rotate(90deg);
    right: 17px;
}

/*--------------------------side-footer------------------------------*/
.sidebar-footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    display: flex;
}

.sidebar-footer > a {
    flex-grow: 1;
    text-align: center;
    height: 30px;
    line-height: 30px;
    position: relative;
}

.sidebar-footer > a .notification {
    position: absolute;
    top: 0;
}

.badge-sonar {
    display: inline-block;
    background: #980303;
    border-radius: 50%;
    height: 8px;
    width: 8px;
    position: absolute;
    top: 0;
}

.badge-sonar:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border: 2px solid #980303;
    opacity: 0;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    animation: sonar 1.5s infinite;
}

.button-sonar {
    color: var(--third-color);
    background-color: var(--white);
    border-radius: 50%;
}

.button-sonar:before {
    position: absolute;
    content: "";
    height: calc(100% + 14px);
    width: calc(70%);
    top: -7px;
    left: -3px;
    border-radius: 50%;
    border: 2px solid var(--third-color);
    animation: 3.5s linear 0s normal none infinite focuse;
}

/*--------------------------page-content-----------------------------*/
.page-wrapper .page-content {
    display: inline-block;
    width: 100%;
    padding: 0px 45px;
}

.page-wrapper .page-content > div {
    padding: 20px 10px;
}

.sticky-bottoms-client {
    position: -webkit-sticky;
    position: fixed;
    bottom: 0;
    z-index: 9999;
    width: 16.9rem;
}

/*------scroll bar---------------------*/
body::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

body::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}

body::-webkit-scrollbar-thumb {
    background: linear-gradient(
        45deg,
        var(--secondary-color),
        var(--primary-color)
    );
    border: 0px none #ffffff;
    border-radius: 0px;
}

body::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(
        45deg,
        var(--secondary-color),
        var(--primary-color)
    );
}

body::-webkit-scrollbar-thumb:active {
    background: linear-gradient(
        45deg,
        var(--secondary-color),
        var(--primary-color)
    );
}

body::-webkit-scrollbar-track {
    background: transparent;
    border: 0px none #ffffff;
    border-radius: 50px;
}

body::-webkit-scrollbar-track:hover {
    background: transparent;
}

body::-webkit-scrollbar-track:active {
    background: transparent;
}

body::-webkit-scrollbar-corner {
    background: transparent;
}

/*-----------------------------chiller-theme-------------------------------------------------*/
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,
.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text {
    border-color: transparent;
    box-shadow: none;
}

.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-role,
.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-status,
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,
.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text,
.chiller-theme .sidebar-wrapper .sidebar-brand > a,
.chiller-theme .sidebar-wrapper .sidebar-menu ul li a,
.chiller-theme .sidebar-footer > a {
    color: #5a5a5a;
}

.chiller-theme .sidebar-wrapper .sidebar-menu ul li:hover > a,
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > a,
.chiller-theme .sidebar-wrapper .sidebar-header .user-info,
.chiller-theme .sidebar-wrapper .sidebar-brand > a:hover,
.chiller-theme .sidebar-footer > a:hover i {
    color: var(--third-color);
}

.page-wrapper.chiller-theme.toggled #close-sidebar {
    color: #bdbdbd;
    background: var(--third-color);
    /* padding: 4px 10px;
    */
    padding: 6px 15px;
}

.page-wrapper.chiller-theme.toggled #close-sidebar:hover {
    color: #ffffff;
}

.chiller-theme .sidebar-wrapper ul li:hover a i,
.chiller-theme
    .sidebar-wrapper
    .sidebar-dropdown
    .sidebar-submenu
    li
    a:hover:before,
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu:focus + span,
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active a i {
    color: var(--third-color);
    text-shadow: 0px 0px 10px var(--third-color);
}

.chiller-theme .sidebar-wrapper .sidebar-menu ul li a i,
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown div,
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,
.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text {
    background: #3a3f48;
}

.chiller-theme .sidebar-wrapper .sidebar-menu .header-menu span {
    color: #6c7b88;
}

.chiller-theme .sidebar-footer {
    background: #fffef9;
    border: 1px solid #eeeeee;
}

.chiller-theme .sidebar-footer > a:first-child {
    border-left: none;
}

.chiller-theme .sidebar-footer > a:last-child {
    border-right: none;
}

/* Client Dashboard End */
.solution_para {
    width: 75%;
    margin: auto;
}

.solution_main_title {
    padding: 0px 5%;
}

.mobile-lg-show {
    display: none;
}

/* Project & Support */
.btn:hover {
    /* background-color: #4da2b7; */
    /* background-color: var(--primary-color); */
    background: linear-gradient(
        45deg,
        var(--secondary-color),
        var(--primary-color)
    );
    border-color: white;
    color: white;
}

.course-images {
    width: 100%;
    height: 180px;
    object-fit: fill;
}
.course-title {
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
@-webkit-keyframes sonar_button {
    from {
        width: 40px;
        height: 40px;
        margin-top: -20px;
        margin-left: -20px;
        border-width: 5px;
        opacity: 1;
    }

    to {
        width: 100px;
        height: 100px;
        margin-top: -50px;
        margin-left: -50px;
        opacity: 0;
        border-width: 1px;
    }
}

.sonar_button {
    position: relative;
    z-index: 1;
}

.sonar_button::after {
    border-radius: 50%;
    z-index: -1;
    border-width: 0;
    border-color: var(--third-color);
    border-style: solid;
    padding: 0px;
    top: 50%;
    left: 50%;
    content: "";
    display: block;
    position: absolute;
    -webkit-animation: sonar_button 1.4s infinite ease-out;
}

.sonar_button_box {
    text-align: center;
    padding: 10px 40px;
}

.icons {
    font-size: 25px;
    background: #add8e661;
    border-radius: 50%;
    padding: 10px;
}

.client_card {
    /* height: 150px;
    */
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.main_card-title {
    font-size: 14px;
}

.card_main_support {
    border-radius: 3px;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    border: 0;
    background: none;
}

.upper_title {
    background-color: #454c52ed;
}

.custom_header_bg {
    background-color: #d3aebb;
}

.custom_btn_bg {
    background-color: #4da2b7;
}

/* Most Important */
.page-content {
    height: 100%;
    z-index: 0;
}

.box-table {
    padding: 10px;
}

.dataTables_filter label {
    display: flex;
    align-items: center;
}

.form-control-feedback-icon {
    display: none;
}

.dataTables_filter input {
    height: 25px;
    width: 115px;
}

.dataTables_length {
    display: none;
}

.border {
    border: 1px solid #bdbdbdee;
}

/* Project & Support */
/* Hardware Info Logo */
.brand-images {
    display: inline;
    justify-content: center;
    align-items: center;
}

.image_box {
    display: flex;
    align-items: center;
    height: 155px;
    justify-content: center;
    padding: 20px;
}

.image_box_features {
    display: flex;
    align-items: center;
    height: 140px;
    justify-content: center;
    padding: 20px;
}

.brand-links a {
    color: var(--third-color);
}

.brand-links a:hover {
    color: #020202;
}

/* Hardware Info Logo */
/* New Style Start for Client */
.main_card_box {
    border: 1px solid #e5e5e5;
    padding: 20px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.main_card_title {
    font-size: 30px;
    color: var(--third-color);
    font-family: var(--primary-font);
}

.main_card_para {
    font-size: 20px;
    color: var(--third-color);
    font-family: var(--primary-font);
}

.main_info_text {
    padding: 0px;
    font-size: 14px;
}

.table_row_font {
    font-size: 10px;
}

.upper_title_text {
    border-radius: 0;
    padding: 0;
    margin-left: 7px;
    margin-right: 0;
    margin-top: -22px;
}

.border-bottom-link {
    border-bottom: 1px solid #007bff;
}

.card_main_support {
    border-radius: 0;
    padding: 0;
    margin-left: 7px;
    margin-right: 0;
    margin-top: -26px;
}

.clickable-row {
    cursor: pointer;
}

tr td:hover {
    background-color: var(--third-color) 29;
    /* Change the background color on hover as a visual cue */
}

.border-bottom-link {
    border-bottom: 1px solid #007bff;
    cursor: pointer;
    font-size: 14px;
}

/* For Client Project Design Start */
.menu-active {
    font-weight: bold;
    color: var(--third-color);
    border-bottom: 3px solid var(--third-color);
    padding-bottom: 7px;
}

.border-right-column {
    border-right: 1px solid #d1d1d1;
    height: 115px;
}

.profile-card_menu li a {
    font-weight: normal;
    font-size: 14px;
}

.section_wrapper {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px,
        rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    background-color: #fffef9;
    padding: 3rem 3rem;
}

/* For Client Project Design End */
/* Saju: Header */
.extra-spacing-menu {
    height: 25rem;
}

.navbar-toggler {
    border-radius: 50%;
    height: 40px;
    width: 40px;
    font-size: 12px;
    padding-top: 5px;
    color: var(--third-color);
    border: 1px solid;
}

.list_dashboard {
    list-style-type: disc;
    margin-left: 20px;
}

.home-feature {
    background: white;
    margin: auto;
    padding: 10px;
    text-align: center;
    display: flex;
    justify-content: center;
    border-radius: 100%;
    align-items: center;
}
/* Saju: Header */
.client_login {
    /* width: 75%; */
    width: 85%;
}

.container-title {
    font-size: var(--content-title-font-size);
    font-family: var(--primary-font);
}

.title-tag {
    font-size: var(--badge-font-size);
    font-weight: bold;
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(4%, var(--third-color)),
        to(var(--third-color) bb)
    );
    background-image: -webkit-linear-gradient(
        left,
        var(--third-color) 4%,
        var(--third-color) bb 100%
    );
    background-image: -o-linear-gradient(
        left,
        var(--third-color) 4%,
        var(--third-color) bb 100%
    );
    background-image: linear-gradient(
        to right,
        var(--third-color) 4%,
        var(--third-color) bb 100%
    );
    position: relative;
    text-transform: uppercase;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    margin-bottom: 30px;
    padding-bottom: 5px;
}

.title-tag:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #4e4fa9;
    width: calc(100% + 10px);
    height: 4px;
    border-radius: 5px;
}

/* Solution All Page Design Remake */
.icon-btns {
    color: var(--third-color);
    font-weight: bold;
}

.icon-btns i {
    font-size: 12px;
}

.icon-btns span:hover {
    transition: 0.5s;
    padding-right: 5px;
}

.main-to-depp-gradient-1 {
    background-image: linear-gradient(
        to right,
        var(--third-color),
        #a11144,
        #941542,
        #87183f,
        #7a1a3c
    );
}

.main-to-depp-gradient-2 {
    background-image: linear-gradient(
        to left,
        var(--third-color),
        #a11144,
        #941542,
        #87183f,
        #7a1a3c
    );
}

.category_icon {
    width: 60px;
    height: 60px;
}

.card-row-area {
    /* margin-top: -3rem; */
    margin-top: -5rem;
}

.border-bottom-left-r {
    border-bottom-left-radius: 60px !important;
}

.border-top-right-r {
    border-top-right-radius: 60px !important;
}

/* Solution All Page Design Remake End*/
/* Client Login */
.view-password {
    /* position: relative; */
    /* left: 8rem; */
    bottom: 2.1rem;
    position: relative;
    left: 15.5rem;
}

.viewlogin-password {
    left: 11rem;
}

#partnerLoginForm {
    height: 26rem;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.partner-container {
    background: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    position: relative;
    overflow: hidden;
    width: 90%;
    margin: auto;
    min-height: 480px;
}

.partner-form-container form {
    background: #fff;
    /* margin-bottom: 3rem;
    */
    display: flex;
    flex-direction: column;
    padding: 25px 70px;
    height: 335px;
    align-items: center;
    text-align: center;
}

.partner-social-container a {
    border: 1px solid #ddd;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 5px;
    height: 40px;
    width: 40px;
}

.partner-form-container input {
    background: #eee;
    border: none;
    padding: 10px 20px;
    margin: 8px 0;
    width: 100%;
}

.partner-form-container textarea {
    background: #eee;
    border: none;
    padding: 10px 20px;
    margin: 8px 0;
    width: 100%;
    outline: none;
}

.partner-login-button {
    border-radius: 0px;
    border: 1px solid #fff;
    background: var(--third-color);
    color: var(--white);
    font-size: 16px;
    font-weight: bold;
    padding: 10px 35px;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: transform 80ms ease-in;
}

.partner-login-button:active {
    transform: scale(0.95);
}

.partner-login-button:focus {
    outline: none;
}

.button.ghost {
    background: transparent;
    border-color: var(--white);
}

.partner-form-container {
    height: 100%;
    transition: all 0.6s ease-in-out;
}

.sign-in-container {
    left: 0;
    z-index: 2;
    margin: auto;
}

.sign-up-container {
    left: 0;
    width: 60%;
    z-index: 1;
    height: 42rem;
}

.sign-up-container form {
    padding: 25px 50px;
}

.overlay-container {
    position: absolute;
    top: 0;
    left: 60%;
    width: 40%;
    height: 100%;
    overflow: hidden;
    transition: transform 0.6s ease-in-out;
    /* z-index: 100;
    */
}

.overlay {
    background: var(--third-color);
    /* background: linear-gradient(to right, var(--third-color), #e12268) no-repeat
        0 0 / cover; */
    color: var(--white);
    position: relative;
    left: -100%;
    height: 100%;
    width: 200%;
    transform: translateY(0);
    transition: transform 0.6s ease-in-out;
}

.overlay-panel {
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: normal;
    align-items: center;
    padding: 4.5rem 2.5rem;
    height: 100%;
    width: 50%;
    text-align: center;
    transform: translateY(0);
    transition: transform 0.6s ease-in-out;
}

.overlay-right {
    right: 0;
    transform: translateY(0);
}

.overlay-left {
    transform: translateY(-20%);
}

/* Move signin to right */
.partner-container.right-panel-active .sign-in-container {
    transform: translateY(100%);
}

/* Move overlay to left */
.partner-container.right-panel-active .overlay-container {
    transform: translateX(-100%);
}

/* Bring signup over signin */
.partner-container.right-panel-active .sign-up-container {
    transform: translateX(100%);
    opacity: 1;
    z-index: 5;
}

/* Move overlay back to right */
.partner-container.right-panel-active .overlay {
    transform: translateX(50%);
}

/* Bring back the text to center */
.partner-container.right-panel-active .overlay-left {
    transform: translateY(0);
}

/* Same effect for right */
.partner-container.right-panel-active .overlay-right {
    transform: translateY(20%);
}

.checkbox-wrapper-21 .control {
    display: block;
    position: relative;
    padding-left: 15px;
    cursor: pointer;
    text-align: start;
    font-size: 15px;
}

.checkbox-wrapper-21 .control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.checkbox-wrapper-21 .control__indicator {
    position: absolute;
    top: 4px;
    left: -8px;
    height: 15px;
    width: 15px;
    background: #e6e6e6;
}

.checkbox-wrapper-21 .control:hover input ~ .control__indicator,
.checkbox-wrapper-21 .control input:focus ~ .control__indicator {
    background: #ccc;
}

.checkbox-wrapper-21 .control input:checked ~ .control__indicator {
    background: #2aa1c0;
}

.checkbox-wrapper-21
    .control:hover
    input:not([disabled]):checked
    ~ .control__indicator,
.checkbox-wrapper-21 .control input:checked:focus ~ .control__indicator {
    background: #0e647d;
}

.checkbox-wrapper-21 .control input:disabled ~ .control__indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}

.checkbox-wrapper-21 .control__indicator:after {
    content: "";
    position: absolute;
    display: none;
}

.checkbox-wrapper-21 .control input:checked ~ .control__indicator:after {
    display: block;
}

.checkbox-wrapper-21 .control--checkbox .control__indicator:after {
    left: 5px;
    top: 3px;
    width: 6px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.checkbox-wrapper-21
    .control--checkbox
    input:disabled
    ~ .control__indicator:after {
    border-color: #7b7b7b;
}

/* Client Login End */
/* Floadting Button Start */
/* this is new */
.feedback_upper_modal {
    font-size: 21px;
    letter-spacing: 3px;
    line-height: 1;
    cursor: pointer;
    position: fixed;
    bottom: 50%;
    right: -109px;
    background: linear-gradient(
        45deg,
        var(--secondary-color),
        var(--primary-color)
    );
    color: white;
    padding: 10px 20px;
    border: none;
    z-index: 99;
    transition: 0.5s;
    transform: rotate(-90deg);
    border: 2px solid
        linear-gradient(45deg, var(--secondary-color), var(--primary-color));
}

.upsale-button {
    position: relative;
    z-index: 0;
    height: 40px;
    overflow: hidden;
    border: none !important;
    padding: 0 !important;
    background: #5d5dff !important;
    color: #656565;
    background: white;
    border-radius: 8px;
    width: 150px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    box-shadow: 0 4px 50px 0 rgb(0 0 0 / 7%);
    transition: 0.2s all linear;
    text-decoration: initial;
}

.upsale-button span {
    position: relative;
    z-index: 1;
    height: calc(100% - 4px);
    width: calc(100% - 4px);
    top: 2px;
    left: 2px;
    align-items: center;
    display: flex;
    justify-content: center;
    border-radius: 8px;
    color: white;
    background: #5d5dff;
}

.upsale-button:after {
    content: "";
    position: absolute;
    z-index: -2;
    left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 50% 50%, 50% 50%;
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    background-image: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
}

@-webkit-keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

/* Eit a Custom_style er 1882 number line e ace Please Remove and Add This */
.openbtnfeedback {
    font-size: 14px;
    cursor: pointer;
    position: fixed;
    bottom: 60%;
    right: -35px;
    /* background-color: var(--crimson);
    */
    color: white;
    padding: 2px 14px;
    border: none;
    z-index: 1;
    transition: 0.5s;
    transform: rotate(-90deg);
}

.rating {
    border: none;
    float: left;
}

.rating > input {
    display: none;
}

.rating > label:before {
    margin: 5px;
    font-size: 1.25em;
    display: inline-block;
    content: "\f005";
}

.rating > .half:before {
    content: "\f089";
    position: absolute;
}

.rating > label {
    color: #ddd;
    float: right;
}

/*  CSS Magic to Highlight Stars on Hover */
.rating>input:checked~label,
/* show gold star when clicked */
.rating:not(:checked)>label:hover,
/* hover current star */
.rating:not(:checked)>label:hover~label {
    color: #ffd700;
}

/* hover previous stars in list */
.rating>input:checked+label:hover,
/* hover current star when changing rating */
.rating>input:checked~label:hover, .rating>label:hover~input:checked~label,
/* lighten current selection */
.rating>input:checked~label:hover~label {
    color: #ffed85;
}

.fab-info-icon-wrapper {
    position: fixed;
    bottom: 2.2rem;
    right: 8rem;
}

.fab-info-icon-checkbox {
    display: none;
}

.fab-info-icon {
    position: absolute;
    bottom: -1rem;
    right: -1rem;
    width: 3.5rem;
    height: 3.5rem;
    background: var(--third-color);
    border-radius: 50%;
    background: var(--third-color);
    transition: all 0.3s ease;
    z-index: 1;
    border-bottom-right-radius: 6px;
    border: 1px solid var(--third-color);
}

.fab-info-icon:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 50%;
    /* background-color: rgba(255, 255, 255, 0.1);
    */
}

.fab-info-icon-checkbox:checked ~ .fab-info-icon:before {
    width: 90%;
    height: 90%;
    left: 5%;
    top: 5%;
    background-color: rgba(255, 255, 255, 0.2);
}

.fab-info-icon:hover {
    background: var(--third-color);
    /* box-shadow: 0px 5px 20px 5px var(--third-color);
    */
}

.fab-info-icon-dots {
    position: absolute;
    height: 8px;
    width: 8px;
    background-color: white;
    border-radius: 50%;
    top: 50%;
    transform: translateX(0%) translateY(-50%) rotate(0deg);
    opacity: 1;
    animation: blink 3s ease infinite;
    transition: all 0.3s ease;
}

.fab-info-icon-dots-1 {
    left: 13px;
    animation-delay: 0s;
}

.fab-info-icon-dots-2 {
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    animation-delay: 0.4s;
}

.fab-info-icon-dots-3 {
    right: 13px;
    animation-delay: 0.8s;
}

.fab-info-icon-checkbox:checked ~ .fab-info-icon .fab-info-icon-dots {
    height: 6px;
}

.fab-info-icon .fab-info-icon-dots-2 {
    transform: translateX(-50%) translateY(-50%) rotate(0deg);
}

.fab-info-icon-checkbox:checked ~ .fab-info-icon .fab-info-icon-dots-1 {
    width: 32px;
    border-radius: 10px;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.fab-info-icon-checkbox:checked ~ .fab-info-icon .fab-info-icon-dots-3 {
    width: 32px;
    border-radius: 10px;
    right: 50%;
    transform: translateX(50%) translateY(-50%) rotate(-45deg);
}

@keyframes blink {
    50% {
        opacity: 0.25;
    }
}

.fab-info-icon-checkbox:checked ~ .fab-info-icon .fab-info-icon-dots {
    animation: none;
}

.fab-info-icon-wheel {
    position: absolute;
    bottom: 0;
    right: 0;
    /* border: 1px solid #eee;
    */
    width: 10rem;
    height: 10rem;
    transition: all 0.3s ease;
    transform-origin: bottom right;
    transform: scale(0);
}

.fab-info-icon-checkbox:checked ~ .fab-info-icon-wheel {
    transform: scale(1);
}

.fab-info-icon-action {
    position: absolute;
    background: var(--third-color);
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: White;
    transition: all 1s ease;
    opacity: 0;
}

.fab-info-icon-checkbox:checked ~ .fab-info-icon-wheel .fab-info-icon-action {
    opacity: 1;
}

.fab-info-icon-action:hover {
    background-color: #760c33;
}

.fab-info-icon-wheel .fab-info-icon-action-1 {
    right: -1rem;
    top: 0;
}

.fab-info-icon-wheel .fab-info-icon-action-2 {
    right: 3.4rem;
    top: 0.5rem;
}

.fab-info-icon-wheel .fab-info-icon-action-3 {
    left: 0.5rem;
    bottom: 3.4rem;
}

.fab-info-icon-wheel .fab-info-icon-action-4 {
    left: 0;
    bottom: -1rem;
}

/*You can use [title] selector as well*/
[data-title] {
    cursor: pointer;
}

[data-title]:hover::before {
    content: attr(data-title);
    position: absolute;
    bottom: -34px;
    left: 0px;
    display: inline-block;
    padding: 3px 6px;
    background: #000;
    color: var(--white);
    font-size: 12px;
    white-space: nowrap;
    z-index: 568;
}

[data-title]:hover::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 8px;
    display: inline-block;
    color: var(--white);
    border: 8px solid transparent;
    border-bottom: 8px solid #000;
}

/* Floadting Button End */

.main_header_area {
    height: 75px;
}

.fixed-section {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #f1f1f1;
    z-index: 999;
}

.site-main-logo {
    height: 70px;
    /* width: 105px; */
    width: 100%;
}

/* Software Info Page Design */
.animated-image {
    padding: 30% 20% 20% 30%;
    margin: -30% -20% -20% -30%;
    border-radius: 0 0 0% 50%;
    overflow: hidden;
    animation: border-radius-right 12s ease-in-out infinite;
    animation-delay: 8s;
}

.animated-image > div {
    padding: 30% 20% 20% 30%;
    margin: -30% -20% -20% -30%;
    border-radius: 0 0 100% 0;
    overflow: hidden;
    animation: border-radius-left 20s ease-in-out infinite;
    transform: rotate(25deg) translateX(2%);
}

.animated-image img {
    transform: rotate(calc(25deg * -1)) translateY(-2%);
    height: 370px;
}

@keyframes border-radius-left {
    0% {
        border-radius: 0 0 100% 0%;
    }

    50% {
        border-radius: 0 0 50% 0%;
    }

    100% {
        border-radius: 0 0 100% 0%;
    }
}

@keyframes border-radius-right {
    0% {
        border-radius: 0 0 0% 50%;
    }

    50% {
        border-radius: 0 0 0% 90%;
    }

    100% {
        border-radius: 0 0 0% 50%;
    }
}

.software-info-paragraph {
    font-size: var(--paragraph-font-size);
    font-weight: 400;
    line-height: 1.5;
    text-rendering: optimizeLegibility;
    margin-bottom: 20px;
    margin-top: 20px;
    letter-spacing: 0.3px;
}

.software-info-title {
    color: #222;
    font-size: var(--content-title-font-size);
    font-weight: 400;
}

.blogs-area-bottom:hover {
    transform: scale(1.2);
    transition: all 0.5s;
}

/* For Software_info Hover */
.hover {
    overflow: hidden;
    position: relative;
    padding-bottom: 60%;
}

.hover_content_title {
    font-size: var(--paragraph-font-size);
}

.hover-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    transition: all 0.4s;
}

.hover img {
    width: 100%;
    height: 300px;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s;
}

.hover-content {
    position: relative;
    z-index: 99;
}

/* DEMO 2 ============================== */
.blocks-content {
    height: 38.8rem;
}

.hover-2 .hover-overlay {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1));
}

.hover-2-title {
    position: absolute;
    font-size: var(--badge-font-size);
    top: 65%;
    left: 0%;
    text-align: start;
    width: 100%;
    z-index: 99;
    transition: all 0.3s;
    padding: 0px 1rem;
}

.hover-3-title {
    position: absolute;
    font-size: var(--badge-font-size);
    top: 75%;
    left: 0%;
    text-align: start;
    width: 100%;
    z-index: 99;
    transition: all 0.3s;
    padding: 0px 1rem;
}

.hover-2-description {
    width: 100%;
    position: absolute;
    bottom: 0;
    opacity: 0;
    left: 5%;
    text-align: start;
    z-index: 99;
    transition: all 0.3s;
}

.hover-2:hover .hover-2-title {
    transform: translateY(-1.5rem);
}

.hover-3:hover .hover-3-title {
    transform: translateY(-0.5rem);
}

.hover-2:hover .hover-2-description {
    bottom: 0.5rem;
    opacity: 1;
}

.hover-2:hover .hover-overlay {
    background: var(--third-color);
    height: 150px;
    position: absolute;
    top: 55%;
}

/* DEMO 4 ============================== */
.hover-second {
    overflow: hidden;
    position: relative;
    padding-bottom: 60%;
    height: 38.8rem;
}

.hover-overlay-second {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    transition: all 0.4s;
}

.hover-second img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s;
    height: 38.5rem;
}

.hover-content {
    position: relative;
    z-index: 99;
}

.hover-4 .hover-overlay-second {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1));
}

.hover-4 .hover-4-title {
    position: absolute;
    font-size: var(--badge-font-size);
    bottom: 5%;
    left: 0%;
    text-align: start;
    width: 100%;
    z-index: 99;
    transition: all 0.3s;
    padding: 0px 1rem;
}

.hover-4 .hover-4-description {
    width: 100%;
    position: absolute;
    top: 95%;
    opacity: 0;
    left: 5%;
    text-align: start;
    z-index: 99;
    transition: all 0.3s;
}

.hover-4:hover .hover-4-title {
    transform: translateY(-1.5rem);
}

.hover-4:hover .hover-4-description {
    bottom: 0.5rem;
    opacity: 1;
}

.hover-4:hover .hover-overlay-second {
    background: var(--third-color);
    height: 185px;
    position: absolute;
    top: 72%;
}

.block_blog_badge {
    font-weight: 600;
}

/* Software Info Page Design End */
/* Custom Main Css Start */
/* 25-05-2023 */
.breadcrumb {
    display: flex;
    border-radius: 10px;
    margin: auto;
    text-align: center;
    top: 50%;
    width: 100%;
    height: 26px;
    font-size: var(--paragraph-font-size);
    transform: translateY(-50%);
    z-index: 1;
}

.breadcrumb a {
    border-radius: 0;
    margin: 0;
    height: 100%;
}

.breadcrumb__item {
    height: 100%;
    background-color: #d9d9d9;
    color: #252525;
    font-family: var(--primary-font);
    border-radius: 4px;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: var(--paragraph-font-size);
    transform: skew(-21deg);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
    margin: 5px;
    padding: 0 20px;
    cursor: pointer;
}

.breadcrumb_divider {
    align-content: center;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    top: 5px;
    font-size: 15px;
    padding: 0 6px;
    font-weight: 600;
}

.breadcrumb__item a {
    background-color: #d9d9d9;
    color: #252525;
    font-family: var(--primary-font);
}

.breadcrumb__item:hover {
    background: #490099;
    color: var(--white);
}

.breadcrumb .active {
    background: var(--third-color);
    color: var(--white);
}

.breadcrumb__inner {
    display: flex;
    flex-direction: column;
    margin: auto;
    z-index: 2;
    transform: skew(21deg);
}

.breadcrumb__title {
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/*25-05-23 */
* {
    padding: 0;
    margin: 0;
}

#loading {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgb(17, 17, 17) url('../../images/loading.gif') no-repeat center center;
    /* background-size: contain; optional, adjust based on image size */
    z-index: 9999;
    margin-top: -1.5rem;
}


/* Header Start */
#header {
    width: 100%;
    position: fixed;
    z-index: 9000;
    overflow: auto;
    background: white;
    text-align: center;
    padding: 10px 0;
    transition: all 0.15s linear;
}

.navbar {
    transition: all 0.5s;
    color: white;
}

.navbar_scrolled {
    background-color: white;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
        rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    color: white;
}

#header.active {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

/* Header End */
#fed-bg {
    width: 18rem;
}

#fed-bg:hover {
    background-color: var(--primary-color);
    background-image: url("../images/glossary-hero.jpg");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.5s;
}

#fed-bg {
    background-color: #403b3d;
}

#fed-bg:hover h3 {
    font-weight: 500;
}

.magazine_section {
    display: flex;
    justify-content: center;
    align-items: center;
}

.slick-dots {
    display: none;
}

/* Default Css Start */
.business_item_title {
    font-family: var(--primary-font);
    font-weight: bold;
    text-transform: capitalize;
    font-size: 18px;
    color: #222222;
}

.feature_title {
    font-family: var(--primary-font);
    font-weight: 400;
    margin: 0 0 10px;
    padding: 0px;
    font-size: 36px;
    line-height: 1.166667em;
    font-weight: bold;
}

/* Default Css End*/
.testing_font {
    font-family: var(--primary-font);
}

.testing_font2 {
    font-family: var(--primary-font);
    font-weight: 400;
    font-style: normal;
    color: #222;
    text-rendering: optimizeLegibility;
    margin-top: 4px;
    margin-bottom: 4px;
    line-height: 1.4;
}

.section_text_wrapper h4 {
    margin: 10px 0px;
}

.section_title {
    font-family: var(--primary-font);
    opacity: 0.9;
    font-size: 32px;
    font-weight: 500;
    text-align: center;
}

.title_top_heading {
    font-size: 36px;
    line-height: 48px;
    color: var(--heading-color);
    margin-bottom: 14px;
    font-weight: 100;
}

.section_text_wrapper p {
    font-size: 20px;
    line-height: 1.4;
    color: var(--navColor);
}

.section_text_wrapper a {
    color: var(--third-color);
}

.section_text_wrapper a:hover {
    color: #850635;
}

::-webkit-scrollbar {
    width: 3px;
    height: 2px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: var(--crimson);
    /* border-radius: 10px;
    */
}

::-webkit-scrollbar-thumb:hover {
    background: var(--dark-crimson);
}

/*Fixed position*/
.stick {
    position: fixed;
    top: 0px;
    z-index: 999999999999;
    margin: 0 auto;
    width: 100%;
}

.section_padding {
    padding: 20px 0px;
}

.padding_top {
    padding-top: 60px;
}

.padding_bottom {
    padding-bottom: 60px;
}

.title_top_heading {
    font-size: 36px;
    font-family: var(--primary-font);
    color: #222;
    font-weight: 400;
}

.section_wp {
    background: #f7f6f5;
    padding: 20px 0px;
    color: #3e332d;
    border-top: 0.7px solid silver;
    border-bottom: 0.7px solid silver;
}

.section_wp2 {
    background: #f7f6f5;
    padding: 40px 0px;
    color: #3e332d;
}

/*-----End-----*/
/*------Products----*/
.price_currency_value {
    font-size: 16px;
}

.featureinfo h4 {
    font-family: var(--primary-font);
    font-size: 18px;
    letter-spacing: 1px;
    text-transform: capitalize;
    color: var(--black);
}

.software_feature_title {
    color: var(--black);
}

.software_feature_title h1 {
    font-size: var(--section-title-font-size);
}

.software_feature_title h4 {
    font-size: var(--header-font-size);
}

.what-we-do_side_text h1 {
    font-family: var(--primary-font);
    font-size: var(--section-title-font-size);
}

.what-we-do_side_text div {
    font-family: var(--primary-font);
}

.what-we-do_side_text ul li {
    font-family: var(--primary-font);
}

.iconcontainer {
    margin-top: 20px;
    margin-bottom: 20px;
}

.iconbox {
    background: #ffffff;
    background-color: #ffffff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    /* padding: 20px 25px;
    */
    padding: 10px 10px;
    text-align: right;
    display: block;
    margin-top: 70px;
    margin-bottom: 25px;
    /* height: 10rem;
    */
}

.iconbox-icon {
    background: transparent;
    /* box-shadow: 0 0px 0px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    */
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin: 13px auto;
    display: flex;
    width: 70px;
    height: 70px;
    justify-content: center;
    margin-top: -65px;
    align-items: center;
}

.iconbox:hover {
    background: #ffffff;
    background-color: #ffffff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    /* box-shadow: none;
    */
    transition: 0.5s ease-in-out;
}

.iconbox-icon span {
    color: var(--white);
    font-size: 42px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 29px;
    text-align: center;
    vertical-align: middle;
}

.featureinfo > p {
    color: #000000;
    font-size: 16px;
    padding-top: 4px;
    text-align: left;
}

.btn-default {
    text-shadow: 0px 1px 0px #fff;
    background-image: linear-gradient(to bottom, #fff 0px, #e0e0e0 100%);
    background-repeat: repeat-x;
    border-color: #ccc;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.15) inset,
        0px 1px 1px rgba(0, 0, 0, 0.075);
}

.btn-default:hover,
.btn-default:focus {
    background-color: #e0e0e0;
    background-position: 0 -15px;
}

.iconbox-icon img {
    width: 115px;
    height: 100px;
    margin: 10px;
    /* border-radius: 50%;
    */
}

.iconbox-icon_about span {
    color: var(--white);
    font-size: 42px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 29px;
    text-align: center;
    vertical-align: middle;
}

.iconbox-icon_about img {
    width: 85px;
    height: 85px;
    margin: 0px;
}

.iconbox-icon_about {
    /* background-color: var(--primary-color);
    */
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin: 0 auto;
    width: 85px;
    height: 85px;
    margin-top: -51px;
}

/*Software Btn */
.buttons_style {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    /* padding: 2em 0em;
    */
}

.container_btn {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background-color: var(--white);
    width: 240px;
}

.btns {
    letter-spacing: 0.1em;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    max-width: 160px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}

.btns:hover {
    text-decoration: none;
}

/* Some Feature */
.software_cardss {
    position: relative;
    width: 300px;
    height: 400px;
    background: rgba(255, 255, 255, 0.05);
    margin: 20px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(10px);
}

.software_cardss .content {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transition: 0.5s;
}

.software_cardss:hover .content {
    transform: translateY(-20px);
}

.software_cardss .content .imgBx {
    position: relative;
    width: 150px;
    height: 150px;
    overflow: hidden;
}

.software_cardss .content .imgBx img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.software_cardss .content .contentBx h3 {
    color: var(--white);
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    margin: 20px 0 10px;
    line-height: 1.1em;
}

.software_cardss .content .contentBx h3 span {
    font-size: 12px;
    font-weight: 300;
    text-transform: initial;
}

.software_cardss .sci {
    position: absolute;
    bottom: 50px;
    display: flex;
}

.software_cardss .sci li {
    list-style: none;
    margin: 0 10px;
    transform: translateY(40px);
    transition: 0.5s;
    opacity: 0;
}

.software_cardss:hover .sci li {
    transform: translateY(0px);
    opacity: 1;
}

.software_cardss .sci li a {
    color: var(--white);
    font-size: 20px;
}

/* We Do */
.we_serve_item {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    color: var(--third-color);
}

.we_serve_item:hover {
    transition: 0.2s ease-in-out;
    /* background-color: #323031;
    */
    background-color: #e9afc4;
    color: white;
}

/* Private Area */
ul {
    padding: 0;
    list-style-type: none;
}

.list_order {
    font-size: 25px;
    width: 8em;
    height: 2em;
    text-align: start;
    line-height: 2em;
    font-family: var(--primary-font);
    text-transform: capitalize;
    position: relative;
    transition: 0.5s;
    margin: 0.8em;
    cursor: pointer;
    color: var(--third-color);
}

.list_order a:hover {
    color: var(--white);
}

.list_order:hover {
    transition: 0.5s;
    text-align: center;
    transition: 0.5s ease-in-out;
    color: var(--white);
    background: url(../images/glossary-hero.jpg) no-repeat;
}

.list_order::before,
.list_order::after {
    content: "";
    position: absolute;
    width: 0.6em;
    height: 0.6em;
    /* background-color: var(--primary-color);
    */
    border-radius: 50%;
    transition: 0.5s cubic-bezier(0.5, -0.5, 0.25, 1.5);
    top: calc(50% - 0.6em / 2);
}

.list_order::before {
    left: 0;
    z-index: -1;
}

.list_order::after {
    right: 0;
    z-index: -2;
}

.list_order:hover {
    color: white;
}

.list_order:hover::before,
.list_order:hover::after {
    width: 100%;
    height: 100%;
    border-radius: 0;
    /* background-color: var(--primary-color);
    */
}

.list_order:hover::before {
    top: 0;
}

.list_order:hover::after {
    right: -0.4em;
    filter: brightness(0.8);
}

/* Contact Form Style*/
.background {
    display: flex;
}

.containers {
    flex: 0 1 700px;
    margin: auto;
    padding: 10px;
}

.screen {
    position: relative;
    background: #fff;
    border-radius: 15px;
}

.screen:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    bottom: 0;
    border-radius: 15px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
    z-index: -1;
}

.screen-header {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    background: var(--third-color);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.screen-header-left {
    margin-right: auto;
}

.screen-header-button {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 3px;
    border-radius: 8px;
    background: white;
}

.screen-header-button.close {
    background: #ed1c6f;
}

.screen-header-button.maximize {
    background: #e8e925;
}

.screen-header-button.minimize {
    background: #74c54f;
}

.screen-header-right {
    display: flex;
}

.screen-header-ellipsis {
    width: 3px;
    height: 3px;
    margin-left: 2px;
    border-radius: 8px;
    background: #999;
}

.screen-body {
    display: flex;
}

.screen-body-item {
    flex: 1;
    padding: 30px;
}

.screen-body-item.left {
    display: flex;
    flex-direction: column;
    padding-right: 0px;
}

.app-title {
    display: flex;
    flex-direction: column;
    position: relative;
    color: #ea1d6f;
    font-size: 26px;
}

.app-title:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 25px;
    height: 4px;
    background: #ea1d6f;
}

.app-form-group {
    margin-bottom: 15px;
}

.app-form-group.message {
    margin-top: 40px;
}

.app-form-group.buttons {
    margin-bottom: 0;
    text-align: right;
}

.app-form-control2 {
    width: 100%;
    padding: 5px 0;
    background: none;
    border: none;
    border-bottom: 1px solid #666;
    color: #000;
    font-size: 14px;
    outline: none;
    transition: border-color 0.2s;
}

.app-form-control {
    width: 100%;
    padding: 5px 0;
    background: none;
    border: none;
    border-bottom: 1px solid #666;
    color: #252525;
    font-size: 14px;
    outline: none;
    transition: border-color 0.2s;
}

.app-form-control::placeholder {
    color: #666;
}

.app-form-control:focus {
    border-bottom-color: #ddd;
}

.app-form-button {
    background: none;
    border: none;
    color: #ea1d6f;
    font-size: 19px;
    cursor: pointer;
    outline: none;
}

.app-form-button:hover {
    color: #b9134f;
}

.credits {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    color: #ffa4bd;
    font-size: 16px;
    font-weight: normal;
}

.credits-link {
    display: flex;
    align-items: center;
    color: var(--white);
    font-weight: bold;
    text-decoration: none;
}

.dribbble {
    width: 20px;
    height: 20px;
    margin: 0 5px;
}

.newsletter {
    padding: 80px 0;
    background: #19beda;
}

.newsletter .content {
    max-width: 650px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 2;
}

.newsletter .content h2 {
    color: #243c4f;
    margin-bottom: 40px;
}

.newsletter .content .form-control {
    height: 50px;
    border-color: #ffffff;
    border-radius: 0;
}

.newsletter .content.form-control:focus {
    box-shadow: none;
    border: 2px solid #243c4f;
}

.newsletter .content .btns {
    min-height: 50px;
    border-radius: 0;
    color: var(--white);
    font-weight: 600;
}

/* Social Icon Style */
.shadow3 {
    background-image: url("http://www.commixturesoft.com/img/shadow3.png");
    background-repeat: no-repeat;
}

.height450 {
    height: 450px;
}

.badge-info {
    background-color: rgba(23, 160, 184, 0.17);
    color: #17a2b8;
}

.section-title .badge {
    margin: 0 0 8px;
}

.badge {
    border-radius: 100px;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: normal;
    padding: 4px 14px;
    text-transform: uppercase;
}

.justify-content-center {
    -ms-flex-pack: center;
    justify-content: center;
}

.justify-content-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.social-bar {
    display: flex;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 60px rgba(93, 70, 232, 0.15);
    border: 1px solid#ebe9e9;
}

.iconpad {
    /* padding: 12px 0;
    */
    width: 100%;
}

.social-overlap {
    height: 54px;
}

.social-icons a {
    border-radius: 50px;
    color: #3f345f;
    display: inline-block;
    /* line-height: 30px;
    */
    line-height: 20px;
    height: 30px;
    width: 30px;
    box-shadow: 0 5px 25px rgba(93, 70, 232, 0.15);
    margin: 12px 20px;
    font-size: 18px;
    background-color: black;
}

.slider-nav-item:before {
    position: absolute;
    content: "";
    height: calc(100% + 16px);
    width: calc(100% + 16px);
    top: -8px;
    left: -8px;
    border-radius: 50%;
    border: 1px solid var(--third-color);
    animation: 1.5s linear 0s normal none infinite focuse;
}

/*socil*/
.slider-nav {
    display: flex;
}

.slider-nav-item:before {
    position: absolute;
    content: "";
    height: calc(100% + 16px);
    width: calc(100% + 16px);
    top: -8px;
    left: -8px;
    border-radius: 50%;
    border: 1px solid #fff;
    animation: 1.5s linear 0s normal none infinite focuse;
}

.process-scetion .slider-nav-item {
    position: relative;
    flex-grow: 0;
    flex-shrink: 0;
    border-radius: 50%;
    text-align: center;
    background: #fff;
    cursor: pointer;
    transition: all 0.4s ease;
}

.process-scetion .slider-nav-item:nth-child(1) {
    color: #091c55;
}

.process-scetion .slider-nav-item:nth-child(2) {
    color: #091c55;
}

.process-scetion .slider-nav-item:nth-child(3) {
    color: #091c55;
}

.process-scetion .slider-nav-item:nth-child(4) {
    color: #091c55;
}

.process-scetion .slider-nav-item:after {
    position: absolute;
    top: 50%;
    left: 100%;
    height: 2px;
    content: "";
    width: 45px;
    background: url(http://demo.themenio.com/ico/assets/images/line.png) repeat
        0 0;
    z-index: 0;
    animation: slide 1s linear infinite;
}

.process-scetion .slider-nav-item:last-child:after {
    display: none;
}

.process-scetion .slider-nav-item .ikon {
    font-size: 50px;
    line-height: 80px;
}

.process-scetion .slider-nav-item.active:before {
    position: absolute;
    content: "";
    height: calc(100% + 16px);
    width: calc(100% + 16px);
    top: -8px;
    left: -8px;
    border-radius: 50%;
    border: 1px solid rgb(255, 255, 255);
    animation: 1.5s linear 0s normal none infinite focuse;
}

@keyframes focuse {
    0% {
        transform: scale(0.8);
        opacity: 1;
    }

    75% {
        transform: scale(1.2);
        opacity: 0;
    }

    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}

@keyframes slide {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 40px 0;
    }
}

.shadow-img1 {
    background-image: url("../img/shadow.png");
    background-repeat: no-repeat;
    background-position: bottom;
}

.shadow-img2 {
    background-position: bottom;
    background-image: url("../img/shadow2.png");
    background-size: 100%;
    background-repeat: no-repeat;
}

.slider-nav-item:after {
    position: absolute;
    top: 50%;
    left: 100%;
    height: 2px;
    content: "";
    width: 100%;
    background: url(https://1.bp.blogspot.com/--Btu5p654jU/XYmrVd5IcYI/AAAAAAAATQ0/4bX8aZyFBgApbJUf90KrpCfO6RvAaZ6LgCLcBGAsYHQ/s1600/line.png)
        repeat 0 0;
    z-index: 0;
    animation: slide 1s linear infinite;
}

.mt100 {
    margin-top: 100px;
}

/* ---------------------------------------------- * Generated by Animista on 2019-9-24 11:37:28 * Licensed under FreeBSD License. * See http://animista.net/license for more info. * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */
/** * ---------------------------------------- * animation jello-horizontal * ---------------------------------------- */
@-webkit-keyframes jello-horizontal {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes jello-horizontal {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.jello-horizontal {
    -webkit-animation: jello-horizontal 0.9s both;
    animation: jello-horizontal 0.9s both;
}

.social-bar a:hover i {
    -webkit-animation: jello-horizontal 0.9s both;
    animation: jello-horizontal 0.9s both;
}

/* .screen-body-item-right{
    padding-right: 10px;
}
*/
.main_color {
    color: var(--third-color);
}

/* Product Modal From */
.get-in-touch {
    max-width: 800px;
    margin: 50px auto;
    position: relative;
}

.get-in-touch .title {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 3.2em;
    line-height: 48px;
    padding-bottom: 48px;
    color: #5543ca;
    background: #5543ca;
    background: -moz-linear-gradient(left, #f4524d 0%, #5543ca 100%);
    background: -webkit-linear-gradient(left, #f4524d 0%, #5543ca 100%);
    background: linear-gradient(to right, #f4524d 0%, #5543ca 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.contact-form .form-field {
    position: relative;
    margin: 32px 0;
}

.contact-form .input-text {
    display: block;
    width: 100%;
    height: 36px;
    border-width: 0 0 2px 0;
    border-color: #5543ca;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
}

.contact-form .input-text:focus {
    outline: none;
}

.contact-form .input-text:focus + .label,
.contact-form .input-text.not-empty + .label {
    -webkit-transform: translateY(-24px);
    transform: translateY(-24px);
}

.contact-form .label {
    position: absolute;
    left: 20px;
    bottom: 11px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: #5543ca;
    cursor: text;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}

.contact-form .submit-btn {
    display: inline-block;
    background-color: #000;
    background-image: linear-gradient(125deg, #a72879, #064497);
    color: var(--white);
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 16px;
    padding: 8px 16px;
    border: none;
    width: 200px;
    cursor: pointer;
}

.customFileInput::-webkit-file-upload-button {
    visibility: hidden;
}

.customFileInput::before {
    content: "Custom Image";
}

.modal_form {
    background-color: white;
    border-radius: 10px;
}

/* Private Sector Start */
.private_sector {
    margin-bottom: 20px;
    border-left: 2px solid #cbc4c3;
    padding-left: 20px;
    font-size: 25px;
    color: var(--third-color);
}

.private_sector a {
    color: var(--third-color);
}

.private_sector a:hover {
    background-color: var(--primary-color);
    color: white;
    transition: 0.6s ease-in;
    padding: 5px;
}

/* 8270 Page Style Start */
.what-we-do-title {
    width: 80%;
}

/* Banner */
.masthead {
    padding: 2rem 0 4rem;
    position: relative;
    background-color: var(--primary-color);
    background-image: url(https://startbootstrap.com/assets/img/overlay.svg),
        linear-gradient(45deg, var(--third-color) 0%, var(--third-color) 100%);
    background-size: cover;
    z-index: 0;
}

.masthead svg.wave {
    position: absolute;
    bottom: -1px;
    left: 0;
}

.masthead h1 {
    color: var(--white);
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 1.23;
    z-index: 1;
}

.masthead h2 {
    color: rgba(255, 255, 255, 0.6);
    font-weight: 600;
    z-index: 1;
    font-size: 1.2rem;
}

.masthead a {
    color: var(--third-color);
    text-decoration: none;
    z-index: 1;
}

.masthead a:hover {
    color: var(--white);
}

.masthead a:active {
    text-decoration: none;
}

.masthead .masthead-cards {
    position: relative;
    z-index: 1;
}

.masthead .masthead-cards .shape {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
}

.masthead .masthead-cards .card {
    opacity: 1;
    font-size: 0.8rem;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 0.05rem;
    color: #212529;
    height: 150px;
    transition: 0.15s all;
}

/* .masthead .masthead-cards .card:hover {
    margin-top: -.25rem;
    margin-bottom: .25rem
}
*/
/*.masthead .masthead-cards .card:active {
    margin-top: inherit;
    margin-bottom: inherit
}
*/
.masthead .masthead-cards .card.border-bottom-blue:hover {
    color: #2092ed;
}

.masthead .masthead-cards .card.border-bottom-green:hover {
    color: #28a745;
}

.masthead .masthead-cards .card.border-bottom-red:hover {
    color: var(--third-color);
}

.masthead .masthead-cards .card.border-bottom-yellow:hover {
    color: #ffc107;
}

.masthead-page {
    padding: 1rem 0 4rem;
}

.border-bottom-yellow {
    border-color: #ffc107;
}

.border-bottom-red {
    border-color: var(--third-color);
}

.border-bottom-blue {
    border-color: #2092ed;
}

.border-bottom-green {
    border-color: #28a745;
}

.border-bottom-blue,
.border-bottom-green,
.border-bottom-red,
.border-bottom-yellow {
    border-bottom: 0.4rem solid;
}

.shadow-lg {
    box-shadow: 0 2rem 1.5rem -1.5rem rgba(33, 37, 41, 0.15),
        0 0 1.5rem 0.5rem rgba(33, 37, 41, 0.05);
}

.border-0 {
    border: 0;
}

/* Service Card Start */
.service_card {
    font-size: 14px;
    color: #303030;
    height: 75px;
}

/* .service_card:hover {
    box-shadow: none;
    transition: 0.5s ease-in-out;
}
*/
/* Service Card End */
/* Blog Carousel Start*/
/* Blog Carousel End*/
.clear {
    clear: both;
}

.clearfix::before,
.clearfix::after {
    content: "";
    display: table;
}

.clearfix::after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.bbb_background {
    background-color: #e0e0e0;
}

.trans_200 {
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.trans_300 {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.trans_400 {
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.trans_500 {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.fill_height {
    height: 100%;
}

.super_container {
    width: 100%;
    overflow: hidden;
}

.prlx_parent {
    overflow: hidden;
}

.prlx {
    height: 130%;
}

.nopadding {
    padding: 0px;
}

.carousel_button {
    display: inline-block;
    background: #0e8ce4;
    border-radius: 5px;
    height: 48px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.carousel_button a {
    display: block;
    font-size: 18px;
    font-weight: 400;
    line-height: 48px;
    color: #ffffff;
    padding-left: 35px;
    padding-right: 35px;
}

.carousel_button:hover {
    opacity: 0.8;
}

.trends {
    padding-top: 80px;
    padding-bottom: 80px;
}

.bbb_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(203, 225, 238, 0.3);
}

.bbb_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.bbb_container {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-right: 40px;
}

.bbb_title {
    padding-right: 50px;
}

.bbb_text {
    margin-top: 17px;
}

.bbb_text p:last-child {
    margin-bottom: 0px;
}

.bbb_slider_nav {
    margin-top: 27px;
}

.bbb_nav {
    display: inline-block;
    width: 36px;
    height: 36px;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    margin-right: 16px;
    background-color: #2d8ce4;
}

.bbb_nav:last-child {
    margin-right: 0px;
}

.bbb_nav i {
    line-height: 36px;
    color: var(--white);
    font-size: 18px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.bbb_nav:hover i {
    color: #474747;
}

.bbb_item {
    background: #ffffff;
    border-radius: 1px;
    padding: 25px;
}

.bbb_image {
    width: 100%;
    height: 212px;
}

.bbb_image img {
    width: auto;
    max-width: 100%;
}

.bbb_category a {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5);
}

.bbb_category a:hover {
    color: #0e8ce4;
}

.bbb_content {
    margin-top: 24px;
}

.bbb_name {
    float: left;
}

.bbb_name a {
    font-size: 16px;
    color: #000000;
}

.bbb_name a:hover {
    color: #0e8ce4;
}

.bbb_price {
    font-size: 16px;
    font-weight: 500;
    float: right;
}

.bbb_fav {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 36px;
    height: 36px;
    background: #ffffff;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    cursor: pointer;
}

.bbb_fav.active {
    visibility: visible;
    opacity: 1;
}

.bbb_fav:hover {
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
}

.bbb_item:hover .bbb_fav {
    visibility: visible;
    opacity: 1;
    top: 18px;
}

.bbb_fav i {
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #cccccc;
    line-height: 36px;
    pointer-events: none;
    z-index: 0;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.bbb_fav.active i {
    color: red;
}

.bbb_item:hover .bbb_fav {
    visibility: visible;
    opacity: 1;
}

.bbb_marks {
    position: absolute;
    left: 18px;
    top: 18px;
}

.bbb_mark {
    display: none;
    width: 36px;
    height: 36px;
    font-size: 10px;
    font-weight: 500;
    color: #ffffff;
    border-radius: 50%;
    line-height: 36px;
    text-align: center;
}

.bbb_discount {
    background: #df3b3b;
}

.bbb_item.discount .bbb_discount,
.bbb_item.is_new .bbb_new {
    display: block;
}

.bbb_new {
    background: #0e8ce4;
}

/* Testimonial Section Start */
.carousel {
    width: 650px;
    margin: 0 auto;
    padding-bottom: 50px;
}

.carousel .carousel-item {
    color: #999;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    min-height: 340px;
    border: none;
}

.carousel .carousel-item a {
    color: var(--third-color);
}

.carousel .img-box {
    width: 145px;
    height: 145px;
    margin: 0 auto;
    border-radius: 50%;
}

.carousel .img-box img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 50%;
}

.carousel .testimonial {
    padding: 30px 0 10px;
}

.carousel .overview {
    text-align: center;
    padding-bottom: 5px;
}

.carousel .overview b {
    color: #333;
    font-size: 15px;
    text-transform: uppercase;
    display: block;
    padding-bottom: 5px;
}

.carousel .star-rating i {
    font-size: 18px;
    color: var(--third-color);
}

.carousel-control-prev,
.carousel-control-next {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--third-color);
    text-shadow: none;
    top: 4px;
}

.carousel-control-prev i,
.carousel-control-next i {
    font-size: 20px;
    margin-right: 2px;
}

.carousel-control-prev {
    left: auto;
    right: 40px;
}

.carousel-control-next i {
    margin-right: -2px;
}

.carousel .carousel-indicators {
    bottom: 15px;
}

.carousel-indicators li,
.carousel-indicators li.active {
    width: 11px;
    height: 11px;
    margin: 1px 5px;
    border-radius: 50%;
}

.carousel-indicators li {
    background: #e2e2e2;
    border: none;
}

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

/* Blog Start */
.profile-card-4 {
    max-width: 300px;
    background-color: var(--white);
    border-radius: 5px;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
    margin: 10px auto;
    cursor: pointer;
}

.profile-card-4 img {
    height: 215px;
    transition: all 0.25s linear;
}

.profile-card-4 .profile-content {
    position: relative;
    padding: 15px;
    background-color: var(--white);
}

.profile-card-4 .profile-name {
    font-weight: bold;
    position: absolute;
    left: 0px;
    right: 0px;
    top: -70px;
    color: var(--white);
    font-size: 17px;
}

.profile-card-4 .profile-name p {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 1.5px;
}

.profile-card-4 .profile-description {
    color: #777;
    font-size: 12px;
    padding: 10px;
}

.profile-card-4 .profile-overview {
    padding: 15px 0px;
}

.profile-card-4 .profile-overview p {
    font-size: 10px;
    font-weight: 600;
    color: #777;
}

.profile-card-4 .profile-overview h4 {
    color: #273751;
    font-weight: bold;
}

.profile-card-4 .profile-content::before {
    content: "";
    position: absolute;
    height: 20px;
    top: -10px;
    left: 0px;
    right: 0px;
    background-color: var(--white);
    z-index: 0;
    transform: skewY(3deg);
}

.profile-card-4:hover img {
    transform: rotate(5deg) scale(1.1, 1.1);
    filter: brightness(110%);
}

.optionbox select {
    background: var(--third-color);
    color: var(--white);
    padding: 5px;
    border: none;
    font-size: 14px;
    box-shadow: 0 5px 48px rgb(93 15 9);
    -webkit-appearance: button;
    outline: none;
}

.optionbox select:hover {
    background: var(--third-color);
}

.optionbox:hover:before {
    background: var(--third-color);
}

button:focus {
    outline: none;
    outline: none;
}

/* Search Btn */
.input-search {
    height: 30px;
    width: 30px;
    border-style: none;
    padding: 10px;
    font-size: 14px;
    letter-spacing: 2px;
    outline: none;
    border-radius: 25px;
    transition: all 0.5s ease-in-out;
    background-color: var(--primary-color);
    /* padding-right: 20px;
    */
    /* margin-right: 10px;
    */
    color: var(--white);
}

.input-search::placeholder {
    color: var(--white);
    font-size: 14px;
    letter-spacing: 2px;
    font-weight: 100;
}

.btn-search {
    width: 30px;
    height: 30px;
    border-style: none;
    font-size: 14px;
    font-weight: bold;
    outline: none;
    cursor: pointer;
    border-radius: 50%;
    position: absolute;
    /* right: 0px;
    */
    color: var(--white);
    background-color: transparent;
    pointer-events: painted;
}

.btn-search:focus ~ .input-search {
    width: 220px;
    border-radius: 30px;
    border: none;
    background-color: var(--primary-color);
    transition: all 500ms cubic-bezier(0, 0.11, 0.35, 2);
}

.input-search:focus {
    width: 220px;
    border-radius: 0px;
    background-color: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    transition: all 500ms cubic-bezier(0, 0.11, 0.35, 2);
}

/* What We Do Page Style End */
/* About Us */
.height_264px {
    height: 264px;
}

.icon_box_all.style_three {
    text-align: center;
    background: #fff;
    padding: 40px 35px;
    border-radius: 10px;
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.09);
}

.simple_image_boxes img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.parallax_cover img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    object-fit: cover;
}

.simple_image_boxes {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.icon_box_all.style_three .icon_content .txt_content ul {
    margin: 30px 0 35px;
    padding: 0;
}

.icon_box_all.style_three .icon_content .txt_content ul li {
    text-align: left;
    /* list-style: none;
    */
    padding-left: 20px;
    position: relative;
    margin-bottom: 10px;
}

.icon_box_all.style_three .icon_content .txt_content ul li:before {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 20px;
    border: 2px solid var(--third-color);
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.icon_box_all.style_three .icon_content .txt_content ul li {
    text-align: left;
    list-style: none;
    padding-left: 20px;
    position: relative;
    margin-bottom: 10px;
}

.theme-btn.one {
    display: inline-block;
    padding: 0 25px;
    border-radius: 10px 0 10px 0;
    background: var(--third-color);
    color: var(--white);
    border: 1px solid var(--third-color);
    line-height: 56px;
    min-height: 56px;
    min-width: 160px;
    font-weight: 600;
    font-size: 15px;
    text-align: center;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.icon_box_all.style_three .icon_content .txt_content .btn_left {
    text-align: left;
}

.icon_box_all.style_three .icon_content .txt_content .btn_left a {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
}

.theme-btn.one {
    display: inline-block;
    padding: 0 25px;
    border-radius: 10px 0 10px 0;
    background: var(--third-color);
    color: var(--white);
    border: 1px solid var(--primary-color-one);
    line-height: 56px;
    min-height: 56px;
    min-width: 160px;
    font-weight: 600;
    font-size: 15px;
    text-align: center;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.theme-btn.one:hover {
    background: var(--third-color);
    color: var(--white);
    border-radius: 0 10px 0 10px;
}

.pd_bottom_20 {
    padding-bottom: 20px;
}

.headlines {
    left: 130px;
}

.clipped {
    clip-path: polygon(50% 0, 100% 0, 100% 100%, 0% 100%);
}

.headers {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    max-height: 600px;
}

.headers .hero {
    display: grid;
    grid-template-columns: 4fr 1fr 4fr;
    grid-template-rows: 1fr 6fr 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    max-width: 1000px;
    width: 90%;
    margin: 0 auto;
}

/* LEFT PART */
/* accordion */
.accordion {
    display: flex;
    /* height: 100vh; */
}

.accordion .item {
    background-size: cover;
    background-position: left top;
    background-repeat: no-repeat;
    flex: 1;
    transition: flex 400ms;
}

.accordion .item:hover {
    flex: 3;
}

/*=======================================*/
/*======================== Feedback Page ==========================*/
/*=======================================*/
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
/*---- Feedback Content -----*/
.feedback_header_logo {
    position: relative;
    padding: 10px 5px 10px 10px;
}

.close_feedback {
    position: absolute;
    right: 10px;
    background: none;
    border: none;
    outline: none;
}

.close_feedback:focus {
    outline: none;
    border: none;
    background: none;
}

.modal_logo_feedback {
    border-bottom: linear-gradient(
        90deg,
        var(--third-color),
        var(--third-color) var(--third-color) 25%,
        #582873 75%
    );
}

.modal_logo_feedback img {
    width: 65px;
}

.feedback_continue_btn {
    background: var(--crimson);
    color: white;
    border: none;
    outline: none;
    padding: 5px 10px;
    margin: 40px 10px 20px 0px;
    float: right;
}

.feedback_details p {
    padding: 10px 5px 10px 10px;
    color: #222;
}

.feedback_continue_btn:hover {
    background: var(--dark-crimson);
}

.feedback_continue_btn:focus {
    outline: none;
    border: none;
}

/*-===// Checkbox Details //===-*/
.checkbox_wrapper {
    background-color: #ccc;
    padding: 8px 15px 1px 15px;
    margin-bottom: 10px;
}

.feedback_details_checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.feedback_details_checkbox input {
    position: absolute;
    opacity: 1;
    cursor: pointer;
    height: 0;
    width: 0;
    border-radius: 12px;
}

.checkmark_feedback {
    position: absolute;
    top: 4px;
    left: 0;
    height: 23px;
    width: 23px;
    background-color: #ccc;
    border-radius: 5px;
    border: 1px solid #6a6a6a;
}

.feedback_details_checkbox:hover input ~ .checkmark_feedback {
    background-color: #ccc;
}

.feedback_details_checkbox input:checked ~ .checkmark_feedback {
    background-color: var(--crimson);
    border-radius: 5px;
}

.checkmark_feedback:after {
    content: "";
    position: absolute;
    display: block;
    border: 1px solid silver;
}

.feedback_details_checkbox input:checked ~ .checkmark_feedback:after {
    display: block;
}

.feedback_details_checkbox .checkmark_feedback:after {
    left: 8px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*Round Checkmark*/
.checkrounded_wrapper {
    background-color: #ccc;
    margin-bottom: 10px;
}

.feedback_details_checkrounded {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.feedback_details_checkrounded input {
    position: absolute;
    opacity: 1;
    cursor: pointer;
    height: 0;
    width: 0;
    border-radius: 100%;
}

.feedback_details_checkrounded p {
    text-align: center;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 40px;
}

.checkmark_rounded {
    position: absolute;
    top: 36px;
    left: 47%;
    height: 28px;
    width: 28px;
    background-color: #ccc;
    border-radius: 100%;
    border: 1px solid #6a6a6a;
}

.feedback_details_checkrounded:hover input ~ .checkmark_rounded {
    background-color: #ccc;
}

.feedback_details_checkrounded input:checked ~ .checkmark_rounded {
    background-color: var(--crimson);
    border-radius: 100%;
}

.checkmark_rounded:after {
    content: "";
    position: absolute;
    display: block;
    border: 1px solid silver;
}

.feedback_details_checkrounded input:checked ~ .checkmark_rounded:after {
    display: block;
}

.feedback_details_checkrounded .checkmark_rounded:after {
    left: 10px;
    top: 6px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* For Admin Title */
.admin_adedit_title {
    font-size: 16px;
}

/* For Counter */
button:focus,
input:focus {
    outline: none;
    box-shadow: none;
}

a,
a:hover {
    text-decoration: none;
}

/*--------------------------*/
.qty-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.qty-container .input-qty {
    text-align: center;
    /* padding: 12px 16px;
    */
    border: 1px solid #e1e2e3;
    max-width: 70px;
    position: relative;
    top: 0;
    height: 50px;
}

.qty-container .qty-btn-minus,
.qty-container .qty-btn-plus {
    padding: 5px 10px;
    font-size: 10px;
    height: 25px;
    width: 38px;
    transition: 0.3s;
    transition: 0.3s;
    color: #000000;
}

.qty-btn {
    background-color: #e6e6e5;
    color: #000000;
}

.qty-btn:hover {
    border: 1px solid var(--third-color);
    background-color: var(--primary-color);
    color: white;
}

/*---------------------------*/
.btn-cornered,
.input-cornered {
    border-radius: 4px;
}

/* Shop */
.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

/* Custom Main Css End */

.nav-link {
    font-family: var(--primary-font);
    font-size: 14px;
    color: #051225;
    opacity: 1;
    /* color: #5f5753; */
    font-weight: 900;
    display: block;
}

.nav-link i {
    font-size: 15px;
}

/* nav>div a.nav-item.nav-link:hover, nav>div a.nav-item.nav-link:focus {
    border: none;
    border-radius: 0;
    padding: 10px 21px;
    transition: background 0.2s linear;
}
*/
.showcase {
    width: 100%;
    height: 400px;
    position: relative;
    color: var(--white-color);
    text-align: center;
}

.showcase img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover; /* Make the image cover the entire area */
    top: 0;
    left: 0;
    z-index: 10;
}

.showcase .overlay {
    width: 100%;
    height: 400px;
    background-color: rgba(0, 35, 82, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 55;
}

.showcase h2 {
    margin-top: 170px;
    font-size: 3em;
}
.main-color {
    color: var(--primary-color);
}
.showcase p {
    margin-top: 8px;
    font-size: 1.2em;
}
.title-devider {
    width: 50px;
    background: var(--primary-color);
    height: 2px;
}
.showcase-industry {
    width: 100%;
    height: 500px;
    position: relative;
    color: white;
    text-align: center;
    margin-top: 1px;
}

.showcase-industry img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}

.showcase-industry .overlay {
    width: 100%;
    height: 500px;
    /* background-image: linear-gradient(
        to right,
        #ffffff,
        #ffffff,
        #00000000,
        #00000000,
        #00000000
    ); */
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
}

.showcase-industry-bottom {
    width: 100%;
    height: 500px;
    position: relative;
    color: white;
    text-align: center;
    margin-top: 1px;
}

.showcase-industry-bottom img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}

.gradient-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        to right,
        #ffffff,
        #ffffffd1,
        #77777700,
        #3b3b3b00,
        #00000000
    );
    z-index: 10;
    pointer-events: none;
}

.overlays-img {
    border-top-right-radius: 60px;
    z-index: 980;
}

.showcase-industry .overlay {
    width: 100%;
    height: 500px;
    background-image: linear-gradient(
        to right,
        #ffffff,
        #fbfbfb,
        #ffffffa6,
        #00000000,
        #00000000
    );
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}

.solurtion_tabing_area {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.16);
    background-color: #ffffff;
    border-radius: 0 40px 0 40px;
}

.tabing_menu_area {
    padding-top: 0px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.16);
    padding: 1rem 0rem 1rem 1rem;
    background-color: white;
    border-top-right-radius: 40px;
    border-bottom-left-radius: 30px;
    z-index: 910;
    position: relative;
}

/* Sidebar_tab Css End */
/* Modifification Style Start */
.product_item_content_name {
    height: 5rem;
    font-size: 13px;
}

.ratings i {
    font-size: 16px;
    color: red;
}

.strike-text {
    color: red;
    text-decoration: line-through;
}

.product-image {
    width: 100%;
}

.dot {
    height: 7px;
    width: 7px;
    margin-left: 6px;
    margin-right: 6px;
    margin-top: 3px;
    background-color: blue;
    border-radius: 50%;
    display: inline-block;
}

.spec-1 {
    color: #938787;
    font-size: 15px;
}

.para {
    font-size: 16px;
}

.page-link {
    position: relative;
    display: block;
    color: #000;
    text-decoration: none;
    background-color: var(--white);
    border: 1px solid #dee2e6;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.page-item.active .page-link {
    z-index: 3;
    color: var(--white);
    background-color: var(--primary-color);
    border-color: var(--third-color);
}

/* input[type="range"]{
    -webkit-appearance: none;
    -moz-apperance: none;
    border-radius: 6px;
    height: 6px;
    background-color: #860736fd;
}
*/
/* input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none;
    background-color: #E9E9E9;
    border: 1px solid #CECECE;
    height: 15px;
    width: 15px;
}
*/
.product_price_btn {
    width: 100%;
    background: var(--third-color);
    color: var(--white);
}

.product_price_btn:hover {
    background-color: #860736fd;
    color: white;
}

.product_price_btn {
    text-align: center;
}

.product_menu a:hover {
    background-color: var(--primary-color);
    color: white;
    transition: all 0.5s;
}

.product_menu a {
    text-decoration: none;
    color: #212529;
    padding: 10px 10px 10px;
}

.product-header {
    background-color: var(--primary-color);
    color: white;
    padding: 5px 10px 1px;
}

.product-header a {
    text-align: center;
    text-decoration: none;
    color: white;
}

/* .title {
    background-color: var(--primary-color);
} */

.area_title {
    text-decoration: none;
    color: white;
}

.btn:focus {
    outline: 0;
    box-shadow: none;
    border: 0;
}

.job_search_btn:hover {
    background-color: #ffff;
    color: var(--third-color);
}

.job_search_btn {
    border: 1px solid var(--third-color);
    background-color: var(--primary-color);
    color: white;
}

.product_btn:hover {
    background-color: var(--primary-color);
    color: white;
}

.product_btn {
    border: 1px solid var(--third-color);
}

.product_btn_dropdown {
    background-color: var(--primary-color);
    color: white;
}

.product_btn_dropdown:hover {
    background-color: #860736fd;
    color: white;
}

.product_showing {
    border-bottom: 2px solid var(--third-color);
}

.icon-control {
    margin-top: 5px;
    float: right;
    font-size: 80%;
}

.btn-light {
    background-color: var(--white);
    border-color: #e4e4e4;
}

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

.list-menu a {
    color: #343a40;
}

.card-product-grid .info-wrap {
    overflow: hidden;
    padding: 18px 20px;
}

[class*="card-product"] a.title {
    color: #212529;
    display: block;
}

.card-product-grid:hover .btn-overlay {
    opacity: 1;
}

.card-product-grid .btn-overlay {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 0;
    left: 0;
    bottom: 0;
    color: var(--white);
    width: 100%;
    padding: 5px 0;
    text-align: center;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
}

.img-wrap {
    overflow: hidden;
    position: relative;
}

#myform {
    text-align: center;
    padding: 0px;
    margin: 0%;
}

.qty {
    width: 40px;
    height: 25px;
    text-align: center;
}

input.qtyplus {
    width: 25px;
    height: 25px;
}

input.qtyminus {
    width: 25px;
    height: 25px;
}

.product_code {
    font-size: 14px;
}

.product__details__price p {
    font-size: 30px;
    color: #6e6259;
    font-weight: 600;
}

.feature_description {
    text-align: center;
    height: 5rem;
}

.view_all {
    font-size: 14px;
}

.feature_text {
    font-size: 14px;
}

.btn:first-child:active:focus-visible,
:not(.btn-check) + .btn:active:focus-visible {
    box-shadow: none;
    outline: 0;
    border: none;
}

.btn:focus,
.btn.focus {
    outline: 0;
    box-shadow: none;
    border: none;
}

.dropdown-items_drop {
    background-color: var(--primary-color);
}

.dropdown-item:hover {
    color: var(--third-color);
    background-color: none;
}

.navbar-toggler {
    font-family: var(--primary-font);
    color: rgb(197 24 24 / 50%);
    /* border-color: rgb(211 21 21 / 10%);
    */
}

.nav-link-text {
    font-family: var(--primary-font);
    font-size: 18px;
    color: #3e332d;
    font-weight: 500;
    padding-left: 12px;
}

.navbar_top {
    font-family: var(--primary-font);
    background-color: var(--primary-color);
}

.add_cart a {
    font-size: 1.1em;
    color: white;
}

.search-bar {
    margin: 0;
    padding: 0;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    left: 85%;
    position: absolute;
    transform: translate(-50%, -50%);
    /* border: 2px var(--third-color) solid;
    */
    transition-duration: 0.2s;
}

.search_textbox {
    width: 0px;
    padding: 0;
    margin: 0;
    border: none;
    line-height: 30px;
    font-size: 16px;
    height: 35px;
    background-color: var(--primary-color);
    color: white;
    outline: none;
    height: 100%;
    float: left;
    transition-duration: 0.05s;
}

.search-btn {
    border: none;
    background-color: var(--primary-color);
    color: white;
    padding: 0px 0px 0px 0px;
    margin: 0;
    height: 45px;
    width: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    float: right;
    text-decoration: none;
    border-radius: 50%;
    /* border-left: 5px black solid;
    */
    height: 100%;
    transition-duration: 0.2s;
}

.search-btn p {
    margin: 10px;
    color: rgb(255, 255, 255);
    font-size: 20px;
    font-weight: 800;
}

.search-bar:hover > .search_textbox {
    padding: 0px 10px 0px 10px;
    width: 100%;
    transition-duration: 0.2s;
}

.search-bar:hover > .search-btn {
    /* border-left: 5px black solid;
    */
    transition-duration: 0.8s;
}

.search-btn:hover {
    background-color: black;
    transition-duration: 0.8s;
}

.search-btn:hover > p {
    color: white;
    transition-duration: 0.8s;
}

/* Login And Registration */
.list_items {
    font-family: var(--primary-font);
}

.full-height {
    min-height: 100vh;
}

[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.checkbox:checked + label,
.checkbox:not(:checked) + label {
    position: relative;
    display: block;
    text-align: center;
    width: 60px;
    height: 16px;
    border-radius: 8px;
    padding: 0;
    margin: 10px auto;
    cursor: pointer;
    background-color: var(--primary-color);
}

.checkbox:checked + label:before,
.checkbox:not(:checked) + label:before {
    position: absolute;
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    color: #000;
    background-color: #000;
    font-family: var(--primary-font);
    content: "\eb4f";
    z-index: 20;
    top: -10px;
    left: -10px;
    line-height: 36px;
    text-align: center;
    font-size: 24px;
    transition: all 0.5s ease;
}

.checkbox:checked + label:before {
    transform: translateX(44px) rotate(-270deg);
}

.card-3d-wrap {
    position: relative;
    width: 440px;
    max-width: 100%;
    height: 400px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    perspective: 800px;
    margin-top: 60px;
}

.card-3d-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: all 600ms ease-out;
}

.card-front {
    font-family: var(--primary-font);
    width: 100%;
    height: 100%;
    background-color: var(--primary-color);
    background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/1462889/pat.svg");
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 300%;
    position: absolute;
    border-radius: 6px;
    left: 0;
    top: 0;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.card-back {
    font-family: var(--primary-font);
    width: 100%;
    height: 115%;
    background-color: var(--primary-color);
    background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/1462889/pat.svg");
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 300%;
    position: absolute;
    border-radius: 6px;
    left: 0;
    top: 0;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.card-back {
    transform: rotateY(180deg);
}

.checkbox:checked ~ .card-3d-wrap .card-3d-wrapper {
    transform: rotateY(180deg);
}

.center-wrap {
    position: absolute;
    width: 100%;
    padding: 0 35px;
    top: 50%;
    left: 0;
    transform: translate3d(0, -50%, 35px) perspective(100px);
    z-index: 20;
    display: block;
}

.form-group {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
}

.form-style {
    padding: 13px 20px;
    padding-left: 30px;
    height: 35px;
    width: 100%;
    font-weight: 500;
    border-radius: 4px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.5px;
    outline: none;
    color: #c4c3ca;
    background-color: #1f2029;
    border: none;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    box-shadow: 0 4px 8px 0 rgba(21, 21, 21, 0.2);
}

.form-style:focus,
.form-style:active {
    border: none;
    outline: none;
    box-shadow: 0 4px 8px 0 rgba(21, 21, 21, 0.2);
}

.input-icon {
    position: absolute;
    top: 0;
    left: 18px;
    height: 48px;
    font-size: 24px;
    line-height: 48px;
    text-align: left;
    color: #ffeba7;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.form-group input:-ms-input-placeholder {
    color: #c4c3ca;
    opacity: 0.7;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.form-group input::-moz-placeholder {
    color: #c4c3ca;
    opacity: 0.7;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.form-group input:-moz-placeholder {
    color: #c4c3ca;
    opacity: 0.7;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.form-group input::-webkit-input-placeholder {
    color: #c4c3ca;
    opacity: 0.7;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.form-group input:focus:-ms-input-placeholder {
    opacity: 0;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.form-group input:focus::-moz-placeholder {
    opacity: 0;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.form-group input:focus:-moz-placeholder {
    opacity: 0;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.form-group input:focus::-webkit-input-placeholder {
    opacity: 0;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

/* Modifification Style End */
/* */
/* custom style main Style End */
/*======================================*/
/*============================ Login and Signup page ==========================*/
/*======================================*/
#login_form {
    display: grid;
    height: 100%;
    width: 100%;
    place-items: center;
    box-sizing: border-box;
}

.login_form_wrapper {
    overflow: hidden;
    max-width: 450px;
    background: #fff;
    padding: 30px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
        rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.login_form_wrapper .title-text {
    display: flex;
    width: 200%;
}

.login_form_wrapper .title {
    width: 50%;
    font-size: 35px;
    font-weight: 600;
    text-align: center;
    transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.login_form_wrapper .login_slide_controls {
    position: relative;
    display: flex;
    height: 50px;
    width: 100%;
    overflow: hidden;
    margin: 30px 0 10px 0;
    justify-content: space-between;
    border: 1px solid lightgrey;
    border-radius: 5px;
}

.login_slide_controls .login_slide {
    height: 100%;
    width: 100%;
    color: var(--white);
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    line-height: 48px;
    cursor: pointer;
    z-index: 1;
    transition: all 0.6s ease;
}

.login_slide_controls label.signup {
    color: #000;
}

.login_slide_controls .login_slider_tab {
    position: absolute;
    height: 100%;
    width: 50%;
    left: 0;
    z-index: 0;
    border-radius: 5px;
    background: -webkit-linear-gradient(
        0deg,
        var(--third-color),
        var(--third-color) var(--third-color) 25%,
        #582873 75%
    );
    transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.login_slide_controls input[type="radio"] {
    display: none;
}

#signup:checked ~ .login_slider_tab {
    left: 50%;
}

#signup:checked ~ label.signup {
    color: var(--white);
    cursor: default;
    user-select: none;
}

#signup:checked ~ label.login {
    color: #000;
}

#login:checked ~ label.signup {
    color: #000;
}

#login:checked ~ label.login {
    cursor: default;
    user-select: none;
}

.login_form_wrapper .login_form_container {
    width: 100%;
    overflow: hidden;
}

.login_form_container .form-inner {
    display: flex;
    width: 200%;
}

.login_form_container .form-inner form {
    width: 50%;
    transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.form-inner form .field {
    height: 50px;
    width: 100%;
    margin-top: 20px;
}

.form-inner form .field input {
    height: 100%;
    width: 100%;
    outline: none;
    padding-left: 15px;
    border-radius: 5px;
    border: 1px solid lightgrey;
    border-bottom-width: 2px;
    font-size: 17px;
    transition: all 0.3s ease;
}

.form-inner form .field input:focus {
    border-color: #fc83bb;
    /* box-shadow: inset 0 0 3px #fb6aae;
    */
}

.form-inner form .field input::placeholder {
    color: #999;
    transition: all 0.3s ease;
}

form .field input:focus::placeholder {
    color: #b3b3b3;
}

.form-inner form .pass-link {
    margin-top: 5px;
}

.form-inner form .signup-link {
    text-align: center;
    margin-top: 30px;
}

.form-inner form .pass-link a,
.form-inner form .signup-link a {
    color: #fa4299;
    text-decoration: none;
}

.form-inner form .pass-link a:hover,
.form-inner form .signup-link a:hover {
    text-decoration: underline;
}

form .btn {
    width: 100%;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}

form .btn .btn-layer {
    height: 100%;
    width: 300%;
    position: absolute;
    left: -100%;
    background: -webkit-linear-gradient(
        0deg,
        var(--third-color),
        var(--third-color) var(--third-color) 25%,
        #582873 75%
    );
    border-radius: 5px;
    transition: all 0.4s ease;
}

form .btn:hover .btn-layer {
    left: 0;
}

form .btn input[type="submit"] {
    height: 100%;
    width: 100%;
    z-index: 1;
    position: relative;
    background: none;
    border: none;
    color: var(--white);
    padding-left: 0;
    border-radius: 5px;
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;
}

/*======================================*/
/*============================ Nav Menu Header ==========================*/
/*======================================*/
/*====================== Header Up Menu =========================*/
/*Header Top Menu*/
.header_top_menu_wrapper {
}

.header_top_menu {
    background: var(--third-color);
}

.header_top_menu_item {
    display: flex;
    justify-content: end;
}

.header_top_menu_item a {
    border: none;
    outline: none;
    /* padding: 10px 5px;
    */
    background: none;
    color: var(--white);
}

.header_top_menu_item button {
    border: none;
    outline: none;
    margin: 0px 5px;
    padding: 10px 5px;
    background: none;
    color: var(--white);
}

/*--Button--*/
.top_menu_item {
    background-color: #5f5753;
    border-radius: 0;
}

.top_menu_item a {
    color: var(--white);
}

.top_menu_item a:hover {
    color: var(--white);
    background: #443f3d;
}

.top_menu_item::after {
    content: "";
    position: absolute;
    border: solid transparent;
    border-bottom: solid 10px #5f5753;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    top: -12px;
    left: 10%;
}

.sp::after {
    content: "";
    position: absolute;
    border: solid transparent;
    border-bottom: solid 10px #5f5753;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    top: -12px;
    left: 10%;
}

/*----*/
.add_cart {
    position: relative;
    margin-right: 20px;
}

/* .add_cart_count {
    position: absolute;
    background: #ffffff;
    color: black;
    top: 1px;
    left: 21px;
    width: 17px;
    height: 17px;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    border-radius: 50%;
}
*/
.add_cart_count {
    /* position: absolute;
    background: #ffffff;
    color: black;
    top: -4px;
    left: 356px;
    width: 17px;
    height: 17px;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    border-radius: 50%;
    */
    position: absolute;
    background: #ffffff;
    color: black;
    top: 4px;
    left: 29px;
    width: 13px;
    height: 13px;
    line-height: 10px;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    border-radius: 50%;
}

/*====================== Header Dwon Menu ========================*/
/*=======// Header logo //=======*/
.header_logo img {
    width: 60px;
    height: 30px;
    vertical-align: middle;
    /* margin: 5px;
    */
    display: table-cell;
    position: relative;
}

/*======// Header Search //========*/
.search_menu {
    flex: 0 0 15%;
}

.header_search {
    position: relative;
    display: flex;
    justify-content: end;
}

.header_search input[type="search"] {
    margin: 10px 15px 0px 0px;
    padding: 5px 10px;
    background: #f7f6f5;
    border: none;
    border-top: 1px solid #dad9d8;
    border-left: 1px solid #dad9d8;
    border-bottom: 1px solid #dad9d8;
    font-size: 14px;
    width: 220px;
}

.header_search input:focus[type="search"] {
    outline: none;
    background: #f7f6f5;
    width: 550%;
    position: absolute;
    top: 0;
    right: 36px;
    padding: 6.5px;
}

.header_search input::placeholder {
    color: #5f5753;
}

.header_search button {
    margin: 10px 0px 0px -16px;
    /* padding: 5px 10px;
    */
    background: #f7f6f5;
    outline: none;
    border: none;
    border-top: 1px solid #dad9d8;
    border-right: 1px solid #dad9d8;
    border-bottom: 1px solid #dad9d8;
    color: #5f5753;
}

/*===========// Mobile Menu //=========*/
.mobile_nav_menu {
    display: none;
}

.ipads_menu {
    display: none;
}

/*===========// Main Manu //=========*/
.nav_menu_wrapper {
    position: relative;
    display: flex;
    background-color: var(--white);
    justify-content: space-between;
}

.menu_item_wrapper {
    display: flex;
    justify-content: center;
}

.sub_menu_wrapper .fa-solid {
    color: var(--third-color);
}

.mb_sh {
    display: none;
}

/*--------------------- Active Show-Hide ----------------------*/
.sub_menu_wrapper {
    z-index: 100;
    width: 100%;
    display: none;
    opacity: 0;
    background-color: #eee;
    position: absolute;
    top: 56px;
    right: 0;
}

.menu_btn_active {
    opacity: 1;
    display: block;
}

/*---------End-------*/
.mr-animate-top {
    position: relative;
    animation: animatetop 0.4s;
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

.mr-animate-left {
    animation: animateleft 0.4s;
}

@keyframes animateleft {
    from {
        left: -300px;
        opacity: 0;
    }

    to {
        left: 0;
        opacity: 1;
    }
}

.mr-animate-right {
    animation: animateright 0.4s;
}

@keyframes animateright {
    from {
        right: -200px;
        opacity: 0;
    }

    to {
        right: 0;
        opacity: 1;
    }
}

.mr-animate-bottom {
    position: relative;
    animation: animatebottom 0.4s;
}

@keyframes animatebottom {
    from {
        bottom: -300px;
        opacity: 0;
    }

    to {
        bottom: 0;
        opacity: 1;
    }
}

/*--------------------- Menu style ----------------------*/
.menu_item {
    margin-bottom: -4px;
}

.menu_item button {
    position: relative;
    border: none;
    outline: none;
    background: none;
    padding: 16px 8px;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 4.5px solid none;
    transition: 0.4s;
}

.menu_item button:hover {
    border: none;
    background: none;
    padding: 16px 8px;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 4.5px solid var(--third-color);
}

/* Sub menu Button Design */
.back_menu {
    background: #eee;
    display: none;
}

.sub_menu {
    display: flex;
    padding: 10px 5px;
    background-color: var(--white);
    border-top: 4px solid var(--third-color);
}

.colum-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0px 20px;
}

.sub_menu h3 {
    color: #222;
    font-size: 20px;
}

.sub_menu p {
    color: #5f5753;
    background: none;
    font-size: 16px;
}

.sub_menu a {
    display: block;
    color: #5f5753;
    background: none;
    font-size: 16px;
    margin: 10px 0px;
}

.sub_menu a:hover {
    color: #6f062d;
    border-bottom: none;
    background: none;
    text-decoration: none;
}

.sub_menu_footer {
    background: #eee;
    display: flex;
}

.sub_menu_footer_item {
    width: 25%;
    padding: 10px 20px;
}

.sub_menu_footer a {
    color: #222;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.sub_menu_footer a:hover {
    color: var(--third-color);
}

/*---sub_menu_footer_icon*/
.sub_menu_footer_icon {
    margin: 0;
    padding: 0;
    display: flex;
}

.sub_menu_footer_icon li {
    margin: 5px;
    padding: 0;
    list-style-type: none;
}

.sub_menu_footer_icon li:hover {
    color: var(--dark-crimson);
}

/*======================================*/
/*================================= MOBILE MENU ===============================*/
/*=======================================*/
/*=============================================*/
/*============================ Nasted Tab Section ==========================*/
/*==============================================*/
[data-tabs] {
    background: none;
}

[data-tabs] .active {
    background: var(--third-color);
    color: var(--white);
}

[data-panes] {
    border-top: none;
}

[data-panes] > * {
    display: none;
    border-top: none;
}

[data-panes] > .active {
    display: block;
}

/*===========================*/
.tabbar_wrapper {
    border: 1px solid #b7b2b4d6;
    /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
   */
    /* margin-top: 40px;
   */
}

.tabbar_header_title {
    background: #eee;
    padding: 10px 15px 9px 15px;
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid #b7b2b4d6;
    border-right: 1px solid #b7b2b4d6;
}

.data_tabs_button {
    display: block;
    margin: 0;
    padding: 0;
    height: 366px;
    overflow-y: auto;
    background-color: #eee;
    border-right: 1px solid #afacac;
}

.data_tabs_button button {
    display: block;
    width: 100%;
    text-align: start;
    padding: 10px 0px 10px 15px;
    border: none;
    outline: none;
    background: #eee;
    color: #222;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 1px solid silver;
    transition: 0.3s;
}

.data_tabs_button button:hover {
    background: var(--third-color);
    color: var(--white);
}

/* background: var(--third-color);
*/
.data_tabs_content {
    margin: 0;
    padding: 0;
}

/*-----Sub Tab Style----*/
.sub_tabs_button {
    display: flex;
    /* border-bottom: 2px solid var(--third-color);
   */
    border-bottom: 1px solid #b7b2b4d6;
    /* padding-top: 10px;
    */
    background: #eee;
    overflow-x: auto;
}

.sub_tabs_button button {
    min-width: 110px;
    text-align: center;
    padding: 5px 5px;
    border: none;
    outline: none;
    background: #eee;
    color: #222;
    font-size: 15px;
    font-weight: 500;
    /* border: 1px solid silver;
   */
    border-right: 1px solid #afacac;
    line-height: 21.5px;
    height: 54px;
}

.sub_tabs_button button:hover {
    background: var(--third-color);
    color: var(--white);
}

.sub_tabs_button .active {
    color: var(--white);
}

.sub_tabs_content {
    margin-top: 15px;
    padding: 0px;
    margin-left: 20px;
}

/*=============================================*/
/*============================ Job Details Page ==========================*/
/*==============================================*/
.job_details_content_wrapper {
    padding-right: 30px;
}

.job_details_content h6 {
    color: #5c5c5c;
    font-weight: bold;
}

.job_details_content p {
    color: #5c5c5c;
    font-size: 14px;
    margin-left: 20px;
}

.job_details_content ul {
    color: #5c5c5c;
    font-size: 14px;
}

.job_apply_button {
    margin: 0 5%;
    padding: 15px;
    border-top: 1px dotted var(--crimson);
    border-bottom: 1px dotted var(--crimson);
}

.job_apply_button a {
    color: var(--crimson);
}

/*=============================================*/
/*============================ Job Post Page ==========================*/
/*==============================================*/
/*----Header Title-------*/
.search_job_post form {
    width: 100%;
    height: 44px;
    padding-left: 10px;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 20px;
}

.search_job_post input {
    all: unset;
    font: 16px system-ui;
    color: var(--third-color);
    background: #dfdfdd;
    width: 80%;
    height: auto;
    padding: 10px 0px;
    padding-left: 20px;
    outline: none;
}

.search_job_post button {
    color: var(--white);
    width: 20%;
    padding: 10px 0px;
    margin-left: 1%;
    outline: none;
    background: var(--third-color);
    border: none;
}

.search_job_post button:hover {
    background: #860333;
    transition: 0.3s;
}

.search_job_post ::placeholder {
    color: var(--third-color);
}

/*-------Content----------*/
.job_post_wrapper {
    margin: 40px;
}

.job_post_card {
    transition: all linear 0.3s;
    display: flex;
    padding: 20px 20px;
    border-radius: 0px;
    border: 1px solid var(--border-color);
    box-shadow: var(--custom-shadow);
}

.job_post_card:hover {
    transform: translateY(-8px);
    opacity: 1;
}

/*--------------*/
.job_post_card_img {
    position: relative;
    width: 30%;
}

.job_post_card_img img {
    padding: 10px;
    text-align: center;
    border: 10px solid white;
}

.job_post_card_details {
    width: 70%;
}

.job_post_card_details h5 {
    color: var(--paragraph-color);
    font-size: var(--badge-font-size);
}

.job_post_card_details ul {
    padding-top: 5px;
    padding-bottom: 13px;
    line-height: 1.2;
    font-size: var(--paragraph-font-size);
    color: var(--secondary-paragraph-color);
    list-style-type: none;
}

.job_post_card_details ul li {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.job_post_card_details ul li i {
    margin-right: 5px;
}

.job_post_end_date {
    margin: 8px 20px 0px;
    cursor: default;
}

.job_post_end_date p {
    text-align: center;
    margin: 0px;
    font-size: 12px;
}

/*--------------*/
.job_post_btn {
    padding: 5px 15px;
    margin-top: 10px;
    cursor: pointer;
    font-family: var(--primary-font);
    font-size: 16px;
    text-align: center;
    border: 1px solid #3e332d;
    display: inline-block;
    background-color: #ffffff;
    color: #3e332d;
}

.job_post_btn:hover {
    background-color: #3e332d;
    color: white;
    transition: 0.3s;
}

/*==========================================*/
/*============================ Job Apply form Page ==========================*/
/*===========================================*/
/*----Show Hide Properties----*/
.panel-title > a:before {
    float: right;
    content: "\f068";
    padding-right: 5px;
}

.panel-title > a.collapsed:before {
    float: right;
    content: "\f067";
}

.panel-title > a:hover,
.panel-title > a:active,
.panel-title > a:focus {
    text-decoration: none;
}

/*-------------*/
.apply_job_form_title {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 0px;
}

.apply_job_form_title span {
    text-align: center;
    font-size: 20px;
    line-height: 44px;
    color: var(--white);
    padding: 0px 20px;
    background-color: var(--crimson);
    border-radius: 50px;
    font-family: var(--primary-font);
}

.apply_job_form_title h1 {
    text-align: center;
    color: white;
    font-size: 56px;
    font-weight: 100;
}

/*-------------------*/
.apply_job_form_wrapper {
    margin-top: 50px;
}

.job_apply_form label {
    color: white;
    font-weight: 500;
    font-size: 16px;
}

.apply_item_wrapper {
    background-color: var(--primary-color);
    padding: 10px 15px;
    margin: 10px 0px;
}

.apply_item_wrapper a {
    color: var(--white);
    display: block;
    font-size: 18px;
    font-weight: 500;
}

.apply_item_wrapper a:hover {
    color: var(--white);
}

.job_apply_form {
    margin-top: 0px;
}

/*----------Text Type------------*/
.job_apply_select_option {
    display: block;
    width: 100%;
    padding: 2px 10px;
    margin-bottom: 5px;
    border: none;
    border-bottom: 2px solid silver;
    color: rgb(125, 125, 125);
}

.job_apply_select_option:focus {
    border: none;
    outline: none;
    border-bottom: 2px solid var(--crimson);
}

/*----------Text Type------------*/
.job_apply_form input[type="text"] {
    color: transparent;
    display: block;
    width: 100%;
    padding: 2px 10px;
    margin-bottom: 5px;
    color: black;
    border: none;
    border-bottom: 2px solid silver;
}

.job_apply_form input[type="text"]:focus {
    border: none;
    outline: none;
    border-bottom: 2px solid var(--crimson);
}

/*---------Email Type-------------*/
.job_apply_form input[type="email"] {
    color: transparent;
    display: block;
    width: 100%;
    padding: 2px 10px;
    margin-bottom: 5px;
    color: black;
    border: none;
    border-bottom: 2px solid silver;
}

.job_apply_form input[type="email"]:focus {
    border: none;
    outline: none;
    border-bottom: 2px solid var(--crimson);
}

/*---------Number Type-------------*/
.job_apply_form input[type="number"] {
    color: transparent;
    display: block;
    width: 100%;
    padding: 2px 10px;
    margin-bottom: 5px;
    color: black;
    border: none;
    border-bottom: 2px solid silver;
}

.job_apply_form input[type="number"]:focus {
    border: none;
    outline: none;
    border-bottom: 2px solid var(--crimson);
}

/*---------Date Type-------------*/
.job_apply_form span {
    width: 40%;
    border: 1px solid #fff;
    padding: 4px 6px;
    font-weight: 500;
    color: var(--white);
}

.job_apply_form input[type="date"] {
    color: transparent;
    display: inline;
    width: 60%;
    padding: 2px 10px;
    margin-bottom: 5px;
    color: black;
    border: none;
    border-bottom: 2px solid silver;
    text-align: end;
}

.job_apply_form input[type="date"]:focus {
    border: none;
    outline: none;
    border-bottom: 2px solid var(--crimson);
}

/*----------File Type------------*/
.job_apply_form input[type="file"] {
    color: transparent;
    display: block;
    width: 100%;
    margin-top: 20px;
}

.job_apply_form input[type="file"]::-webkit-file-upload-button {
    visibility: hidden;
}

.job_apply_form input[type="file"]::before {
    content: "Upload CV";
    color: rgb(125, 125, 125);
    display: inline-block;
    border: 2px solid silver;
    border-radius: 3px;
    padding: 10px;
    width: 100%;
    text-align: center;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    text-shadow: 1px 1px #fff;
    font-weight: 700;
    font-size: 10pt;
    transition: 0.4s;
}

.job_apply_form input[type="file"]:hover::before {
    border: 2px solid var(--crimson);
    color: var(--crimson);
}

.job_apply_form input[type="file"]:active {
    outline: 0;
}

.job_apply_form input[type="file"]:active::before {
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

/*----------Url Type------------*/
.linkdin_profile_link {
    border: 1px solid silver;
    margin: 0px;
    margin-top: 20px;
}

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

.job_apply_form input[type="url"] {
    padding: 10px 0px 10px 15px;
    border: none;
    outline: none;
    border-left: 1px solid silver;
    width: 100%;
}

.job_apply_form input[type="url"]:focus {
    border-left: 0.5px solid var(--third-color);
}

.job_submit_btn {
    margin-top: 40px;
    padding: 10px 40px;
    cursor: pointer;
    font-family: var(--primary-font);
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    display: inline-block;
    background-color: var(--crimson);
    transition: 0.3s;
    outline: none;
    border: none;
    color: white;
}

.job_submit_btn:hover {
    background: var(--dark-crimson);
}

/*============================================*/
/*======================== Support assistance Page ==========================*/
/*=============================================*/
.support_assistance_header {
    background-image: url("../images/buy-category-hero.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 0px;
}

.support_assistance_header span {
    text-align: center;
    font-size: 20px;
    line-height: 44px;
    color: var(--white);
    padding: 0px 20px;
    background-color: var(--crimson);
    border-radius: 50px;
    font-family: var(--primary-font);
}

.support_assistance_header h1 {
    text-align: center;
    color: white;
    font-size: 56px;
    font-weight: 100;
}

/*---------------------*/
.support_assistance_wrapper {
    margin-top: 60px;
}

.support_assistance_content p {
    font-size: 16px;
    font-weight: bold;
    color: #4a4949;
    margin-bottom: 40px;
}

.support_assistance_content h3 {
    font-size: 36px;
    font-weight: 100;
    color: #312b2d;
    margin-bottom: 20px;
}

.support_assistance_content a {
    color: var(--crimson);
    font-weight: bold;
    font-size: 16px;
}

.support_assistance_content a:hover {
    color: var(--dark-crimson);
}

.support_assistance_content span {
    font-size: 16px;
    font-weight: bold;
    color: #4a4949;
}

.support_assistance_content img {
    margin-top: 50px;
}

.contact_hline_call {
    overflow: hidden;
    color: gray;
    text-align: left;
    line-height: 1.6em;
}

.contact_hline_call:before {
    display: block;
    float: right;
    margin-top: 0.8em;
    /* half the line-height */
    border-top: 2px solid silver;
    width: 70%;
    content: "";
}

.contact_hline_email {
    overflow: hidden;
    color: gray;
    text-align: left;
    line-height: 1.6em;
}

.contact_hline_email:before {
    display: block;
    float: right;
    margin-top: 0.8em;
    /* half the line-height */
    border-top: 2px solid silver;
    width: 60%;
    content: "";
}

/*-------------*/
.support_assistance_contact_us {
    background: #f7f6f5;
    padding: 20px 30px;
}

.support_assistance_contact_us h4 {
    font-size: 36px;
    color: #312b2d;
    margin-bottom: 20px;
}

.support_assistance_contact_us label {
    font-weight: bold;
}

/*==========================================*/
/*======================== Account Benefits Page ==========================*/
/*===========================================*/
.account_benefits_header {
    background-image: url("../images/buy-category-hero.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 150px 0px;
}

.account_benefits_header h1 {
    text-align: center;
    color: white;
    font-size: 56px;
    font-weight: 100;
}

.account_benefits_header h3 {
    text-align: center;
    font-size: 20px;
    line-height: 44px;
    color: rgb(255, 252, 252);
    padding: 0px 15%;
    font-family: var(--primary-font);
}

/*-----------*/
.challenges_face_title {
    margin: 50px;
}

.challenges_face_title h3 {
    text-align: center;
    font-size: 32px;
    color: #3e332d;
    font-weight: 100;
}

.challenges_face_title p {
    text-align: center;
    font-size: 16px;
    color: #3e332d;
}

.challenges_face_icon img {
    height: 100px;
}

.challenges_face_icon a {
    text-align: center;
    margin-bottom: 10px;
    color: #222;
    font-family: var(--primary-font);
    font-weight: 300;
    font-size: 16px;
}

.challenges_face_icon a:hover {
    color: var(--third-color);
}

/*------------*/

.account_benefits_section_wp {
    /* background: #f7f6f5;
    */
    padding: 20px 0px;
    color: #3e332d;
}

.account_benefits_section_bg {
    padding: 60px 0px;
    color: #3e332d;
}

.account_benefits_section_wp a {
    color: var(--dark-crimson);
}

.account_benefits_section_wp a:hover {
    color: var(--dark-crimson);
}

.account_benefits_section_bg a {
    color: var(--dark-crimson);
}

.account_benefits_section_wp a:hover {
    color: var(--dark-crimson);
}

.account_benefits_section {
    padding-right: 20px;
}

.account_benefits_section p {
    font-size: 16px;
}

/* .account_benefits_section a {
    color: var(--crimson);
}
*/
.account_benefits_section a:hover {
    color: var(--dark-crimson);
}

/*===================================*/
/*==================== Tech Deals Page =================*/
/*==================================*/
/* .tech_deals_header {
    background-image: url("../images/buy-category-hero.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0px;
}
*/
.tech_deals_header h1 {
    text-align: center;
    color: white;
    font-size: 60px;
    font-weight: 100;
}

.tech_deals_header h3 {
    text-align: center;
    font-size: 18px;
    line-height: 44px;
    color: rgb(255, 252, 252);
    padding: 0% 10%;
    font-family: var(--primary-font);
}

.search_all_tech_deals_btn {
    padding: 20px 40px;
    cursor: pointer;
    font-family: var(--primary-font);
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    display: inline-block;
    background-color: var(--primary-color);
    color: var(--white);
}

.search_all_tech_deals_btn:hover {
    background-color: #880736;
    color: white;
    transition: 0.3s;
}

.shop_refurbished_btn {
    padding: 20px 40px;
    cursor: pointer;
    font-family: var(--primary-font);
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    display: inline-block;
    background-color: var(--white);
    color: var(--third-color);
}

.shop_refurbished_btn:hover {
    background-color: #5f5753;
    color: white;
    transition: 0.3s;
}

.tech_deals_featured_item_title {
    text-align: center;
    margin: 40px 0px;
}

.tech_deals_featured_item_title h3 {
    color: #383d41;
}

.trust_refurbished_title {
    text-align: center;
}

.trust_refurbished_title a {
    color: var(--crimson);
}

.trust_refurbished_title a:hover {
    color: var(--dark-crimson);
}

.trust_refurbished_title h2 {
    margin-top: 10px;
    margin-bottom: 20px;
    color: #383d41;
}

/*-------*/
.tech_deals_thumbnail {
    width: 100%;
    max-width: 150px;
    height: auto;
    max-height: 120px;
    margin: 0px auto;
    margin-bottom: 10px;
}

.tech_deals_thumbnail img {
    width: 100%;
    display: block;
    object-fit: cover;
}

.tech_deals_content_name {
    margin-bottom: 10px;
    color: #222;
    font-family: var(--primary-font);
    font-weight: 300;
    font-size: 22px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.tech_deals_content_name:hover {
    color: #7a0631;
}

.tech_deals_item_price {
    margin-bottom: 10px;
}

.tech_deals_product_item_price {
    margin-bottom: 10px;
}

.product_item_price span {
    margin-bottom: 10px;
}

.tech_deals_shop_btn {
    text-align: center;
    width: 100%;
    display: inline-block;
    padding: 15px 25px;
    background-color: var(--white);
    color: var(--third-color);
    border: 2px solid;
    border-color: #5f5753;
    font-size: 16px;
    line-height: 15px;
    transition: all linear 0.3s;
    font-weight: bold;
}

.tech_deals_shop_btn:hover {
    background-color: #5f5753;
    color: var(--white);
    transition: all linear 0.3s;
}

.tech_deals_title_topline {
    width: 10%;
    margin: 0 auto 10px;
    height: 5px;
    background-color: #9f177a;
    border: none;
}

/*--------*/
.purchased_warranty {
    /* background-image: url(../images/help-background-imges.jpg);
    */
    /* background-attachment: fixed;
    */
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 0px;
}

.purchased_warranty h2 {
    text-align: justify;
    color: white;
    font-size: 32px;
    font-weight: 100;
}

/*=======================================*/
/*======================== Feedback Page ==========================*/
/*=======================================*/
.feedbacksidebar {
    height: 55%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 20%;
    right: -18px;
    background-color: rgb(237, 237, 237);
    border-top: 2px solid rgb(166, 166, 166);
    border-right: none;
    border-bottom: 2px solid rgb(166, 166, 166);
    border-left: 2px solid rgb(166, 166, 166);
    overflow-x: hidden;
    transition: 0.5s;
    bottom: 20%;
}

.feedbacksidebar a {
    /* padding: 8px 8px 8px 32px;
    */
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.feedbacksidebar a:hover {
    color: #f1f1f1;
}

.openbtnfeedback {
    font-size: 18px;
    cursor: pointer;
    position: fixed;
    bottom: 50%;
    right: -40px;
    background-color: var(--crimson);
    color: white;
    padding: 5px 10px;
    border: none;
    z-index: 1;
    transition: 0.5s;
    transform: rotate(-90deg);
}

.openbtnfeedback:hover {
    background-color: var(--dark-crimson);
}

.openbtnfeedback:focus {
    outline: none;
    border: none;
}

#feedback_btn {
    transition: margin-left 0.5s;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
/*---- Feedback Content -----*/
.feedback_header_logo {
    position: relative;
    padding: 10px 5px 10px 10px;
}

.close_feedback {
    position: absolute;
    right: 10px;
    background: none;
    border: none;
    outline: none;
}

.close_feedback:focus {
    outline: none;
    border: none;
    background: none;
}

.modal_logo_feedback {
    border-bottom: linear-gradient(
        90deg,
        var(--third-color),
        var(--third-color) var(--third-color) 25%,
        #582873 75%
    );
}

.modal_logo_feedback img {
    width: 65px;
}

.feedback_continue_btn {
    background: var(--crimson);
    color: white;
    border: none;
    outline: none;
    padding: 5px 10px;
    margin: 30px 20px 0px 0px;
    float: right;
}

.feedback_details p {
    padding: 10px 5px 10px 10px;
    color: #222;
}

.feedback_continue_btn:hover {
    background: var(--dark-crimson);
}

.feedback_continue_btn:focus {
    outline: none;
    border: none;
}

/*-===// Checkbox Details //===-*/
.checkbox_wrapper {
    background-color: #ccc;
    padding: 8px 15px 1px 15px;
    margin-bottom: 10px;
}

.feedback_details_checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.feedback_details_checkbox input {
    position: absolute;
    opacity: 1;
    cursor: pointer;
    height: 0;
    width: 0;
    border-radius: 12px;
}

.checkmark_feedback {
    position: absolute;
    top: 4px;
    left: 0;
    height: 23px;
    width: 23px;
    background-color: #ccc;
    border-radius: 5px;
    border: 1px solid #6a6a6a;
}

.feedback_details_checkbox:hover input ~ .checkmark_feedback {
    background-color: #ccc;
}

.feedback_details_checkbox input:checked ~ .checkmark_feedback {
    background-color: var(--crimson);
    border-radius: 5px;
}

.checkmark_feedback:after {
    content: "";
    position: absolute;
    display: block;
    border: 1px solid silver;
}

.feedback_details_checkbox input:checked ~ .checkmark_feedback:after {
    display: block;
}

.feedback_details_checkbox .checkmark_feedback:after {
    left: 8px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*Round Checkmark*/
.checkrounded_wrapper {
    background-color: #ccc;
    margin-bottom: 10px;
}

.feedback_details_checkrounded {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.feedback_details_checkrounded input {
    position: absolute;
    opacity: 1;
    cursor: pointer;
    height: 0;
    width: 0;
    border-radius: 100%;
}

.feedback_details_checkrounded p {
    text-align: center;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 40px;
}

.checkmark_rounded {
    position: absolute;
    top: 36px;
    left: 47%;
    height: 28px;
    width: 28px;
    background-color: #ccc;
    border-radius: 100%;
    border: 1px solid #6a6a6a;
}

.feedback_details_checkrounded:hover input ~ .checkmark_rounded {
    background-color: #ccc;
}

.feedback_details_checkrounded input:checked ~ .checkmark_rounded {
    background-color: var(--crimson);
    border-radius: 100%;
}

.checkmark_rounded:after {
    content: "";
    position: absolute;
    display: block;
    border: 1px solid silver;
}

.feedback_details_checkrounded input:checked ~ .checkmark_rounded:after {
    display: block;
}

.feedback_details_checkrounded .checkmark_rounded:after {
    left: 10px;
    top: 6px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*===============================================*/
/*======================== Cookies Settings Pop up ==========================*/
/*================================================*/
.cookises_settings_wrapper input[type="checkbox"] {
    display: none;
}

.cookises_settings_pop {
    display: none;
    background: #fff;
    width: 730px;
    height: 95%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    position: fixed;
}

#show_cookies:checked ~ .cookises_settings_pop {
    display: block;
}

.new {
}

.cookises_settings_pop .close-btn {
    position: absolute;
    right: 30px;
    top: 30px;
    font-size: 22px;
    cursor: pointer;
}

.cookises_settings_pop .close-btn:hover {
    color: #3498db;
}

/*--Tab Content Style--*/
.modal_title_cookises {
    padding: 15px;
    border-bottom: 1px solid silver;
}

.modal_title_cookises img {
    width: 95px;
    display: inline-block;
    margin-left: 10px;
}

.modal_title_cookises h2 {
    margin: 0px 0px 0px 40px;
    display: inline-block;
    font-weight: 600;
    color: #3e332d;
    font-size: 24px;
}

/*-----Tab Start----*/
.tab_cookises_wrapper {
    display: flex;
    margin-bottom: 40px;
    height: calc(100% - 160px);
}

.tab_cookises_wrapper::-webkit-scrollbar {
    width: 0px;
}

.tab_cookises_settings {
    width: 30%;
    overflow-y: auto;
}

/* Style the buttons inside the tab */
.tab_cookises_settings button {
    display: block;
    background-color: #f4f4f4;
    font-weight: bolder;
    font-size: 14px;
    color: #3e332d;
    padding: 10px 20px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    border-bottom: 1px solid silver;
}

.tab_cookises_settings button:hover {
    background-color: #ddd;
}

.tab_cookises_settings button.active {
    background-color: white;
    border-left: 10px solid var(--crimson);
    padding-left: 10px;
}

.tab_cookises_settings button.active:last-child {
    border-bottom: none;
}

/* Style the tab content */
.tab_cookises_tabcontent {
    padding: 20px 20px 20px 40px;
    width: 70%;
    border-left: none;
    overflow-y: auto;
}

.tab_cookises_tabcontent h5 {
    font-weight: bold;
    color: #3e332d;
    margin-bottom: 10px;
    cursor: pointer;
}

.tab_cookises_tabcontent p {
    text-align: justify;
    font-weight: bold;
    color: #3e332d;
    font-size: 14px;
    height: auto;
    overflow: auto;
    cursor: pointer;
}

.tab_cookises_tabcontent a {
    color: var(--crimson);
    transition: 0.3s;
    font-weight: bold;
    font-size: 14px;
}

.tab_cookises_tabcontent a:hover {
    color: var(--dark-crimson);
    text-decoration: underline;
}

/*-----On Off Button-----*/
.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 15px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

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

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

.slider:before {
    position: absolute;
    content: "";
    height: 28px;
    width: 28px;
    left: 0px;
    bottom: -6px;
    background-color: #7d7d7d;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.switch input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(25px);
    background-color: var(--primary-color);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

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

/*---------Cookie List-----------*/
.Cookies_details_wrapper {
    display: none;
    position: absolute;
    top: 80px;
    left: 0px;
    width: 100%;
    height: calc(100% - 192px);
}

.cookie_list_filter {
    border-bottom: 1px solid silver;
    width: 100%;
    margin: 0px;
    display: flex;
}

.cookie_list_filter div:first-child {
    margin-top: 15px;
}

.cookie_list_filter div:first-child h5 {
    margin-left: 20px;
    margin-top: 1px;
    color: #222;
    font-weight: bold;
}

.cookies_search_btn {
    width: 70%;
}

.cookies_search_btn input {
    border-radius: 25px;
    height: 38px;
    width: 100%;
    margin-top: 10px;
    border: 1px solid silver;
    padding: 0px 20px;
}

.cookies_search_btn input:focus {
    border: 1px solid silver;
    color: var(--crimson);
    outline: none;
}

.cookies_search_btn button {
    border: none;
    background: none;
    margin-left: -40px;
}

.cookies_search_btn button:focus {
    border: none;
    outline: none;
}

.cookie_filter_icon {
    background-color: var(--crimson);
    color: var(--white);
    margin: 10px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    outline: none;
    border: none;
    text-align: center;
    font-size: 12px;
}

/*----------------*/
.cookie_list_content {
    height: calc(100% - 56px);
    overflow: auto;
    padding: 10px 40px;
}

/*----------------*/
.cookie_list_content_item .collapsible {
    color: var(--gray-dark);
    cursor: pointer;
    padding: 10px 15px;
    width: 100%;
    font-weight: bold;
    text-align: left;
    outline: none;
    font-size: 15px;
    border: 1px solid silver;
    background: none;
}

.active,
.collapsible:focus {
    border: none;
}

.collapsible:after {
    content: "\002B";
    color: var(--gray-dark);
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.actives:after {
    content: "\2212";
}

.content {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    border-bottom: 1px solid silver;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
}

.content ul {
    background: #f8f8f8;
    width: 70%;
    margin: 0px;
    padding: 10px 15px;
    margin-bottom: 20px;
}

.content ul li {
    list-style-type: none;
}

.cookie_veiw_name {
    width: 40%;
    display: inline-block;
}

.cookie_veiw_title {
    width: 55%;
    display: inline-block;
}

/*---------------------------*/
.modal_footer_cookises {
    border-top: 1px solid silver;
    position: fixed;
    width: 100%;
    bottom: 0;
    background-color: white;
}

.btn_footer_cookises {
    padding: 10px 20px;
    cursor: pointer;
    font-family: var(--primary-font);
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    display: inline-block;
    background-color: var(--crimson);
    transition: 0.3s;
    outline: none;
    border: none;
    color: white;
    margin: 15px 10px;
}

.btn_footer_cookises:hover {
    background-color: var(--dark-crimson);
}

.text_footer_cookises {
    display: flex;
    justify-content: end;
    background-color: #f4f4f4;
    padding: 5px;
    padding-right: 15px;
}

.text_footer_cookises p {
    margin: 0px;
}

/*-----Tab End----*/
/*=========================================*/
/*================================= Brand Common page ==========================*/
/*========================================*/
.brand_header_wrapper {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0px;
}

.brand_header_wrapper h1 {
    font-size: 42px;
    color: var(--white);
    text-align: center;
}

.brand_header_wrapper h3 {
    font-size: 16px;
    color: var(--white);
    text-align: center;
    font-weight: 400;
}

/*=========================================*/
/*================================= Tech glossary page ==========================*/
/*========================================*/
.tech_glossary_header {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0px;
}

.tech_glossary_header h3 {
    text-align: center;
    font-size: 24px;
    line-height: 44px;
    color: var(--white);
    font-weight: bolder;
    padding: 0% 10%;
    font-family: var(--primary-font);
}

.tech_glossary_header h1 {
    text-align: center;
    color: white;
    font-style: normal;
    font-size: 60px;
    font-weight: 100;
}

.tech_glossary_area_left p {
    margin-bottom: 20px;
    text-align: justify;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--primary-font);
    font-style: normal;
    text-rendering: optimizeLegibility;
    color: #3e332d;
}

/*-------Browse Alphabetically--------*/
.tech_glossary_area_left h4 {
    color: #222;
    font-style: normal;
    font-size: 26px;
    font-weight: 100;
}

.tech_glossary_area_left .search_glossary input {
    outline: none;
    margin: 1px 0px 40px 0px;
    width: 100%;
    border: 1px solid silver;
    padding: 5px 20px;
    color: var(--crimson);
}

.tech_glossary_area_left .search_glossary input:focus::placeholder {
    color: var(--dark);
    opacity: 0.5;
}

.tech_glossary_area_left .search_glossary input:focus {
    border: 1px solid #005885;
}

.tech_glossary_area_left .browse_alphabetically h2 {
    font-weight: 100;
    font-size: 36px;
    line-height: 1.16em;
    text-rendering: optimizeLegibility;
    color: #222;
}

.browse_alphabetically .advanceto_index {
    margin: 10px 0px 20px 0px;
    cursor: pointer;
}

.advanceto_index a {
    color: var(--crimson);
    margin-right: 5px;
    cursor: pointer;
}

.advanceto_index a:hover {
    color: var(--blue);
}

.letter_content_item .letter_content_title {
    font-size: 28px;
    padding-bottom: 5px;
    color: #222;
    font-weight: 100;
    border-bottom: 1px solid silver;
    margin-top: 10px;
}

.letter_content_type {
    margin: 0px;
    padding: 0px;
}

.letter_content_type ul {
    margin: 0px;
    padding: 0px;
}

.letter_content_type ul .col-sm-6 {
    margin: 5px 0px;
    padding: 0px 10px 0px 0px;
}

.letter_content_type ul .col-lg-3 {
    margin: 5px 0px;
    padding: 0px 10px 0px 0px;
}

.letter_content_type ul li {
    list-style-type: none;
    font-size: 16px;
}

.letter_content_type ul li a {
    color: #584f53;
}

/*----------------Tech Glossary ~ Sidebar---------------------*/
.tech_sidebar_topheader {
    color: #222;
    font-size: 26px;
}

.fourThickLine {
    background-color: var(--third-color) var(--third-color);
    display: block;
    width: 8%;
    height: 5px;
    margin-bottom: 8px;
}

.tech_glossary_area_right a {
    margin-bottom: 20px;
    text-align: justify;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--primary-font);
    font-style: normal;
    text-rendering: optimizeLegibility;
    color: #3e332d;
}

.tech_glossary_area_right div:first-child ul li a {
    color: var(--crimson);
}

.featured_articles_item h3 {
    color: #222;
    font-size: 16px;
    font-weight: 100;
    font-family: var(--primary-font);
}

.featured_articles_item h3 span {
    display: block;
    color: #666768;
}

/*------Single page-------*/
.glossary_related_terms {
    border-left: 1px solid var(--crimson);
    padding-left: 20px;
}

.glossary_related_terms h3 {
    color: #222;
    font-size: 26px;
}

.glossary_related_terms ul li {
    margin-bottom: 10px;
}

/*===============================================*/
/*======================== Sitemap page ==========================*/
/*================================================*/
.sitemap_content h2 {
    font-size: 32px;
    padding-bottom: 5px;
    color: #222;
    font-weight: 100;
    margin-top: 10px;
}

.sitemap_content button {
    outline: none;
    border: none;
    background: none;
    font-size: 18px;
    font-weight: bold;
    color: var(--crimson);
    display: flex;
    margin-top: 10px;
}

.sitemap_content button a {
    outline: none;
    border: none;
    background: none;
    font-size: 18px;
    font-weight: bold;
    color: var(--crimson);
    display: flex;
    margin-top: 10px;
}

.sitemap_content ul li {
    font-size: 18px;
    font-style: normal;
    margin-bottom: 10px;
}

.sitemap_content ul li ul li {
    margin-bottom: 10px;
}

.sitemap_content ul li a {
    color: var(--crimson);
    opacity: 0.7;
}

.sitemap_content ul li ul li a {
    color: var(--crimson);
    opacity: 0.7;
}

/*===============================================*/
/*======================== All Terms & Policies page ==========================*/
/*================================================*/
.header_title_terms_policy {
    padding: 20px;
    background: linear-gradient(
        to right,
        var(--third-color) 0%,
        var(--third-color) var(--third-color) 51%,
        #582873 100%
    );
}

.header_title_terms_policy h2 {
    text-align: start;
    color: white;
    font-size: 36px;
    font-weight: 100;
}

/*---------Left Terms Policy------*/
.left_terms_policy {
    margin: 0px;
    padding: 0px;
}

.left_terms_policy h3 {
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: 100;
    color: var(--text-gray);
}

.left_terms_policy h5 {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 10px;
    color: #d40e8c;
}

.left_terms_policy ul li {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
    font-weight: 500;
}

.left_terms_policy ul li em {
    color: var(--text-gray);
}

.left_terms_policy a {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
    color: var(--crimson);
    font-weight: 500;
}

.left_terms_policy a:hover {
    color: var(--dark-crimson);
}

.left_terms_policy a strong {
    font-size: 14px;
}

/*---------Right Terms Policy------*/
.right_terms_policy {
    margin: 0px;
}

.right_terms_policy h4 {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 100;
    color: var(--text-gray);
}

.right_terms_policy input[type="Search"] {
    outline: none;
    width: 100%;
    border: 1px solid gray;
    color: gray;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 5px;
}

/*--------*/
.order-table {
    border: 1px solid #d4d0ca;
    margin-top: 20px;
}

.order-table tr th {
    background-color: #d40e8c;
    color: var(--white);
}

.order-table tr td.firstLine {
    border-right: 1px solid #d4d0ca;
}

.order-table tr td a {
    color: #d40e8c;
    font-size: 14px;
    font-weight: bold;
}

/*================================================*/
/*======================== Web accessibility page ==========================*/
/*================================================*/
/*Web accessibility-Content*/
.header_title_privacy_policy {
    padding: 20px;
    background: linear-gradient(
        to right,
        var(--third-color) 0%,
        var(--third-color) var(--third-color) 51%,
        #582873 100%
    );
}

.header_title_privacy_policy h2 {
    text-align: start;
    color: white;
    font-size: 36px;
    font-weight: 100;
}

.content_web_accessibility {
    padding-right: 50px;
}

.content_web_accessibility p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
    color: var(--text-gray);
    font-weight: 500;
    text-align: justify;
}

.content_web_accessibility a {
    color: var(--crimson);
}

.content_web_accessibility a:hover {
    color: var(--dark-crimson);
}

.content_web_accessibility h1 {
    font-size: 60px;
    margin-bottom: 20px;
    font-weight: 100;
    color: var(--text-gray);
}

.content_web_accessibility h3 {
    font-size: 40px;
    margin-bottom: 20px;
    font-weight: 100;
    color: var(--text-gray);
}

/*---------Web accessibility-Sidebar------*/
.sidebar_web_accessibility {
    margin: 0px;
    padding: 0px;
    padding-left: 20px;
}

.sidebar_web_accessibility h3 {
    font-size: 40px;
    margin-bottom: 20px;
    font-weight: 100;
    color: var(--text-gray);
}

.sidebar_web_accessibility a {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
    color: var(--crimson);
    font-weight: 500;
}

.sidebar_web_accessibility a:hover {
    color: var(--dark-crimson);
}

/*-----Contect Form-----*/
.specialist_contect_form {
    margin: 0px;
    position: relative;
    margin-top: 20px;
    padding: 40px 10px;
    background-color: #f7f6f5;
}

.specialist_contect_form::after {
    content: "";
    position: absolute;
    height: 10px;
    width: 100%;
    background: linear-gradient(
        90deg,
        var(--third-color),
        var(--third-color) var(--third-color) 25%,
        #582873 75%
    );
    top: 0px;
    left: 0px;
}

.form_item_wp {
    margin-bottom: 20px;
    position: relative;
    width: 100%;
}

.form_input {
    color: #6e6664;
    display: block;
    border: none;
    padding: 18px 0 10px;
    width: 100%;
    background-color: var(--bgColor);
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    outline: none;
    border-bottom: solid 1px #cbc4c3;
}

.form_label {
    color: var(--primary-color);
    position: absolute;
    top: 0px;
    z-index: 1;
    font-size: 10px;
    display: none;
}

.form_input:focus::placeholder {
    color: transparent;
}

.form_input:focus ~ .form_label {
    display: block;
}

/*=================================================*/
/*=============================== Privacy Policy page ==========================*/
/*===================================================*/
/*---------Privacy Policy-Content------*/
.header_title_privacy_policy {
    padding: 20px;
    background: linear-gradient(
        to right,
        var(--third-color) 0%,
        var(--third-color) var(--third-color) 51%,
        #582873 100%
    );
}

.header_title_privacy_policy h2 {
    text-align: start;
    color: white;
    font-size: 36px;
    font-weight: 100;
}

.content_privacy_policy {
    padding-right: 40px;
}

.content_privacy_policy p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
    color: var(--text-gray);
    font-weight: 500;
}

.content_privacy_policy a {
    color: var(--crimson);
}

.content_privacy_policy a:hover {
    color: var(--dark-crimson);
}

.content_privacy_policy h1 {
    font-size: 40px;
    margin-bottom: 20px;
    font-weight: 100;
    color: var(--text-gray);
}

.content_privacy_policy h5 {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 20px;
}

.content_privacy_policy ul li {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
    color: var(--text-gray);
    font-weight: 500;
}

/*---------Privacy Policy-Sidebar------*/
.sidebar_privacy_policy {
    margin: 0px;
    padding: 0px;
    padding-left: 40px;
    border-left: 1px solid var(--crimson);
}

.sidebar_privacy_policy h3 {
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: 100;
    color: var(--text-gray);
}

.sidebar_privacy_policy h5 {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 10px;
    color: var(--text-gray);
}

.sidebar_privacy_policy ul li {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
    font-weight: 500;
}

.sidebar_privacy_policy ul li em {
    color: var(--text-gray);
}

.sidebar_privacy_policy a {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
    color: var(--crimson);
    font-weight: 500;
}

.sidebar_privacy_policy a:hover {
    color: var(--dark-crimson);
}

.sidebar_privacy_policy a strong {
    font-size: 14px;
}

/*===================================*/
/*======================== Common Product page ==================*/
/*==================================*/
.common_product_header {
    background-image: url("../images/buy-category-hero.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0px;
}

.common_product_header h1 {
    text-align: center;
    color: white;
    font-size: 60px;
    font-weight: 100;
}

.common_product_header h3 {
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    color: rgb(255, 252, 252);
    padding: 0% 10%;
    font-family: var(--primary-font);
}

.search_all_product_btn {
    padding: 20px 40px;
    cursor: pointer;
    font-family: var(--primary-font);
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    display: inline-block;
    background-color: var(--primary-color);
    color: var(--white);
}

.search_all_product_btn:hover {
    background-color: #880736;
    color: white;
    transition: 0.3s;
}

.create_your_account_btn {
    padding: 20px 40px;
    cursor: pointer;
    font-family: var(--primary-font);
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    display: inline-block;
    background-color: var(--white);
    color: var(--third-color);
}

.create_your_account_btn:hover {
    background-color: #5f5753;
    color: white;
    transition: 0.3s;
}

.common_product_item_title {
    text-align: center;
    margin: 40px 0px;
}

.common_product_item_title h3 {
    color: #383d41;
}

/*-------*/
.common_product_item_text a {
    text-align: center;
    margin-bottom: 10px;
    color: var(--third-color);
    font-family: var(--primary-font);
    font-weight: 300;
    font-size: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.common_product_item_text a:hover {
    color: #7a0631;
}

/*--------*/
.need_help_finding_prodcut {
    /* background-attachment: fixed;
    */
    background-size: cover;
    box-shadow: inset 0 0 0 2000px rgba(255, 0, 150, 0.3);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 0px;
}

.need_help_finding_prodcut h2 {
    text-align: center;
    color: white;
    font-size: 40px;
    font-weight: 100;
}

.need_help_finding_prodcut h3 {
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    color: rgb(255, 252, 252);
    padding: 0% 10%;
    font-family: var(--primary-font);
}

.finding_product_btn {
    padding: 20px 40px;
    cursor: pointer;
    font-family: var(--primary-font);
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    display: inline-block;
    background-color: var(--white);
    color: var(--third-color);
    margin-top: 20px;
}

.finding_product_btn:hover {
    background-color: #5f5753;
    color: white;
    transition: 0.3s;
}

/*-------------*/
.transform_devices_wrapper {
    padding: 50px 100px;
}

.transform_devices_blog {
    background-color: #f7f6f5;
    padding: 20px 10px 20px 40px;
}

.transform_devices_blog img {
    height: 60px;
}

.transform_devices_blog h2 {
    color: #383d41;
    margin-bottom: 20px;
}

.transform_devices_blog p {
    font-family: var(--primary-font);
    font-size: 18px;
    color: #88817d;
}

.transform_devices_blog a {
    padding: 10px 40px;
    cursor: pointer;
    font-family: var(--primary-font);
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    display: inline-block;
    background-color: var(--white);
    color: var(--third-color);
    border: 1px solid black;
    margin-top: 20px;
}

.transform_devices_blog a:hover {
    background-color: #5f5753;
    color: white;
    transition: 0.3s;
}

/*----------*/
.common_product_technolgy_deals_wrapper {
    background-color: #f7f6f5;
    padding: 50px 0px;
}

.technolgy_deals_blog {
    padding: 40px 0px 0px 40px;
}

.technolgy_deals_blog h2 {
    text-transform: capitalize;
    color: #383d41;
    margin-bottom: 20px;
}

.technolgy_deals_blog p {
    font-size: 18px;
    color: #88817d;
}

/*===================================*/
/*======================== Single Product page ==================*/
/*==================================*/
/*images gallary*/
.single_product_images {
    padding: 10px 20px;
}

.img_gallery_wrapper img {
    width: 100px;
    opacity: 0.5;
}

.img_gallery_wrapper img:hover {
    width: 100px;
    opacity: 1;
    transform: scale(1.1);
    transition: 0.5s;
    cursor: pointer;
}

/*single-product about*/
.product__details__text {
    margin-left: 20px;
}

.product__details__text h3 {
    color: #252525;
    margin-bottom: 16px;
}

.list_price p {
    font-size: 16px;
    font-weight: bold;
}

.product__details__text h6 {
    font-size: 19px;
    margin-left: 10px;
}

.product__details__rating img {
    width: 25px;
    height: 25px;
}

.product__details__rating span {
    color: #d51a5f;
    margin-left: 4px;
}

.product__details__price {
    font-family: var(--primary-font);
    font-size: 30px;
    color: #6e6259;
    font-weight: 600;
}

.product-specs {
    margin-left: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.product__details__text .primary-btn {
    padding: 16px 28px 14px;
    margin-right: 6px;
    margin-bottom: 5px;
}

.spec-label0 {
    padding-left: 20px;
}

.product__details__text ul {
    border-top: 1px solid #ebebeb;
    padding-top: 40px;
    margin-top: 50px;
}

.product__details__text ul li {
    font-size: 16px;
    color: #1c1c1c;
    list-style: none;
    line-height: 36px;
}

.product__details__text ul li b {
    font-weight: 700;
    width: 170px;
    display: inline-block;
}

.product__details__text ul li span samp {
    color: #dd2222;
}

.product__details__text ul li .share {
    display: inline-block;
}

.product__details__text ul li .share a {
    display: inline-block;
    font-size: 15px;
    color: #1c1c1c;
    margin-right: 25px;
}

.product__details__text ul li .share a:last-child {
    margin-right: 0;
}

/*---------------------------*/
.product_quantity_wraper {
    background-color: #ebebeb;
    padding: 10px;
    margin-bottom: 20px;
}

.pro-qty {
    width: 100px;
    height: 42px;
    text-align: center;
    background: #f5f5f5;
    border: 1px solid #cbc4c3;
}

.counter {
    width: 100px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.counter input {
    width: 20px;
    border: 0;
    line-height: 30px;
    font-size: 20px;
    text-align: center;
    background: #d51a5f;
    color: var(--white);
    appearance: none;
    outline: 0;
}

.counter span {
    display: block;
    font-size: 25px;
    padding: 0 10px;
    cursor: pointer;
    color: #d51a5f;
    user-select: none;
}

.product_add_to_card {
    width: 220px;
    padding: 20px;
    text-align: center;
    height: 65px;
    background-color: #d51a5f;
    border: none;
}

.product_add_to_card:hover {
    background-color: #6f062d;
    transition: 1s;
}

.product_add_to_card a {
    color: white;
}

.need_help {
    display: inline-block;
    color: #666666;
    text-align: end;
}

.product_your_purchase {
    text-decoration: none;
    color: #d51a5f;
}

/*Tab sidebar-product Start*/
.tab_sidebar_single_product {
    padding: 0px;
    border: 1px solid #ccc;
}

/* Style the tab */
.tab {
    float: left;
    background-color: #f1f1f1;
    width: 30%;
    height: 100%;
}

/* Style the buttons inside the tab */
.tab button {
    display: block;
    background-color: inherit;
    color: black;
    padding: 22px 16px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 17px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
    content: none;
    background-color: white;
    border-right: none;
}

/* Style the tab content */
.tabcontent {
    float: left;
    padding: 10px 15px;
    width: 70%;
    height: auto;
}

/*----------------*/
.tab_sidebar_specification ul {
    padding: 5px;
}

.tab_sidebar_specification ul li {
    list-style-type: none;
    line-height: 30px;
}

/*Related Product*/
.related-product {
    padding-bottom: 30px;
}

.related__product__title {
    margin-bottom: 70px;
}

.title_top_heading {
    font-family: var(--primary-font);
    font-size: 36px;
    line-height: 48px;
    color: var(--heading-);
    margin-bottom: 14px;
    font-weight: 400;
}

.product_item {
    padding: 15px;
    transition: all linear 0.3s;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 5%);
    margin: 0px 10px;
}

.product_item_thumbnail {
    width: 100%;
    max-width: 150px;
    height: auto;
    max-height: 120px;
    margin: 0px auto;
    margin-bottom: 10px;
}

.product_item_thumbnail img {
    width: 100%;
    display: block;
    object-fit: cover;
}

.product_item_content {
    text-align: center;
}

.product_item_content_name {
    margin-bottom: 10px;
    color: var(--third-color);
    font-weight: 500;
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.product_item_content_name:hover {
    color: #7a0631;
}

.product_item_price {
    margin-bottom: 10px;
}

.product_button {
    display: inline-block;
    padding: 18px 36px;
    background-color: var(--white);
    color: var(--third-color);
    border: 2px solid;
    border-color: #5f5753;
    font-size: 14px;
    line-height: 15px;
    transition: all linear 0.3s;
}

.product_button:hover {
    background-color: var(--primary-color);
    border-color: var(--third-color);
    color: var(--white);
    transition: all linear 0.3s;
}

/*================================*/
/*======================= All Solution page =====================*/
/*=================================*/
.solution_top_layout {
    background-color: #f7f6f5;
    border-bottom: 1px solid #d4d0ca;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 50px;
}

.outcome_assetType {
    text-align: center;
    margin: 20px 0px;
}

.outcome_assetType a {
    font-family: var(--primary-font);
    font-style: normal;
    margin: 0 auto 25px;
    padding: 8px 20px 7px;
    color: var(--white);
    background: #5f5753;
    border-radius: 20px;
    text-transform: uppercase;
    font-size: 11px;
}

.outcome_assetType a:hover {
    background-color: #6f0448;
    transition: 1s;
}

/*------Key business outcomes-----------*/
.business_item_title {
    text-align: center;
}

.business_item_icon {
    text-align: center;
}

.business_item_text {
    text-align: start;
}

.solution_business_titele {
    color: #5f5753;
    font-size: 36px;
    font-weight: 500;
    margin-top: 60px;
}

.solution_business_item {
    margin: 0px;
}

/*---Icon slide learn more---*/
.business_item_button:hover .business_item_button_icon {
    transform: translateX(10px);
}

.business_item_button {
    justify-content: center;
    /* color: var(--primary-color); */
    color: var(--third-color);
    font-family: var(--primary-font);
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}

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

.business_item_button_icon {
    position: relative;
    transition: all linear 0.3s;
    top: 1px;
}

.business_item:hover .business_item_button_icon {
    transform: translateX(10px);
}

.business_item_button_icon i {
    display: flex;
}

/*-----------------*/

/*-----------------*/
.outcome_headline h1 {
    background-image: linear-gradient(45deg, var(--third-color), #582873);
    background-size: 100%;
    text-align: center;
    margin: 20px 0px;
    font-weight: bold;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

.beTopLine {
    border-top: 6px solid #9f177a;
    padding-top: 5px;
}

.beUnderLine {
    border-bottom: 6px solid #9f177a;
}

.outcome_smail_bussiness_title {
    margin-top: 50px;
    margin-bottom: 30px;
}

.outcome_smail_bussiness_title h2 {
    font-size: 36px;
    font-family: var(--primary-font);
    line-height: 1.2;
    color: #222;
    text-align: center;
}

.outcome_smail_bussiness_title .lineTop {
    width: 10%;
    margin: 0 auto 30px;
    height: 1px;
    background-color: #9f177a;
    border: none;
    opacity: 1;
}

.outcome_smail_bussiness_title .lineBottom {
    width: 10%;
    margin: 30px auto 0px;
    height: 1px;
    background-color: #9f177a;
    border: none;
    opacity: 1;
}

.tab_content_padding {
    padding-left: 3rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

/*-----------------*/
.solution_number_wrapper h3 {
    color: #222;
    opacity: 0.8;
    font-size: 32px;
    font-weight: 500;
    margin: 20px 0px;
}

.tech_solution_item {
    padding: 20px 30px 20px;
    background-color: var(--white);
    margin-bottom: 20px;
    box-shadow: var(--custom-shadow);
}

.tech_solution_title {
    font-size: 2.6rem;
    background: linear-gradient(
        to right,
        var(--third-color) 0%,
        var(--third-color),
        var(--third-color) 49%,
        #582873 100%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 10px;
}

.tech_solution_text {
    color: var(--black);
    font-weight: 100;
    display: block;
    font-size: var(--header-font-size);
    height: 4.5rem;
    margin-bottom: 0;
    padding-top: 0.5rem;
}

.tech_solution_award {
    font-size: var(--paragraph-font-size);
    color: var(--heading-color);
}

/*---------------*/
.content_profile_statas {
    margin: 50px 0px;
    padding: 0% 10%;
    justify-content: center;
}

.startQuote {
    display: block;
    font-size: 5.275em;
    color: #9f177a;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: -10px;
    font-family: var(--primary-font);
    text-align: center;
}

.content_profile_statas p {
    text-align: center;
    font-size: 36px;
    line-height: 44px;
    color: #222;
    font-weight: 100;
    font-family: var(--primary-font);
}

.circleImage {
    border-radius: 50%;
}

/*-------------*/
.why_chooses_content h2 {
    margin: 50px 0;
}

.why_chooses_content p {
    font-size: 18px;
    color: #3e332d;
    font-weight: 100;
    font-family: var(--primary-font);
    margin-top: 30px;
    margin-bottom: 30px;
}

.why_Choose_lineTop {
    border-top: 6px solid #9f177a;
}

/*-----Contect Form-----*/
.solution_contact_wrapper {
    background-color: #252525;
    padding: 40px 0px;
}

.thing_together_wrapper h4 {
    color: var(--white);
    font-size: 2.5rem;
    font-family: var(--primary-font);
    font-weight: 400;
    margin-top: 30px;
}

.thing_together_wrapper p {
    color: var(--white);
    font-size: 16px;
    font-family: var(--primary-font);
    font-weight: 400;
}

.thing_together_wrapper h5 {
    color: var(--white);
    font-size: 32px;
    margin-top: 30px;
}

.thing_together_wrapper h5 i {
    margin-right: 40px;
}

.specialist_contect_form {
    margin: 0px;
    position: relative;
    margin-top: 20px;
    padding: 40px 10px;
    background-color: #f7f6f5;
}

.specialist_contect_form::after {
    content: "";
    position: absolute;
    height: 10px;
    width: 100%;
    background: linear-gradient(
        90deg,
        var(--third-color),
        var(--third-color) var(--third-color) 25%,
        #582873 75%
    );
    top: 0px;
    left: 0px;
}

.solution_form_item_wp {
    position: relative;
    margin-bottom: 30px;
}

.form_input {
    color: #6e6664;
    display: block;
    border: none;
    padding: 18px 0 10px;
    width: 100%;
    background-color: var(--bgColor);
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    outline: none;
    border-bottom: solid 1px #cbc4c3;
}

.form_label {
    color: var(--primary-color);
    position: absolute;
    top: 0px;
    z-index: 1;
    font-size: 10px;
    display: none;
}

.form_input:focus::placeholder {
    color: transparent;
}

.form_input:focus ~ .form_label {
    display: block;
}

/*=================================================*/
/*================================ Product Filtering Page =====================*/
/*===================================================*/
.header_title_product_filter {
    background-image: url("https://img.freepik.com/free-vector/gradient-liquid-abstract-background_52683-60469.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0px;
}

.header_title_product_filter h1 {
    text-align: center;
    color: white;
    font-size: 60px;
    font-weight: 100;
}

/*---------Top Nav Bar-------*/
.product_go_to_next_pge a {
    color: var(--third-color);
    margin-top: 10px;
    font-size: 18px;
}

.product_apply_filter_btn a {
    padding: 10px 30px;
    background-color: var(--primary-color);
    color: white;
    text-align: center;
}

.product_apply_filter_btn a:hover {
    background-color: #76022d;
    color: white;
    transition: 0.3s;
}

/*-------Product~content item-------*/
.product_content_item a {
    color: var(--third-color);
}

.product_content_item a:hover {
    color: #810834;
    transition: 0.3s;
}

.product_content_item h4 {
    margin: 10px 0;
    color: black;
    font-size: 16px;
    font-family: var(--primary-font);
}

.product_content_item h3 {
    font-size: 18px;
    text-align: left;
    font-weight: bold;
    line-height: 1.2;
    font-style: normal;
    font-family: var(--primary-font);
    text-rendering: optimizeLegibility;
    color: var(--third-color);
}

.product_content_item h6 {
    margin: 10px 0;
    color: #6c757d;
    font-size: 14px;
    font-family: var(--primary-font);
}

.product_content_item p {
    color: #3e332d;
    font-size: 14px;
    font-weight: 100;
    font-family: var(--primary-font);
    font-style: normal;
    line-height: 24px;
    margin-bottom: 0;
}

.product_add_bascket_btn a {
    padding: 10px 30px;
    background-color: var(--primary-color);
    color: white;
    text-align: center;
}

/* .product_add_bascket_btn a:hover {
    background-color: #76022d;
    color: white;
}
*/
/*Qantity Button*/
.quantity {
    position: relative;
}

.quantity input {
    width: 65px;
    height: 42px;
    float: left;
    display: block;
    padding: 0;
    margin: 0;
    padding-left: 20px;
    border: 1px solid #eee;
}

/*=========================================*/
/*=========================== Solution Filter Page =====================*/
/*=======================================*/
/*---------Solution filter ~ Featured------*/
.featured_client_stories_wrapper {
}

.header_title_clinet_stories {
    padding: 20px;
    background: linear-gradient(
        to right,
        var(--third-color) 0%,
        var(--third-color) var(--third-color) 51%,
        #582873 100%
    );
}

.header_title_clinet_stories h1 {
    text-align: center;
    color: white;
    font-size: 60px;
    font-weight: 100;
}

/*-------------------------------*/
.featured_client_stories {
    margin-top: 20px;
    overflow: hidden;
}

.featured_client_stories_title {
    margin: 20px 0px;
}

.featured_client_stories_title h1 {
    font-size: 36px;
    color: #495057;
    font-weight: 100;
    font-family: var(--primary-font);
}

.client_stories_item {
    opacity: 0.8;
    transition: all linear 0.3s;
    margin-bottom: 10px;
}

.client_stories_item:hover {
    transform: translateY(-8px);
    opacity: 1;
}

.client_stories_item a {
    color: #222;
    text-decoration: none;
}

.client_stories_item a:hover {
    color: var(--third-color);
}

.client_stories_item h4 {
    color: #6c757d;
    font-size: 18px;
    margin: 10px 0;
    font-family: var(--primary-font);
}

.client_stories_item h3 {
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    font-family: var(--primary-font);
}

/*--------Solution ~ Filter Topbar------------*/
.clinet_stories_filter_top_bar label {
    color: #6c757d;
    font-size: 18px;
}

.client_story_filter_page select {
    padding: 10px;
    border: aqua;
    font-size: 18px;
}

.client_story_filter_all_year select {
    padding: 10px;
    border: aqua;
    font-size: 18px;
}

/*------------solution filter ~ Sidebar---------------*/
.client_stories_narrow_content input {
    border: 1px solid rgb(185, 185, 185);
    padding: 20px;
    width: 100%;
}

.client_stories_filter_category h6 {
    color: #5f5753;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    font-family: var(--primary-font);
}

.client_stories_filter_category input[type="checkbox"] {
    color: red;
}

#filter_category .form-check {
    margin: 10px 0px;
}

#filter_category .form-check .custom {
    width: 16px;
    height: 16px;
    border: solid 1px #ccc;
    background: #fff;
}

/*------------Solution Filter ~ Content Item------------*/
.client_stories_content_item {
    opacity: 1;
}

.client_stories_content_item:hover {
    transition: 0.3s;
    opacity: 0.8;
}

.client_stories_content_item a {
    color: #222;
}

.client_stories_content_item a:hover {
    color: var(--third-color);
}

.client_stories_content_item h4 {
    margin: 10px 0;
    color: #6c757d;
    font-size: 14px;
    font-family: var(--primary-font);
}

.client_stories_content_item h3 {
    font-size: 18px;
    text-align: left;
    font-weight: 100;
    line-height: 1.2;
    font-style: normal;
    font-family: var(--primary-font);
    text-rendering: optimizeLegibility;
}

.client_stories_content_item p {
    color: #3e332d;
    font-size: 14px;
    font-weight: 100;
    font-family: var(--primary-font);
    font-style: normal;
    line-height: 24px;
}

/*------------Solution ~ Paginatiion------------*/
.pagination {
    margin: 20px 0px;
}

.page-item.active .page-link {
    z-index: 1;
    color: var(--white);
    background-color: var(--primary-color);
    border-color: var(--third-color);
}

.pagination li a {
    color: black;
    display: inline-block;
    padding: 6px 11px;
    text-decoration: none;
    transition: all 1ms linear 1ms;
}

.pagination li a:hover {
    background-color: var(--primary-color);
    color: #ffffff;
    display: inline-block;
    padding: 6px 11px;
    text-decoration: none;
    transition: all 1ms linear 1ms;
    border-color: var(--third-color);
}

/*================================*/
/*======================= Solution Blog Page =====================*/
/*=================================*/
/*---------single blog ~ page (imgaes)-----------*/
.assetType {
    text-align: center;
    margin: 20px 0px;
}

.assetType a {
    font-family: var(--primary-font);
    font-style: normal;
    margin: 0 auto 25px;
    padding: 8px 20px 7px;
    color: var(--white);
    background: var(--third-color) var(--third-color);
    border-radius: 20px;
    text-transform: uppercase;
    font-size: 11px;
}

.assetType a:hover {
    background-color: #6f0448;
    transition: 1s;
}

.headline {
    margin: 20px 0px;
}

.headline h1 {
    text-align: center;
    font-size: 55px;
    font-weight: 100;
    color: #383d41;
}

.aria-text {
    margin-bottom: 20px;
}

.aria-text h2 {
    font-size: 35px;
    font-weight: 100;
    text-align: justify;
    color: #6c757d;
}

.byTopics {
    font-weight: bold;
}

.byTopics p {
    color: #495057;
}

.byTopics a {
    color: var(--third-color);
    text-transform: uppercase;
}

.byTopics a:hover {
    color: #77052f;
    transition: 0.3s;
}

.byTopics span {
    color: 6c757d;
}

.bySocial ul li {
    list-style-type: none;
    float: left;
    margin-left: 10px;
}

.bySocial ul li a {
    color: #ffffff;
    background: var(--third-color);
    padding: 10px 10px;
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s ease-in-out;
}

.bySocial ul li a:hover {
    color: var(--third-color);
    background: white;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    transition: 0.5s ease-in-out;
}

/*-----------------single blog ~ content_wrapper-------------------*/
.blog_text_area h2 {
    margin: 10px 0px 30px 0px;
    font-weight: 100;
    font-size: 36px;
    line-height: 1.16em;
    text-rendering: optimizeLegibility;
    color: #222;
}

.blog_text_area p {
    margin-bottom: 30px;
    text-align: justify;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    font-family: var(--primary-font);
    font-style: normal;
    text-rendering: optimizeLegibility;
    color: #3e332d;
}

.dwonload_button {
    margin: 50px 0px;
}

.dwonload_button a {
    padding: 20px 40px;
    background: var(--third-color);
    color: white;
    font-family: var(--primary-font);
    font-style: normal;
}

.dwonload_button a:hover {
    background: #790630;
    color: white;
    transition: 0.3s;
}

.infographic {
    margin: 0 10%;
}

.infographic p {
    font-size: 18px;
    text-align: center;
}

.infographic a {
    color: var(--third-color);
}

.callout {
    margin: 0 10%;
    padding: 40px;
    border-top: 1px dotted #f00;
    border-bottom: 1px dotted #f00;
}

.callout p {
    font-size: var(--paragraph-font-size);
    text-align: center;
    margin-bottom: 0px;
}

.callout a {
    color: var(--third-color);
}

/*----------------Single blog ~ Sidebar---------------------*/
.discover_more_item h3 {
    color: #222;
    font-size: 16px;
    font-weight: 100;
    font-family: var(--primary-font);
}

.discover_more_item h3 span {
    display: block;
    color: #666768;
}

/*----------------Single blog ~ related-post-----------------*/
.related_posts_wrapper {
    background-color: #f7f6f5;
    border-top: 1px solid #dbdbdb;
    padding-bottom: 20px;
}

.related_posts_title {
    margin: 50px 0px;
}

.related_posts_title h1 {
    font-size: 36px;
    color: #495057;
    font-weight: 500;
    font-family: var(--primary-font);
}

.related-item {
    opacity: 1;
    transition: all linear 0.3s;
    margin: 10px;
    border: 1px solid #e1e1e1;
}

.related-item:hover {
    transform: translateY(-8px);
    opacity: 0.8;
}

.related-item a {
    color: #222;
}

.related-item a:hover {
    color: var(--third-color);
}

.related-item h4 {
    color: var(--third-color);
    font-size: 15px;
    font-family: var(--primary-font);
}

.related-item h3 {
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    font-family: var(--primary-font);
}

/*=======================================*/
/*============================ User Dashboard Master ==========================*/
/*=======================================*/
/*Sidebar & Content Show hide Setting*/
.content_wrapper {
    position: relative;
}

/*---------------------*/
.sidebarButtonStyle {
    font-size: 20px;
    cursor: pointer;
    background-color: #c0b7ae;
    color: #222;
    padding: 10px 15px;
    border: none;
    z-index: 1;
    transition: 0.5s;
}

.sidebarButtonStyle:focus {
    border: none;
    outline: none;
}

.sidebarButtonStyle:hover {
    background-color: #8d867f;
}

/*===================================== User Dahboard -- Profile Page ======================================*/
.client_db_profile_header {
    margin: 0px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--third-color);
}

.client_db_profile_header img {
    clip-path: circle();
    width: 250px;
    display: inline;
}

.client_db_profile_title h3 {
    margin-top: 20px;
    color: #222;
    font-style: normal;
}

.client_db_details h3 {
    color: #222;
    font-style: normal;
}

.client_db_about h3 {
    color: #222;
    font-style: normal;
}

.client_db_about p {
    font-size: 16px;
    color: #222;
    font-style: normal;
}

.client_db_about ul {
    margin: 0px;
    padding: 0px;
}

.client_db_about ul li {
    list-style-type: none;
    float: left;
    margin-right: 10px;
    color: white;
}

.client_db_about ul li a {
    color: white;
    background-color: var(--primary-color);
    padding: 4px 8px;
    border-radius: 5px;
}

.client_db_about ul li a:hover {
    background-color: #510320;
}

/*===================================== User Dahboard -- Add Product Page ======================================*/
.client_dashboard_personal_product_list h2 {
    font-style: normal;
    font-weight: 100;
    color: #383d41;
}

.personal_product_list_add_item label {
    color: #222;
    font-size: 16px;
    font-weight: 100;
    margin-top: 10px;
}

#product_input {
    width: 35%;
    margin-left: 10px;
    color: #495057;
}

#product_input input[type="text"] {
    border: 1px solid gray;
    color: #495057;
    outline: none;
    background-color: white;
    padding: 10px;
    opacity: 0.7;
    width: 100%;
}

.personal_product_list_add_item button {
    color: white;
    background-color: var(--primary-color);
    padding: 10px 20px;
    outline: none;
    border: 1px solid gray;
    opacity: 0.7;
    margin-left: 10px;
}

.btn_delete {
    background-color: white;
    border: none;
    color: var(--third-color);
    outline: none;
    font-size: 18px;
}

.btn_add_to_card {
    background-color: var(--primary-color);
    color: var(--white);
    padding: 10px 20px;
    outline: none;
    border: none;
}

/*===================================== User Dahboard -- Content-resources ======================================*/
.header_title_content_resources {
    background-image: url("../images/desktop-shop-hero.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 0px;
}

.header_title_content_resources h1 {
    text-align: center;
    color: white;
    font-size: 60px;
    font-weight: 100;
    margin-bottom: 20px;
}

.content_resources_search form {
    width: 80%;
    font-family: var(--primary-font);
}

.content_resources_search input[type="text"] {
    width: 75%;
    height: auto;
    background-color: #ffffff;
    color: #5f5753;
    border: none;
    font-weight: bold;
    padding: 10px 0px;
    padding-left: 20px;
    outline: none;
}

.content_resources_search button {
    width: 23%;
    background-color: var(--primary-color);
    border: none;
    color: var(--white);
    padding: 10px 0px;
    outline: none;
}

.content_resources_search button:hover {
    background-color: #7a0932;
    color: white;
    transition: 0.3s;
}

/*----------------*/
.title_h2 {
    text-align: center;
    color: #222;
    margin: 10px 0;
    cursor: default;
    margin: 40px 0px;
}

.nav-link .faq {
    border-bottom: 1px solid #eee;
}

.faq-area {
    height: auto;
}

.faq-answers a {
    color: #222;
}

.faq-answers a:hover {
    color: var(--third-color);
}

.terms_list a {
    color: var(--third-color);
}

.terms_list a:hover {
    color: #6a0aae;
}

/*------------------*/
.explore_knowledge_wrapper {
    margin-bottom: 50px;
}

.popular_published_answers_wrapper {
    background-color: #f7f6f5;
    padding: 40px 0px;
}

.terms_conditions_wrapper {
    background-color: #f7f6f5;
    padding: 40px 0px;
    margin-top: 60px;
}

/*====================================== User Dashboard -- Order Track Page =========================================*/
/*order track*/
.search_order_tracking form {
    width: 100%;
    height: 44px;
    padding-left: 10px;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.search_order_tracking input {
    all: unset;
    font: 16px system-ui;
    color: var(--third-color);
    background: #dfdfdd;
    width: 80%;
    height: auto;
    padding: 10px 0px;
    padding-left: 20px;
    outline: none;
}

.search_order_tracking button {
    color: var(--white);
    width: 20%;
    padding: 10px 0px;
    margin-left: 1%;
    outline: none;
    background: var(--third-color);
    border: none;
}

.search_order_tracking button:hover {
    background: #860333;
    transition: 0.3s;
}

.search_order_tracking ::placeholder {
    color: var(--third-color);
}

/*-----------------*/
.card-img img {
    margin-top: -60px;
    border-radius: 50%;
    width: 100px;
    padding: 10px;
    background-color: #f7f6f5;
    border: 10px solid white;
    filter: saturate(10) hue-rotate(320deg);
}

.card-thumb {
    transition: all linear 0.3s;
    margin-top: 80px;
    padding-bottom: 20px;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.card-thumb:hover {
    transform: translateY(-8px);
    opacity: 1;
    color: var(--third-color);
}

.card-thumb h4 {
    text-align: center;
    font-size: 18px;
    margin: 10px 0;
    cursor: default;
    font-family: var(--primary-font);
}

.card-thumb ul {
    margin: 20px 0px;
    padding: 0px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #3e332d;
}

.card-thumb ul li {
    list-style-type: none;
}

.card-thumb ul li a {
    color: #222;
}

.card-thumb ul li a:hover {
    color: var(--third-color);
}

.order_tracking_btn a {
    padding: 10px 20px;
    cursor: pointer;
    font-family: var(--primary-font);
    font-size: 18px;
    text-align: center;
    border: 1px solid #3e332d;
    display: inline-block;
    background-color: #ffffff;
    color: #3e332d;
}

.order_tracking_btn a:hover {
    background-color: #3e332d;
    color: white;
    transition: 0.3s;
}

/*order details*/
.client_db_oredr_details {
    margin: 40px 0px;
    width: 100%;
}

.client_db_oredr_details table {
    margin: 0px;
    padding: 0px;
}

.client_db_oredr_details .btn_action {
    background-color: rgb(0, 94, 255);
    padding: 5px 10px;
    color: white;
    border-radius: 50px;
}

/*============================= User Dashboard -- Home page ===============================*/
#wrapper {
    background: #dfdfdd;
}

/*---sidebar Toggle---*/
#click_advance {
    margin-left: 300px;
    margin-top: 30px;
    position: absolute;
    z-index: 50000;
    color: #222;
}

#click_advance .fa-align-left {
    margin-left: -260px;
    color: #5f5753;
    display: block;
}

/*---sidebar menu---*/
.sidebar_manu_wrapper {
    width: 100%;
    height: 100%;
    background-color: #5f5753;
}

.user_dashboard_sidebar_title {
    background-color: white;
    padding: 5px;
}

.user_dashboard_sidebar_title h2 {
    font-size: 28px;
    line-height: 44px;
    color: rgb(66, 65, 65);
    font-weight: 100;
}

.user_dashboard_sidebar_title p {
    font-size: 13px;
    color: rgb(66, 65, 65);
}

.user_dashboard_sidebar_nav {
    display: block;
    color: white;
}

.accordion-body a {
    background-color: #ffffff;
    color: #222;
}

.plusminus {
    font-weight: bolder;
    font-size: 20px;
}

/*---Content----*/
.client_dashboard_content_wp {
    padding: 20px;
    background: #fff;
    width: 100%;
}

.client_dashboard_welcome_section {
    margin-top: 0px;
}

.client_dashboard_welcome_section h2 {
    font-size: 36px;
    line-height: 44px;
    color: rgb(66, 65, 65);
    margin: 10px 0px 20px;
}

.client_dashboard_welcome_section p {
    font-size: 18px;
    line-height: 44px;
    font-family: var(--primary-font);
    color: #222;
}

.client_dashboard_blog {
    margin-top: 20px;
}

.client_dashboard_blog h2 {
    font-size: 36px;
    line-height: 44px;
    color: rgb(66, 65, 65);
    margin-bottom: 20px;
}

.client_dashboard_blog ul li a {
    font-size: 18px;
    line-height: 44px;
    font-family: var(--primary-font);
    color: var(--third-color);
}

/*=============Motiur=============*/
/*======================= About Us Page =========================*/
/*============= Edit ==============*/
.about_seo_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.about_seo_imgage {
    padding: 25px 25px;
}

.about_seo_imgage img {
    height: 430px;
    width: 360px;
    display: block;
    object-fit: cover;
    /* border: 2px solid rgb(247, 246, 245);
    */
}

.about_seo_content {
    padding: 25px 25px 0;
}

.about_seo_text {
    margin: 0 0 30px;
}

.about_seo_text h2 {
    font-size: var(--section-title-font-size);
}

.about_seo_text h4 {
    font-size: 25px;
    color: white;
    font-family: var(--primary-font);
    margin-bottom: 20px;
}

.about_seo_text p {
    font-size: 16px;
    color: black;
    text-align: justify;
}

.about_seo_text p strong {
    display: block;
}

.about_ceo_btn {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.about_ceo_btn a {
    font-size: 20px;
    font-weight: 500;
    padding: 30px 45px;
}

/*apple_resaler*/
.apple_resaler_wrapper {
    border-radius: 50px;
    background: linear-gradient(
        90deg,
        rgba(174, 10, 70, 1) 0%,
        rgba(168, 11, 110, 1) 25%,
        rgba(88, 40, 115, 1) 100%
    );
    padding: 30px;
}

.apple_resaler_content {
    width: 100%;
}

.apple_resaler_content_logo img {
    max-width: 100%;
}

.apple_reselar_title {
    font-size: 22px;
    font-weight: 400;
    color: var(--white);
    margin-bottom: 10px;
}

.pro-qty input {
    height: 100%;
    width: 100%;
    font-size: 16px;
    color: #6f6f6f;
    background: #f5f5f5;
    text-align: center;
}

.apple_reselar_maint {
    font-weight: 600;
    color: var(--white);
    margin-bottom: 25px;
    font-size: 36px;
}

.product_button {
}

.apple_resaler_image {
    width: 100%;
}

/*================================*/
/*======================= Add To Cart Page =========================*/
/*================================*/
.cart_page {
    background-color: var(--bgColor);
}

.cart_page_content {
    padding: 20px;
}

.cart_header {
    padding: 15px 20px;
    background-color: var(--primary-color);
    margin-bottom: 10px;
    border: 1px solid #cbc4c3;
}

.cart_header_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cart_header_title {
    font-size: 32px;
    color: var(--navColor);
    line-height: 42px;
    margin: 0px 10px;
    font-weight: 300;
}

.cart_header_right_inner ul li {
    list-style-type: none;
}

.cart_header_right_inner ul li a {
    color: var(--primary-color);
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
}

.cart_body_wrapper {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-direction: column;
    gap: 20px;
}

.cart_body_left {
    width: 100%;
}

.your_cart {
    background-color: var(--primary-color);
    border: 1px solid #cbc4c3;
}

.your_cart_header {
    background-color: var(--white);
    padding: 0.625rem;
    border-bottom: 1px solid #cbc4c3;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.your_cart_title {
    font-size: 20px;
    color: #5f5753;
    font-weight: 300;
    line-height: 22px;
}

.your_cart_empty a {
    font-size: 18px;
    color: var(--primary-color);
    font-weight: 500;
}

.your_cart_item {
    padding: 0.625rem;
    position: relative;
}

.your_cart_item:not(:last-child) {
    border-bottom: 1px solid #cbc4c3;
}

.your_cart_item_wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    gap: 20px;
}

.cart_item_image {
    width: 100%;
    display: unset;
}

.cart_item_image img {
    display: inline-block;
    max-width: 100%;
}

.cart_item_content {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.cart_item_content_utitlity {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    flex-direction: column;
}

.cart_content_details {
}

.cart_produt_name {
    max-width: 400px;
    display: flex;
    font-size: 17px;
    color: var(--primary-color);
}

.cart_product_price {
    color: var(--heading-);
    font-size: 16px;
    font-weight: 500;
}

.cart_product_price small {
    color: gray;
    font-weight: 300;
}

.card_product_counter {
}

.cart_input {
    padding: 15px 20px;
    display: flex;
    width: 120px;
}

.cart_item_delete {
    width: 20px;
    display: grid;
    place-content: center;
    position: absolute;
    top: 15px;
    right: 30px;
}

.cart_sidebar_sumury {
    width: 100%;
    background-color: var(--primary-color);
    border: 1px solid #cbc4c3;
}

.cart_summury_title {
    background-color: var(--white);
    padding: 0.625rem;
    border-bottom: 1px solid #cbc4c3;
}

.summury_count {
    padding: 0.625rem;
}

.summury_count ul {
    border-bottom: 1px solid #cbc4c3;
    padding-bottom: 10px;
}

.summury_count ul li,
.summury_count_total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0px;
}

.summury_count ul li span,
.summury_count_total {
    color: var(--heading-);
    font-size: 16px;
    font-weight: 500;
}

.summury_count ul li span small,
.summury_count_total span small {
    color: gray;
    font-weight: 300;
}

/* check out form */
.checkout_form {
    padding: 20px;
}

.checkout_form_wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.check_form_inner {
}

.check_form_inner label {
    color: var(--navColor);
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    display: inline-block;
}

.check_form_inner label sup {
    color: var(--primary-color);
}

.check_form {
    display: block;
    width: 100%;
    display: block;
    outline: none;
    background-color: var(--white);
    border: 1px solid #cbc4c3;
    border-radius: 0;
    color: #3e332d;
    padding: 11px;
    height: 40px;
}

.check_form[type="file"] {
    color: var(--primary-color);
    padding: 4px;
}

.check_form:focus {
    border-color: #005885;
}

/*================================*/
/*======================= Contact Page =========================*/
/*================================*/
.contact_banner {
    height: 280px;
    display: grid;
    place-content: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.banner_contact_title {
    text-align: center;
    color: var(--primary-color);
    font-size: 54px;
    line-height: 62px;
    font-weight: 300;
    text-transform: uppercase;
    position: relative;
}

.banner_contact_title::after {
    content: "";
    position: absolute;
    height: 5px;
    width: 40px;
    background-color: var(--primary-color);
    bottom: -15%;
    left: 6px;
}

/*----Contact left content-----*/
.contact_left_content {
    width: 100%;
}

.contact_left_title {
    font-size: 22px;
    color: var(--heading-);
    line-height: 33px;
    margin-bottom: 10px;
    font-weight: 300;
}

.contact_left_text {
    font-size: 16px;
    color: var(--navColor);
    line-height: 26px;
    font-weight: 300;
    margin-bottom: 10px;
}

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

.contact_anything_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 40px 0px;
}

.contact_call {
    width: 50%;
    padding-right: 10px;
}

.contact_call_title {
    font-size: 40px;
    font-weight: 500;
    color: var(--heading-);
    line-height: 47px;
    margin-bottom: 10px;
}

.contact_call_number {
    font-size: 22px;
    color: var(--primary-color);
    font-weight: 500;
}

.contact_chat {
    padding-left: 20px;
    border-left: 1px solid var(--bgColor);
}

.contact_chat_button {
    padding: 10px 15px;
    background: var(--primary-color);
    color: var(--primary-color);
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

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

.contact_chat_button span {
    font-size: 14px;
    font-weight: 600;
}

.contact_chat_button span i {
    font-size: 20px;
    display: flex;
}

.contact_global {
}

.contact_global_title {
    font-size: 34px;
    line-height: 42px;
    color: var(--heading-);
    font-weight: 200;
    margin-bottom: 20px;
}

.gloabal_content_address {
    font-size: 16px;
    line-height: 22px;
    color: var(--navColor);
    font-weight: 300;
    margin-bottom: 15px;
}

.global_contact_phone {
    margin-bottom: 50px;
}

.global_contact_phone_item:not(:last-child) {
    margin-bottom: 5px;
}

.global_contact_phone span {
    font-size: 16px;
    color: var(--navColor);
    font-weight: 600;
    line-height: 22px;
}

.global_contact_phone a {
    font-size: 16px;
    color: var(--primary-color);
    font-weight: 300;
    line-height: 22px;
    margin-left: 10px;
}

/*================================*/
/*======================= Service single Page =========================*/
/*================================*/
.managed_service_title {
    padding: 0px 20%;
}

.managed_service_title h4 {
    font-size: 32px;
    font-weight: 400;
    margin: 10px 0px;
    text-align: center;
    opacity: 9.2;
}

.managed_service_title p {
    font-size: 16px;
    text-align: center;
}

.managed_service_title button {
    font-size: 16px;
    text-align: center;
    outline: none;
    border-radius: 20px;
    padding: 5px 10px;
    background: #fff;
    border: 1px solid silver;
}

.managed_service_item h5 {
    font-size: 28px;
    font-weight: 400;
    margin: 10px 0px;
    margin-bottom: 20px;
}

.managed_service_item {
}

.serviceTopLine {
    border-top: 2px solid #582873;
}

.area_expertise ul li a {
    line-height: 40px;
    color: var(--third-color);
}

.area_expertise ul li a:hover {
    line-height: 40px;
    color: #70032b;
}

/*================================*/
/*======================= Service Common Page =========================*/
/*================================*/
.radius_text_button {
    background-color: #222;
    color: var(--white);
    font-size: 14px;
    padding: 5px 15px;
    border-radius: 20px;
}

.service_common_content h5 {
    font-size: var(--section-title-font-size);
    opacity: 0.9;
    font-style: normal;
    font-weight: 500;
    color: #222;
}

.service_common_content p {
    line-height: 1.3;
    text-align: justify;
}

.service_common_content h6 {
    font-size: 18px;
    opacity: 0.9;
    font-style: normal;
    font-weight: 500;
    color: #222;
}

.service_common_content_block a {
    color: #222;
}

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

.service_common_content_block a:hover span {
    color: #77052f;
}

.service_common_content_block a span {
    color: var(--third-color);
}

.service_common_content_block a h6 {
    font-size: 20px;
    opacity: 0.9;
    font-style: normal;
    font-weight: 500;
    color: #222;
}

/*================================*/
/*======================= Solution Common Page =========================*/
/*================================*/
.inFream {
    /* background-image: url(../images/single-page/banner/hero-after.png);
    */
    background-repeat: no-repeat;
    background-position: top right;
    background-size: auto;
    min-height: 475px;
    overflow: hidden;
}

.solution_common_header h1 {
    font-size: 48px;
    font-weight: 100;
    padding: 0px 35%;
}

.topLine {
    border-top: 6px solid var(--third-color);
}

.bottomLine {
    padding-bottom: 5px;
    border-bottom: 6px solid var(--third-color);
}

/*Cart Effect*/
.solution_card_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.solution_card {
    position: relative;
    width: 1100px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-warp: warp;
    padding: 30px;
    height: 450px;
}

.card_item {
    position: relative;
    max-width: 300px;
    height: 215px;
    background-color: var(--white);
    margin: 30px 10px;
    padding: 20px 15px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
    transition: 0.3s ease-in-out;
    border-radius: 15px;
}

.card_item:hover {
    height: 350px;
}

.card_item .card_item_image {
    position: relative;
    width: 260px;
    height: 260px;
    top: -40%;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.card_item .card_item_image img {
    max-width: 100%;
    border-radius: 15px;
}

.card_item .solution_cart_content {
    position: relative;
    top: -140px;
    padding: 10px 15px;
    color: #111;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s ease-in-out;
}

.card_item:hover .solution_cart_content {
    margin-top: 30px;
    visibility: visible;
    opacity: 1;
    transition-delay: 0.2s;
}

.solution_cart_content p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

/*================================*/
/*======================= Industry single Page =========================*/
/*================================*/
.industry_single_help_list {
    padding-left: 60px;
}

.industry_single_help_list h5 {
    font-size: 24px;
    font-weight: 500;
    padding-top: 20px;
}

.industry_single_help_list ul {
    margin: 0;
    padding: 0;
    margin-top: 20px;
}

.industry_single_help_list ul li {
    list-style-type: none;
    margin-bottom: 20px;
}

/*- Background Color--*/
.integrated_security {
    padding: 20px 0px;
    background: linear-gradient(
        to right,
        var(--third-color) 0%,
        var(--third-color) var(--third-color) 51%,
        #582873 100%
    );
}

/*================================*/
/*======================= Industry Common Page =========================*/
/*================================*/
/* industry page */
.industry_solution_item_content {
    border: 1px solid #e3e3e3;
    background-color: var(--white);
    padding: 20px;
    margin-top: 60px;
}

.industy_solution_item_image {
    background-color: white;
    margin-top: -60px;
    width: 80px;
}

.industy_solution_item_image img {
    width: 100%;
    display: block;
}

.industy_solution_item_name p {
    color: #5f5753;
    font-size: 22px;
    line-height: 30px;
    margin-top: 4px;
    margin-bottom: 6px;
    font-weight: 500;
}

.industy_solution_item_text p {
    font-size: 18px;
    line-height: 24px;
    color: var(--navColor);
    font-weight: 300;
}

.industry_solution_item_button {
    padding: 17px;
    padding-right: 0px;
    display: block;
    background-color: var(--primary-color);
    color: var(--primary-color);
    transition: all linear 0.3s;
}

.industry_solution_item_button:hover {
    color: var(--primary-color);
    background-color: var(--topHover);
}

/* industry page end */
/*================================*/
/*======================= Hardware Single Page =========================*/
/*================================*/
.product_veiw_details_item {
    text-align: center;
}

.product_veiw_details_item_image img {
    max-width: 100%;
    display: block;
    margin: 0px auto;
}

.product_veiw_details_item_content p {
    font-size: 21px;
    color: var(--heading-);
    font-weight: 300;
}

/**/
.industry_section_item {
    border-style: solid;
    border-width: thin;
    border-color: #d4d0ca;
    padding: 20px;
    margin-bottom: 40px;
    background-color: var(--white);
}

.industry_section_item_thumbnail {
    margin-bottom: 10px;
}

.industry_section_item_thumbnail img {
    max-width: 100%;
    display: block;
    margin: 0px auto;
}

/*================================*/
/*======================= Softwer Single Page =========================*/
/*================================*/
/*Benefits of Software*/
.software_chose_item {
    background-color: var(--primary-color);
    padding: 15px;
    border: 1px solid #d4d0ca;
    box-shadow: 0px 0px 10px #00000008;
    border-top: 10px solid #582873;
    cursor: context-menu;
}

.software_chose_item_title {
    color: var(--subColor);
    font-size: 24px;
    font-weight: 300;
    line-height: 32px;
    padding-bottom: 10px;
    margin: 4px 0px;
    text-align: center;
}

.software_chose_item_text {
    font-size: 18px;
    line-height: 24px;
    color: var(--navColor);
    margin-bottom: 30px;
    text-align: center;
    font-weight: 300;
}

/*Call_to Action*/
.call_to_action {
    padding: 50px 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-attachment: fixed;
    */
}

.call_to_action_text h4 {
    font-size: 40px;
    margin-bottom: 25px;
    font-weight: 400;
    color: white;
    text-align: center;
}

.call_to_action_text p {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px;
    font-weight: 300;
    text-align: center;
    color: white;
}

/*================================*/
/*======================= Softwer All Page =========================*/
/*================================*/
.softwer_common_header {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 0px;
}

/*---- Nasted -Tab Content-----*/
.nasted_tabbar_title h5 {
    color: #504641;
    font-family: var(--primary-font);
    opacity: 0.9;
    font-size: var(--section-title-font-size);
    font-weight: 500;
    text-align: center;
}

.nasted_tabbar_title p {
    color: var(--navColor);
    text-align: center;
    margin-bottom: 0px;
    font-size: var(--paragraph-font-size);
    line-height: 30px;
    font-weight: 400;
}

/*----Tab Content-----*/
.tab-content {
    background: white;
    line-height: 25px;
    padding: 20px 25px;
}

.tab-content .active,
.collapsible:focus {
    border: none;
}

.data_tabs_content .active,
.collapsible:focus {
    border: none;
}

.clint_tab_btn_content ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.clint_tab_btn_content ul li a {
    background-color: var(--primary-color);
    border: 1px solid var(--subColor);
    padding: 5px 20px 5px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 400;
    color: var(--primary-color);
    text-transform: uppercase;
    display: block;
    cursor: pointer;
}

.clint_tab_btn_content ul li a.nav-link.active {
    color: var(--primary-color);
    background-color: var(--topHover);
}

.clint_tab_area_thumbnail_image {
    margin-bottom: 40px;
}

.clint_tab_area_thumbnail_image img {
    width: 100%;
    display: block;
    object-fit: cover;
    border-radius: 30px;
}

.clint_tab_area_thumbnail_caption {
    margin-left: 0px;
    width: 100%;
    position: relative;
}

.clint_tab_area_thumbnail_caption::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 25px;
    background: #582873;
    left: 0px;
    top: -10px;
}

.clint_tab_area_thumbnail_caption p {
    font-size: 22px;
    color: var(--heading-);
    font-weight: 300;
}

.clint_tab_content_title {
    font-size: 2rem;
    line-height: 1.16667;
    color: var(--heading-);
    font-weight: 200;
    margin-bottom: 10px;
}

.clint_tab_content_text_area {
    margin-bottom: 24px;
}

.clint_tab_content_text_title {
    font-size: 22px;
    color: var(--heading-);
    font-weight: 300;
    margin-bottom: 10px;
}

.clint_tab_content_text_paragraph {
    font-size: 16px;
    font-weight: 200;
    color: var(--navColor);
}

.clint_tab_content_text_area_list,
.clint_tab_content_text_area_list_marker {
    margin-bottom: 25px;
}

.clint_tab_content_text_area_list ul,
.clint_tab_content_text_area_list_marker ul {
    padding-left: 25px;
}

.clint_tab_content_text_area_list ul li,
.clint_tab_content_text_area_list_marker ul li {
    color: var(--navColor);
    line-height: 24px;
    font-weight: 300;
    margin-bottom: 5px;
    position: relative;
}

.clint_tab_content_text_area_list_marker ul li::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 6px 0 0 -22px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background-color: var(--heading-);
}

.clint_tab_content_text_area_list ul li::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 12px;
    border: solid #9f177a;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    display: block;
    margin: 6px 0 0 -22px;
    top: 0px;
    left: 0px;
}

/*---Softwer Show-----*/
/*-----Clint help-----*/
.clint_help_section {
    padding: 40px 5%;
}

.clint_help_item {
    box-shadow: 0px 3px 4px 0px #e6e6e5;
    transition: all linear 0.3s;
}

.clint_help_item:hover {
    transform: translateY(-10px);
    box-shadow: 0 22px 43px rgb(0 0 0 / 15%);
}

.clint_help_item_thumbnail img {
    width: 100%;
    display: block;
    object-fit: cover;
    border-radius: 10px 10px 0px 0px;
}

.clint_help_item_content {
    padding: 25px 40px 30px;
}

.clint_help_item_title {
    font-size: 26px;
    color: var(--heading-);
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 20px;
}

.clint_help_item_text {
    font-size: 16px;
    font-weight: 300;
    color: var(--navColor);
    margin-bottom: 20px;
}

.clint_help_button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 40px;
    background-color: var(--primary-color);
    color: var(--white);
    font-weight: 400;
    font-size: 16px;
    font-weight: 500;
    border-radius: 0px 0px 10px 10px;
    transition: all linear 0.3s;
}

.clint_help_button:hover {
    background-color: var(--topHover);
    color: var(--primary-color);
}

/*---globa call section----*/
.global_call_section {
    position: relative;
    z-index: 1;
}

.global_call_section::after {
    content: "";
    position: absolute;
    height: 250px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-attachment: fixed;
    */
    width: 100%;
    background-color: #cbc4c3;
    top: 25%;
    left: 0px;
    z-index: -1;
}

/*--We serve--*/
.we_serve_wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.we_serve_content {
    width: 66%;
}

.we_serve_title p {
    font-size: 18px;
    color: var(--heading-);
    font-weight: 300;
    position: relative;
}

/* .we_serve_title p::after {
    content: "";
    position: absolute;
    height: 2px;
    background-color: var(--primary-color);
    width: 25px;
    top: -5px;
    left: 0px;
} */

.we_serve_itemWrapper {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.we_serve_item {
    padding: 10px 20px 10px;
    display: block;
    height: 150px;
    text-align: center;
}

.we_serve_item_image {
    height: 60px;
    width: 60px;
    margin: 0px auto 6px;
}

.we_serve_item_image img {
    max-width: 100%;
    height: 60px;
    width: 70px;
}

.we_serve_sidebar {
    width: 25%;
}

.we_serve_item_text {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    margin-top: 1.5rem;
    color: var(--third-color);
}

.we_serve_sidebar_list {
    margin-top: 20px;
}

.we_serve_sidebar_list ul {
    padding: 0;
    padding-left: 15px;
}

.we_serve_sidebar_list ul li {
    margin-bottom: 20px;
    background-color: #2f2b27;
    padding-top: 5px;
    list-style-type: none;
}

.we_serve_sidebar_list ul li:hover {
    background: url(../images/serveicon/hover.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
}

.we_serve_sidebar_list ul li a {
    font-size: 20px;
    line-height: 30px;
    display: block;
    font-weight: 300;
    color: var(--primary-color);
    padding: 15px;
}

/*=============================*/
/*==================== Home Page ======================*/
/*=============================*/
/*------- Header Image-------*/
.success-area {
    box-shadow: var(--custom-shadow);
    padding: 30px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
    border: solid 1px #eee;
}

.success-area-content {
    padding: 30px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 40px;
    height: 18.5rem;
    text-align: justify;
}

.success-area-content:hover {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    transition: all 0.3s;
}

/* .success-area-content-first {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.success-area-content-first:hover {
    box-shadow: none;
} */

.success-divider-1 {
    height: 5px;

    background-color: #9f177a;
    border-radius: 60px;
    width: 25%;
}

.success-divider-2 {
    height: 5px;

    background-color: #582873;
    border-radius: 60px;
    width: 25%;
}

.success-divider-3 {
    height: 5px;

    background-color: var(--primary-color);
    border-radius: 60px;
    width: 25%;
}

.success-divider-title-1 {
    color: #9f177a;
}

.success-divider-title-2 {
    color: #582873;
}

.success-divider-title-3 {
    color: var(--third-color);
}

.banner_section {
    margin-bottom: -135px;
}

.slider_inage img {
    background-size: contain;
    object-fit: cover;
    width: 100%;
    height: 67vh;
    overflow-x: hidden;
}

/*----------Cart Top----------------*/
.home_card_item {
    max-width: 490px;
    width: 100%;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
    background-color: #f7f6f5;
    padding: 20px 0px 35px;
    margin-bottom: 20px;
}

.home_card_item_title {
    font-family: var(--primary-font);
    font-size: 30px;
    font-weight: 300;
    color: var(--heading-);
    text-align: center;
    line-height: 38px;
    margin-bottom: 24px;
}

/*----- Bussinees Section------*/
.home_title_heading-about {
    font-family: var(--primary-font);
    font-size: var(--content-title-font-size);
    color: var(--heading-);
    font-weight: 500;
    margin: 10px 0px;
    text-align: start;
}

.home_title_heading {
    font-family: var(--primary-font);
    font-size: var(--content-title-font-size);
    color: var(--heading-);
    font-weight: 500;
    margin: 10px 0px;
    text-align: center;
}

.home_title_heading span {
    position: relative;
}

.home_title_heading span::after {
    content: "";
    position: absolute;
    height: 5px;
    width: 20px;
    background: #9f177a;
    top: -5px;
    left: 0px;
}

.spacer {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}

.home_title_text-about {
    color: var(--heading-color);
    text-align: start;
    font-size: var(--paragraph-font-size);
}

.home_title_text {
    color: var(--heading-color);
    text-align: center;
    font-size: var(--paragraph-font-size);
}

.home_title_text p {
    text-align: start;
}

.business_seftion_button {
    margin: 10px 0px;
}

.business_seftion_button a {
    display: inline-block;
    padding: 18px 36px;
    color: var(--white);
    border: 1px solid var(--border-color);
    font-size: var(--paragraph-font-size);
    font-weight: 500;
    background: var(--primary-color);
    transition: all 0.3s linear;
}

.business_seftion_button a:hover {
    color: var(--primary-color);
    background-color: var(--white);
}

/*------Learn clint history (Style.css)------*/
.learn_clint_history_btn {
    text-align: center;
    margin-top: 24px;
}

.learn_clint_history_btn a {
    display: inline-block;
    color: var(--primary-color);
    font-size: 18px;
    position: relative;
}

.learn_clint_history_btn a::after {
    content: "";
    position: absolute;
    z-index: 1;
    right: 0;
    width: 0;
    bottom: -5px;
    background: var(--third-color);
    height: 3px;
    transition: 0.4s ease-out;
}

.learn_clint_history_btn a:hover::after {
    left: 0;
    width: 100%;
}

/*------Shop Product section------*/
.shop_product_brand_list {
    padding-left: 20%;
    margin-top: 20px;
}

.shop_product_brand_list li {
    margin-bottom: 0px;
    border-left: 2px solid #cbc4c3;
    padding-left: 20px;
    list-style-type: none;
}

.shop_product_brand_list li a {
    font-family: var(--primary-font);
    color: var(--primary-color);
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
}

.shop_product_brand_list li a:hover {
    transition: 0.5s;
    text-align: center;
    transition: 0.5s ease-in-out;
    color: var(--white);
    /* background: url(../images/glossary-hero.jpg) no-repeat;
    */
}

/*------our success section------*/
.our_success_wrapper {
    margin-bottom: 50px;
}

.our_success_item_title {
    position: relative;
    background: var(--primary-color);
    text-align: center;
    min-height: 48px;
    display: grid;
    place-content: center;
    font-size: 22px;
    color: var(--primary-color);
}

.our_success_item_title2 {
    background-color: #9f177a;
}

.our_success_item_title3 {
    background-color: #582873;
}

.our_success_item_title2::after {
    border-top: solid 15px #9f177a;
}

.our_success_item_title3::after {
    border-top: solid 15px #582873;
}

.our_success_item_title2::after,
.our_success_item_title3::after,
.our_success_item_title::after {
    content: "";
    position: absolute;
    left: 50%;
    border: solid transparent;
    height: 0;
    width: 0;
    border-top: solid 15px var(--third-color);
    border-left: solid 30px transparent;
    border-right: solid 30px transparent;
    top: 100%;
    margin-left: -30px;
}

.our_success_item_body {
    font-family: var(--primary-font);
    font-size: 16px;
    color: var(--navColor);
    line-height: 22px;
    font-weight: 300;
    background: var(--bgColor);
    border: 1px solid #d4d0ca;
    margin-top: -2px;
    min-height: 175px;
    text-align: center;
    padding: 20px 20px 10px 20px;
}

/* Private Sector Design */
/*=======================
/*======================= footer section =========================*/
/*============ Start ==============*/
.newsletter-btns {
    width: 100%;
    line-height: 36px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: var(--third-color);
    color: white;
    border: 0px;
    padding: 0.9px;
}

.footer_top {
    background: linear-gradient(
        45deg,
        var(--secondary-color),
        var(--primary-color)
    );
    height: 54px;
    padding: 15px 0px;
    /* Adjust the padding value as needed */
    border-top: 1px solid var(--primary-color);
    border-bottom: 1px solid var(--primary-color);
}

.social_areas {
    background: linear-gradient(
        45deg,
        var(--primary-color),
        var(--secondary-color)
    );
}
.footer_top p {
    font-family: var(--primary-font);
    text-align: center;
    font-size: var(--header-font-size);
    color: var(--white);
    line-height: 1;
}

/*------------------------*/
.footer_text {
    font-family: var(--primary-font);
    color: var(--white);
    padding-right: 5px;
    /* text-align: justify; */
    font-size: 1rem;
    width: 75%;
    line-height: 1.6;
}

.footer_link_text {
    font-family: var(--primary-font);
    color: var(--white);
    padding-right: 5%;
    text-align: justify;
    font-size: 1rem;
    padding-top: 10px;
}

.footer_bottom_text {
    font-family: var(--primary-font);
    display: flex;
    color: white;
    justify-content: end;
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
}

/*------------------------*/
.footer_middle_wrapper {
    font-family: var(--primary-font);
    margin: 0px;
    /* background-color: var(--primary-color); */
}

.footer_item_wrapper {
    padding: 20px;
}

.footer_item_wrapper h6 {
    font-family: var(--primary-font);
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 12px;
    color: var(--white);
}

.footer_item_logo {
    margin-top: 40px;
}

.footer_item_logo h6 a {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 12px;
    color: var(--white);
}

.footer_item_logo h6 a:hover {
    color: var(--light);
}

.footer_item_logo img {
    width: 100px;
}

.footer_nav_list ul li {
    list-style-type: none;
}

.footer_nav_list ul li a {
    color: var(--white);
}

.footer_nav_list ul li a:hover {
    color: hsla(30, 11%, 96%, 0.7);
}

.social_icon_wrapper {
    background-color: #222222;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
}

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

.footer_social_icon ul li {
    list-style-type: none;
    margin: 20px 20px;
}

.footer_social_icon ul li a i {
    color: var(--white);
    font-size: 18px;
    transition: 0.4s;
}

.footer_social_icon ul li a i:hover {
    color: var(--dark-crimson);
}

/*-------------------------*/
.footer_bottom {
    padding: 10px 20px;
    background-color: #222222;
}

.footer_bottom_wrapper {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    color: var(--white);
}

.footer_copy {
    width: 120px;
}

.footer_bottom_list ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 5px;
    padding: 0px;
    margin: 0px;
}

.footer_bottom_list ul li {
    list-style-type: none;
}

.footer_bottom_list ul li a {
    font-size: 14px;
    display: inline-block;
    text-align: center;
    color: var(--white);
}

.footer_bottom_list ul li a:hover {
    color: hsla(30, 11%, 96%, 0.7);
}

/*Modal-coocies setting*/
.footer_bottom_list ul li label {
    font-size: 14px;
    padding: 0px;
    margin: 0px;
    color: var(--white);
}

.footer_bottom_list ul li label:hover {
    color: hsla(30, 11%, 96%, 0.7);
}

/* New Area */
.wrap {
    display: flex;
    background: white;
    padding: 1rem 1rem 1rem 1rem;
    border-radius: 0.5rem;
    box-shadow: 7px 7px 30px -5px rgba(0, 0, 0, 0.1);
    margin-bottom: 2rem;
}

.wrap:hover {
    transition: 0.5s ease-in-out;
    background: linear-gradient(
        135deg,
        var(--third-color) 0%,
        var(--third-color) 100%
    );
    color: white;
}

.ico-wrap {
    margin: auto;
}

.mbr-iconfont {
    font-size: 4.5rem;
    color: black;
    margin: 1rem;
    padding-right: 1rem;
}

.vcenter {
    margin: auto;
}

.mbr-section-title3 {
    text-align: left;
}

.mbr-bold {
    font-weight: 700;
}

/* ====================== footer section End ====================== */
/* All Software start */
.custom-product-grid {
    text-align: center;
    border: 1px solid #eee;
    min-height: 26rem;
}

.custom-product-grid .custom-product-image {
    overflow: hidden;
    position: relative;
}

.custom-product-grid .custom-product-image a.image {
    display: block;
}

.custom-product-grid .custom-product-image img {
    width: 280px;
    height: 210px;
    background-size: cover;
    margin: auto;
    margin-top: 10px;
}

.custom-product-grid .product-sale-label {
    color: var(--white);
    background: #ff6c6c;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 4px 6px;
    border-radius: 3px;
    position: absolute;
    top: 7px;
    right: 7px;
}

.custom-product-grid .custom-product-links {
    background: var(--third-color);
    width: 110px;
    padding: 10px 0;
    margin: 0;
    box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.08);
    border-radius: 3px;
    list-style: none;
    opacity: 0;
    transform: translateX(-50%);
    position: absolute;
    bottom: 0;
    left: 50%;
    transition: all 0.3s ease 0s;
    display: none !important;
}

.custom-product-grid:hover .custom-product-links {
    opacity: 1;
    bottom: 10px;
}

.custom-product-grid .custom-product-links li {
    padding: 0 13px;
    display: inline-block;
}

.custom-product-grid .custom-product-links li:last-child {
    border-right: none;
}

.custom-product-grid .custom-product-links li a {
    color: #333;
    font-size: 15px;
    display: block;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease 0s;
}

.custom-product-grid .custom-product-links li a:hover {
    color: #1c6758;
}

.custom-product-grid .custom-product-content {
    background: #fff;
    padding: 15px;
}

.custom-product-grid .custom-title {
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0 0 7px;
    height: 2rem;
    line-height: 1.3;
}

.custom-product-grid .custom-title a {
    color: #333;
    transition: all 0.3s ease 0s;
}

.custom-product-grid .custom-title a:hover {
    color: #1c6758;
}

.custom-product-grid .price {
    color: #333;
    font-size: 17px;
    font-weight: 700;
}

.custom-product-grid .price span {
    color: #aaa;
    font-size: 16px;
    font-weight: 400;
    text-decoration: line-through;
}

.datatable-header {
    display: none;
}

.dataTables_info {
    display: none;
}

thead {
    display: none;
}

.card .card-header .nav-tabs {
    padding: 0;
}

.nav-tabs {
    border: 0;
    border-radius: 3px;
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-tabs .nav-item {
    margin-bottom: -1px;
}

.nav-pills-custom .nav-link::before {
    display: none;
}

.nav-link {
    display: block;
}

.nav-tabs .nav-item .material-icons {
    margin: -1px 5px 0 0;
    vertical-align: middle;
}

.nav .nav-item {
    position: relative;
}

/* New Product Design Start*/
/* New Product Design End*/
/* Slick Slider Css Ruls */
.slick-slider {
    position: relative;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: "";
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.img-fill {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.img-fill img {
    height: 100%;
    min-width: 100%;
    position: relative;
    display: inline-block;
    max-width: none;
}

/* Slider Theme Style */
.Container {
    padding: 0 15px;
}

.Container:after,
.Container .Head:after {
    content: "";
    display: block;
    clear: both;
}

.Container .Head {
    font-size: var(--section-title-font-size);
    color: var(--primary-color);
    height: 52px;
    overflow: hidden;
    /* Fix typo: change over-flow to overflow */
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    font-family: var(--primary-font);
    /* Add font-family */
}

.Container .Head .Arrows {
    float: right;
}

.Container .Head .Slick-Next,
.Container .Head .Slick-Prev {
    display: inline-block;
    width: 38px;
    height: 38px;
    margin-top: 6px;
    background: #2b2b2b;
    color: var(--white);
    margin-left: 5px;
    cursor: pointer;
    font: 18px/36px FontAwesome;
    text-align: center;
    transition: all 0.5s;
}

.Container .Head .Slick-Next:hover,
.Container .Head .Slick-Prev:hover {
    background: var(--primary-color);
    /* Use primary color variable */
}

.Container .Head .Slick-Next:before {
    content: "\f105";
}

.Container .Head .Slick-Prev:before {
    content: "\f104";
}

.SlickCarousel {
    margin: 0 -7.5px;
    margin-top: 10px;
}

.ProductBlock {
    padding: 0 7.5px;
}

.ProductBlock .img-fill {
    height: 200px;
}

.ProductBlock h3 {
    font-size: 16px;
    font-family: var(--primary-font);
    color: #393939;
    margin-top: 5px;
    text-align: center;
}

/* All Software end */
/* Kuka Page Design Start */
.brand_prduct {
    padding-left: 20px;
    padding-bottom: 30px;
}

.custom-col-5 {
    width: 20%;
    flex: 0 0 auto;
}

.slick-slider .element {
    height: 480px;
    background-color: #000;
    color: var(--white);
    border-radius: 5px;
    display: inline-block;
    margin: 0px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
}

.slick-slider .slick-disabled {
    opacity: 0;
    pointer-events: none;
}

.row-title {
    color: #555;
    font-size: 32px;
}

.para_text {
    text-align: justify;
}

/* For NEw */
.eyebrow {
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0.44px;
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(4%, #4e4fa9),
        to(#a831d6)
    );
    background-image: -webkit-linear-gradient(left, #4e4fa9 4%, #a831d6 100%);
    background-image: -o-linear-gradient(left, #4e4fa9 4%, #a831d6 100%);
    background-image: linear-gradient(to right, #4e4fa9 4%, #a831d6 100%);
    position: relative;
    text-transform: uppercase;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    margin-bottom: 0.6rem;
    padding-bottom: 5px;
}

.text-justify-align {
    text-align: justify;
}

/* Kuka Page Design End */

/* Learn More Page Design */
.outcome_smail_bussiness_title h2 {
    font-family: var(--primary-font);
    font-size: var(--section-title-font-size);
}

.story-title {
    font-size: var(--content-title-font-size);
}

.what-we-description {
    width: 75%;
    margin: auto;
    padding-bottom: 3rem;
}

.word {
    position: absolute;
    opacity: 0;
    font-size: 38px;
}

.letter {
    display: inline-block;
    position: relative;
    transform: translateZ(25px);
    transform-origin: 50% 50% 25px;
    font-weight: 400;
}

.letter.out {
    transform: rotateX(90deg);
    transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    font-weight: 400;
}

.letter.behind {
    transform: rotateX(-90deg);
    font-weight: 400;
}

.letter.in {
    transform: rotateX(0deg);
    transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    font-weight: 400;
}

.wisteria {
    color: var(--third-color);
}

.belize {
    color: var(--third-color);
}

.pomegranate {
    color: var(--third-color);
}

.green {
    color: var(--third-color);
}

.midnight {
    color: var(--third-color);
}

.normal_text {
    font-size: 60px;
    line-height: 72px;
    vertical-align: baseline;
    letter-spacing: normal;
    font-weight: 300;
}

.animated_text {
    font-size: 60px;
    line-height: 72px;
    vertical-align: baseline;
    letter-spacing: normal;
    font-weight: 400;
}

/* Extra Section */
.ag-format-container {
    width: 100%;
    margin: auto;
}

.ag-offer-block {
    padding: 35px 0 20px;
}

.ag-offer_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.ag-offer_item {
    width: 100%;
    height: 100px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.ag-offer_item:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) {
    border-top: 1px solid var(--third-color);
}

.ag-offer_item:not(:nth-child(3n)) {
    border-right: 1px solid var(--third-color);
}

.ag-offer_item:nth-child(1) .ag-offer_hidden-item {
    background-color: var(--primary-color);
}

.ag-offer_item:nth-child(2) .ag-offer_hidden-item {
    background-color: var(--primary-color);
}

.ag-offer_item:nth-child(3) .ag-offer_hidden-item {
    background-color: var(--primary-color);
}

.ag-offer_item:nth-child(4) .ag-offer_hidden-item {
    background-color: var(--primary-color);
}

.ag-offer_item:nth-child(5) .ag-offer_hidden-item {
    background-color: var(--primary-color);
}

.ag-offer_item:nth-child(6) .ag-offer_hidden-item {
    background-color: var(--primary-color);
}

.ag-offer_item:hover .ag-offer_visible-item {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.ag-offer_visible-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: 0px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 0.4s 0.3s;
    -moz-transition: 0.4s 0.3s;
    -o-transition: 0.4s 0.3s;
    transition: 0.4s 0.3s;
}

.ag-offer_img {
    height: auto !important;
    margin: 0 15px 0 0;
}

.ag-offer_title {
    font-size: 22px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ag-offer_hidden-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: rotate(180deg) scale(0);
    -moz-transform: rotate(180deg) scale(0);
    -ms-transform: rotate(180deg) scale(0);
    -o-transform: rotate(180deg) scale(0);
    transform: rotate(180deg) scale(0);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.ag-offer_item:hover .ag-offer_hidden-item {
    opacity: 1;
    -webkit-transform: rotate(0deg) scale(1);
    -moz-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    -o-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.ag-offer_text {
    max-width: 100%;
    opacity: 0;
    font-size: 14px;
    color: #fff;
    -webkit-transition: 0.3s 0.5s;
    -moz-transition: 0.3s 0.5s;
    -o-transition: 0.3s 0.5s;
    transition: 0.3s 0.5s;
}

.ag-offer_item:hover .ag-offer_text {
    opacity: 1;
}

.ag-offer_btn {
    display: block;
    padding: 10px 20px;
    border: 2px solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    white-space: nowrap;
    font-size: 25px;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.ag-offer_btn:hover {
    border: 2px solid #0000d1;
    background-color: #fff;
    text-decoration: none;
    color: #0000d1;
}

/* */
.box {
    text-align: center;
    overflow: hidden;
    position: relative;
}

.box:before,
.box:after {
    content: "";
    background: rgba(11, 11, 12, 0.85);
    width: 200%;
    height: 200%;
    opacity: 0.75;
    transform: skew(45deg) translateX(100%);
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    transition: all 0.6s ease;
}

.box:after {
    transform: skew(45deg) translateX(-100%);
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    z-index: 0;
}

.box:hover:before,
.box:hover:after {
    transform: skew(45deg) translateX(0);
}

.box img {
    width: 100%;
    height: auto;
    transition: all 0.35s;
}

.box:hover img {
    opacity: 0.5;
}

.box-content {
    color: var(--white);
    width: 85%;
    opacity: 0;
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transition: all 0.6s ease;
}

.box:hover .box-content {
    opacity: 1;
}

.box .title {
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    margin: 0 0 3px;
}

.box .post {
    font-size: 14px;
    font-weight: 200;
    letter-spacing: 1px;
    text-transform: capitalize;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    margin: 0 0 10px;
    display: block;
}

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

.box .icon li {
    margin: 0 3px;
    display: inline-block;
}

.box .icon li a {
    color: #ea2027;
    background: #fff;
    font-size: 16px;
    line-height: 34px;
    width: 34px;
    height: 34px;
    display: block;
    transition: all 0.35s;
}

.box .icon li a:hover {
    color: var(--white);
    background: #ea2027;
}

/* New Box Design */
.wedo-cards__container {
    max-width: 1200px;
    margin: 50px auto;
}

@media screen and (min-width: 992px) {
    .wedo-cards__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        gap: 15px;
    }
}

.wedo-cards__item {
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    -webkit-box-shadow: 0 13px 27px -5px hsla(240deg, 30%, 28%, 0.25),
        0 8px 16px -8px hsla(0deg, 0%, 0%, 0.3),
        0 -6px 16px -6px hsla(0deg, 0%, 0%, 0.03);
    box-shadow: 0 13px 27px -5px hsla(240deg, 30%, 28%, 0.25),
        0 8px 16px -8px hsla(0deg, 0%, 0%, 0.3),
        0 -6px 16px -6px hsla(0deg, 0%, 0%, 0.03);
    position: relative;
    top: 0;
    -webkit-transition: top 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    transition: top 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    margin-bottom: 20px;
    text-align: left;
}

@media screen and (min-width: 992px) {
    .wedo-cards__item {
        width: 100%;
        margin: 0;
        min-height: 430px;
    }

    .wedo-cards__item:hover,
    .wedo-cards__item:focus {
        top: -40px;
        -webkit-transition: top 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
        transition: top 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    }

    .wedo-cards__item:hover .wedo-cards__content,
    .wedo-cards__item:focus .wedo-cards__content {
        top: 0;
        height: 110%;
        padding: 10%;
        -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
        transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    }

    .wedo-cards__item:hover .wedo-cards__heading,
    .wedo-cards__item:focus .wedo-cards__heading {
        margin-bottom: 20px;
    }

    .wedo-cards__item:hover .wedo-cards__sub-heading,
    .wedo-cards__item:focus .wedo-cards__sub-heading {
        opacity: 1;
        height: auto;
        -webkit-transition: opacity 0.8s cubic-bezier(0.68, -0.55, 0.27, 1.55);
        transition: opacity 0.8s cubic-bezier(0.68, -0.55, 0.27, 1.55);
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s;
    }
}

.wedo-cards__content {
    padding: 20px;
    margin-top: 200px;
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        from(rgba(174, 10, 70, 0.8)),
        color-stop(rgba(168, 11, 110, 0.8)),
        to(rgba(88, 40, 115, 0.8))
    );
    background-image: linear-gradient(
        90deg,
        rgba(174, 10, 70, 0.8),
        rgba(168, 11, 110, 0.8),
        rgba(88, 40, 115, 0.8)
    );
}

@media screen and (min-width: 992px) {
    .wedo-cards__content {
        padding: 3% 10%;
        text-align: center;
        margin: 0;
        position: absolute;
        width: 100%;
        top: 70%;
        -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
        transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    }
}

.wedo-cards__heading,
.wedo-cards__sub-heading {
    color: var(--white);
    line-height: 1.5em;
    margin: 0;
}

.wedo-cards__heading {
    font-size: var(--content-title-font-size);
    margin: 0;
}

.wedo-cards__sub-heading {
    font-size: var(--paragraph-font-size);
}

.wedo-cards__cta {
    background-color: var(--white);
    padding: 19px 35px 18px;
    -webkit-appearance: none;
    display: inline-block;
    margin-top: 10px;
    color: var(--third-color);
    border: 2px solid #5f5753;
    font-size: 14px;
    font-weight: 400;
}

@media screen and (min-width: 992px) {
    .wedo-cards__cta {
        margin-top: 10%;
    }
}

.wedo-cards__cta:hover,
.wedo-cards__cta:focus {
    background-color: #5f5753;
    color: var(--white);
}

@media only screen and (max-width: 990px) {
    .box {
        margin: 0 0 30px;
    }
}

/* */
@media only screen and (max-width: 767px) {
    .ag-format-container {
        width: 96%;
    }

    .ag-offer_item {
        width: 100%;
        margin: 0 0 30px;
        border: 0 none;
        border-bottom: 1px solid #c1c1c1;
    }

    .ag-offer_visible-item {
        padding: 0 20px 30px;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .ag-offer_item:hover .ag-offer_visible-item {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .ag-offer_hidden-item {
        padding: 0 20px 20px;
        opacity: 1;
        position: static;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .ag-offer_item:nth-child(1) .ag-offer_hidden-item,
    .ag-offer_item:nth-child(2) .ag-offer_hidden-item,
    .ag-offer_item:nth-child(3) .ag-offer_hidden-item,
    .ag-offer_item:nth-child(4) .ag-offer_hidden-item,
    .ag-offer_item:nth-child(5) .ag-offer_hidden-item,
    .ag-offer_item:nth-child(6) .ag-offer_hidden-item {
        background-color: transparent;
    }

    .ag-offer_item:hover .ag-offer_text {
        opacity: 1;
    }

    .ag-offer_title {
        font-weight: bold;
    }

    .ag-offer_text {
        opacity: 1;
        font-size: 18px;
        color: #000;
    }

    .ag-offer_btn {
        border: 2px solid #0000d1;
        background-color: #000080;
        position: static;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
}

@media only screen and (max-width: 639px) {
}

@media only screen and (max-width: 479px) {
}

@media (min-width: 768px) and (max-width: 979px) {
    .ag-format-container {
        width: 750px;
    }
}

@media (min-width: 980px) and (max-width: 1161px) {
    .ag-format-container {
        width: 960px;
    }
}

.tab-content {
    background: transparent;
    line-height: 25px;
    padding: 0px;
}

.extra_button_learn_more {
    color: var(--white);
    padding: 2px 20px 3px;
    display: inline-block;
    background: #a80b6e;
    border-radius: 20px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 400;
}

/* Brand Page Design */
/* Must be in this page */

.story-tab {
    border-top-right-radius: 60px;
    border-bottom-left-radius: 60px;
}

.nav-tabs .nav-item .nav-link {
    color: var(--white);
    border: 0;
    margin: 0;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    padding: 10px 15px;
    background-color: transparent;
    line-height: 24px;
    transition: background-color 0.3s 0s;
}

.nav-tabs .nav-link,
.nav-tabs .nav-item .nav-link {
    border: 1px solid var(--third-color);
    padding: 5px 20px 5px;
    border-radius: 60px;
    font-size: 11px;
    font-weight: 400;
    color: var(--primary-color);
    background: var(--white);
}

.tech-title {
    font-size: var(--section-title-font-size);
}

.nav-tabs .nav-item .nav-link.active {
    border: 1px solid var(--third-color);
    padding: 5px 20px 5px;
    border-radius: 60px;
    font-size: 11px;
    font-weight: 400;
    color: var(--white);
    background: var(--primary-color);
}

nav > .nav.nav-tabs {
    background: none;
}

nav > div a.nav-item.nav-link.active:after {
    content: none;
}

.letter_content_item .letter_content_title {
    font-weight: 600;
    padding-left: 14px;
}

/* Must be in this page */
/* tab */
.container .title {
    color: #3c4858;
    text-decoration: none;
    margin-top: 30px;
    margin-bottom: 25px;
    min-height: 32px;
}

.container .title h3 {
    font-size: 25px;
    font-weight: 300;
}

.card-nav-tabs .card-header {
    margin-top: -30px;
}

.card .card-header .nav-tabs {
    padding: 0;
}

.what-we-banner-card {
    font-family: var(--primary-font);
}

.what-we-do-banner-card {
    width: 50%;
    margin-left: 18px;
    margin-bottom: 20px;
}

.section-margin {
    margin-top: 5rem;
    margin-bottom: 5rem;
}

.what-link {
    text-transform: capitalize;
}

.nav-tabs {
    border: 0;
    border-radius: 3px;
    padding: 0 15px;
}

.nav {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
    list-style: none;
}

.nav-tabs .nav-item {
    margin: 2px;
}

.nav-link {
    display: block;
    font-weight: 500;
}

.nav-tabs .nav-item .material-icons {
    margin: -1px 5px 0 0;
    vertical-align: middle;
}

.nav .nav-item {
    position: relative;
}

.multi_tab_content ul li a {
    color: #000000;
    font-weight: 400;
}

/* Most Important */
.brand-images {
    display: inline;
    justify-content: center;
    align-items: center;
}

.image_box {
    display: flex;
    align-items: center;
    height: 155px;
    justify-content: center;
    padding: 20px;
}

.image_box_features {
    display: flex;
    align-items: center;
    height: 160px;
    justify-content: center;
    padding: 20px;
}

.brand-links a {
    color: var(--third-color);
}

.brand-links a:hover {
    color: #020202;
}

.brand_img_container {
    box-shadow: var(--custom-shadow);
}

.page_top_banner {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

.discover_tab_sub {
    height: 3.38rem;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #d7d6d6 !important;
}

/* For Category All */
.common_button3 {
    padding: 5px 22px;
    cursor: pointer;
    font-family: var(--primary-font);
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    display: inline-block;
    background-color: #fff;
    color: var(--third-color);
    transition: 0.3s;
    outline: none;
    border: none;
}

.word {
    position: absolute;
    opacity: 0;
    font-size: 38px;
}

.letter {
    display: inline-block;
    position: relative;
    float: left;
    transform: translateZ(25px);
    transform-origin: 50% 50% 25px;
    font-weight: 400 !important;
}

.letter.out {
    transform: rotateX(90deg);
    transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    font-weight: 400 !important;
}

.letter.behind {
    transform: rotateX(-90deg);
    font-weight: 400 !important;
}

.letter.in {
    transform: rotateX(0deg);
    transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    font-weight: 400 !important;
}

.wisteria {
    color: var(--third-color);
}

.belize {
    color: var(--third-color);
}

.pomegranate {
    color: var(--third-color);
}

.green {
    color: var(--third-color);
}

.midnight {
    color: var(--third-color);
}

.normal_text {
    font-size: 60px !important;
    line-height: 72px;
    vertical-align: baseline;
    letter-spacing: normal;
    font-weight: 300 !important;
}

.animated_text {
    font-size: 60px !important;
    line-height: 72px;
    vertical-align: baseline;
    letter-spacing: normal;
    font-weight: 400 !important;
}

/*  Brand Page*/
.serviceBox {
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: var(--custom-shadow);
    padding: 25px;
    height: 9rem;
}

/* Feature Details Start */
.global_call_section_content {
    max-width: 575px;
    background-color: var(--paragraph-color);
    padding: 75px;
    margin-left: -15px;
    margin-top: 1.3rem;
    height: 350px;
}

.app-contact {
    margin-top: auto;
    font-size: 8px;
    color: #888;
}

.service_common_content h3 {
    font-size: 36px;
    opacity: 0.9;
    font-weight: 500;
    font-style: normal;
    color: #222;
    margin: 30px 0px;
}

.insight-layout {
    background-color: #f7f6f5;
}

/* Client Dashboard */
.dashboard-container {
    margin-right: 110px;
}

.dashboard-container-2 {
    margin-right: 10px;
}

.cool-link {
    display: inline-block;
    color: #000;
    text-decoration: none;
    position: relative !important;
    /* Add position relative for absolute positioning of ::after */
}

.cool-link::after {
    content: "";
    display: block;
    width: 0;
    height: 3px;
    background: var(--third-color);
    transition: width 0.3s;
    position: absolute;
    bottom: -3px;
    /* Adjusted bottom to match your initial margin-top setting */
    left: 0;
}

.cool-link:hover::after {
    width: 100%;
}

/* Remove duplicated rules */
.cool-link:hover::after {
    margin-top: -3px;
}

.button-bottom-animation {
    display: inline-block;
    color: #000;
    text-decoration: none;
    position: relative;
    /* Add position relative for absolute positioning of ::after */
}

.button-bottom-animation::after {
    content: "";
    display: block;
    width: 0;
    height: 3px;
    /* Adjusted height to match your initial height setting */
    background: var(--third-color);
    transition: width 0.3s;
    position: absolute;
    bottom: -3px;
    left: 0;
}

.button-bottom-animation:hover::after {
    width: 100%;
}

/* Remove duplicated rules */
.button-bottom-animation:hover::after {
    margin-top: 0px;
    /* Adjusted margin-top to match your initial setting */
}

/* Industry Start */
.box {
    position: relative;
    width: 100%;
}

.our-services {
    margin-top: 75px;
    padding-bottom: 30px;
    padding: 0 15px;
    min-height: auto;
    text-align: center;
    border-radius: 10px;
    background-color: #fff;
    transition: all 0.4s ease-in-out;
    box-shadow: 0 0 25px 0 rgba(20, 27, 202, 0.17);
}

.our-services .icon {
    margin-bottom: -21px;
    transform: translateY(-50%);
    text-align: center;
}

.our-services:hover h4,
.our-services:hover p {
    color: #fff;
}

.settings {
    transition: all 0.5s;
}

.settings:hover {
    transition: all 0.5s;
    box-shadow: 0 0 25px 0 rgba(20, 27, 201, 0.05);
    cursor: pointer;
    background-image: linear-gradient(
        -45deg,
        var(--third-color) 0%,
        var(--third-color) 100%
    );
}

.icon img {
    background: white;
    border-radius: 50%;
}

ul {
    list-style-type: circle;
}

.common_button2 {
    padding: 15px 20px;
    cursor: pointer;
    font-family: var(--primary-font);
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    display: inline-block;
    background-color: var(--crimson);
    transition: 0.3s;
    outline: none;
    border: none;
    color: white;
}

nav > .nav.nav-tabs {
    border: none;
    color: var(--white);
    position: relative;
    top: 0px;
    margin: auto;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    border-bottom: 10px solid var(--third-color);
    position: relative;
    top: 0px;
}

nav > div a.nav-item.nav-link,
nav > div a.nav-item.nav-link.active {
    text-align: center;
    background: var(--third-color);
    color: var(--white);
    border-radius: 0;
    font-size: 17px;
    border: none;
    position: relative;
    padding: 10px 15px;
    top: 9px;
    width: 50px;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    background-color: var(--primary-color);
    border: 1px solid var(--third-color);
    padding: 2px 20px 4px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 400;
    color: var(--white);
    margin: 0;
    text-transform: uppercase;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-radius: 0;
    transition: background 0.2s linear;
}

.main_blogs {
    margin-top: -7rem !important;
}

.social_icons {
    background: var(--third-color);
    padding: 6px 0px;
    font-size: 20px;
    border-radius: 50%;
    color: white !important;
    height: 40px;
    width: 40px;
    transition: 0.5s all ease-in;
}

.social_icons:hover {
    background: #eee;
    padding: 6px 10px;
    font-size: 20px;
    border-radius: 50%;
    color: var(--third-color) !important;
    height: 40px;
    width: 40px;
    transition: 0.5s all ease-in;
}

.rc-anchor-center-container {
    display: table;
    height: 30px;
}

.rc-anchor-logo-portrait {
    margin: 0px;
}

.rc-anchor-normal .rc-anchor-pt {
    margin: 0px;
    padding-right: 2px;
    position: absolute;
    text-align: start;
    display: none;
}

.rc-anchor-normal {
    height: 50px;
    width: auto;
    padding: 10px;
}

.form-control[type="file"]:not(:disabled):not([readonly]) {
    cursor: pointer;
    font-size: 14px;
    color: gray;
}

.search-details {
    text-align: center;
    display: flex;
    justify-content: end;
    color: #0d6efd;
    font-weight: 300;
}

.search-btns {
    background: var(--third-color);
    margin-left: 7px;
    padding: 5px 19px;
    color: white;
    font-weight: 300;
    font-size: 14px;
    border: 1px solid var(--third-color);
}

.search-btns:hover {
    border: 1px solid var(--third-color);
    background: transparent;
    margin-left: 7px;
    padding: 5px 19px;
    color: var(--third-color);
    font-weight: 300;
    font-size: 14px;
}

.mordern-finanace {
    background-color: #eee;
    padding: 50px;
}

.solution-feature-container {
    width: 18rem;
}

.solution-feature-cards {
    height: 12rem;
}

.rc-anchor-light {
    background-color: white !important;
    border: 0 !important;
}

.rc-anchor {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
}
/* Refurbished Product Start */
.refurbished_tabs {
}

.refurbished_tabs li {
}
.refurbished_tabs li .nav-link {
    border-radius: 0px !important;
    padding: 10px 10px !important;
    border: 2px dashed black !important;
    color: black !important;
}
.refurbished_tabs li .nav-link.active {
    border-radius: 0px !important;
    padding: 10px 10px !important;
    border: 2px solid var(--third-color) !important;
    color: var(--third-color) !important;
    background-color: transparent !important;
}
.nested-brand-link {
}
.nested-brand-link li .nested-nav-link {
    padding: 1px 5px !important;
    border-radius: 0px !important;
    border: 0px !important;
    border: 2px dashed transparent !important;
}

.nested-brand-link li .nested-nav-link.active {
    background: transparent !important;
    padding: 1px 5px !important;
    border-radius: 0px !important;
    border: 2px dashed purple !important;
}
.nested-refurbished-brand img {
    width: 230px;
    height: 160px;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}
.refurbished_tabs-img {
    width: 50px;
    height: 50px;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}
.custom-banner{
    width: 100%;
    object-fit: fill;
    height: 400px;
}
/* Refurbished Product End*/
.team_image{
    width: 175px;
    height:150px;
}
@media screen and (max-width: 767px) {

    .releted-course-home {
        width: 100%;
        height: 200px;
    }
    .solution-feature-cards {
        height: 100% !important;
    }

    .solution-feature-container {
        margin-bottom: 10px;
    }

    .product_veiw_details_item {
        text-align: center;
        margin-bottom: 20px;
    }

    .solution_para {
        width: 100% !important;
    }

    .solution_title {
        font-size: 22px;
        font-weight: 800;
    }

    .industry_single_help_list {
        padding-left: 30px !important;
    }
    .footer_top {
        background: linear-gradient(
            45deg,
            var(--secondary-color),
            var(--primary-color)
        );
        height: 54px;
        padding: 15px 0px;
        border-top: 1px solid var(--primary-color);
        border-bottom: 1px solid var(--primary-color);
    }
    .footer_top {
        padding: 8px !important;
    }
    figure.effect-oscar h5 {
        color: white;
        -webkit-transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
        -webkit-transform: translate3d(0, 140%, 0);
        transform: translate3d(0, 490%, 0);
        font-size: 16px;
    }
}
@media only screen and (max-width: 479px) {
    .showcase {
        width: 100%;
        height: 330px;
        position: relative;
        color: var(--white-color);
        text-align: center;
    }
}
@media only screen and (max-width: 1350px) {
    .showcase {
        width: 100%;
        height: 230px;
        position: relative;
        color: var(--white-color);
        text-align: center;
        object-fit: fill;
    }
    .about_row_image{
        width: 100%;
    }
    .team_image{
        width: 100%;
        height: 100%;
    }
}