body {
    font-family: "Montserrat", Arial, Helvetica, sans-serif !important;
    /*font-family: Open Sans,Arial,sans-serif !important;*/
    overflow-x: hidden;
    font-size: 15px;
    counter-reset: list_counter;
}

.category_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.65);
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s;
}
.category_overlay.active {
    opacity: 1;
    visibility: visible;
}
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #002c8f;
    z-index: 1001;
}
.preloader .lds-default {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.preloader .lds-default div {
    position: absolute;
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    -webkit-animation: lds-default 1.2s linear infinite;
    animation: lds-default 1.2s linear infinite;
}
.preloader .lds-default div:nth-child(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    top: 37px;
    left: 66px;
}
.preloader .lds-default div:nth-child(2) {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
    top: 22px;
    left: 62px;
}
.preloader .lds-default div:nth-child(3) {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
    top: 11px;
    left: 52px;
}
.preloader .lds-default div:nth-child(4) {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
    top: 7px;
    left: 37px;
}
.preloader .lds-default div:nth-child(5) {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
    top: 11px;
    left: 22px;
}
.preloader .lds-default div:nth-child(6) {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
    top: 22px;
    left: 11px;
}
.preloader .lds-default div:nth-child(7) {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
    top: 37px;
    left: 7px;
}
.preloader .lds-default div:nth-child(8) {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
    top: 52px;
    left: 11px;
}
.preloader .lds-default div:nth-child(9) {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
    top: 62px;
    left: 22px;
}
.preloader .lds-default div:nth-child(10) {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
    top: 66px;
    left: 37px;
}
.preloader .lds-default div:nth-child(11) {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
    top: 62px;
    left: 52px;
}
.preloader .lds-default div:nth-child(12) {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
    top: 52px;
    left: 62px;
}
@-webkit-keyframes lds-default {
    0%,
    100%,
    20%,
    80% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.5);
    }
}
@keyframes lds-default {
    0%,
    100%,
    20%,
    80% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.5);
    }
}
.mainnavbar .welcome--msg {
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #1b3762;
}
.mainnavbar .welcome--msg p {
    text-align: center;
    color: #fff;
    font-size: 15px;
    /*text-transform: uppercase;*/
    font-weight: 600;
}
.mainnavbar .topnavbar {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fff;
    border-bottom: 1px solid #eee;
}
.mainnavbar .topnavbar > .container-fluid {
    padding-left: 50px;
    padding-right: 50px;
}
.mainnavbar .topnavbar .logowrapper img {
    width: 220px;
    height: auto;
}
.mainnavbar .topnavbar .optionswrapper {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mainnavbar .topnavbar .optionswrapper .search-form {
    width: calc(60% - 45px);
}
.mainnavbar .topnavbar .optionswrapper .form-group {
    position: relative;
    display: flex;
    border-color: #f0f2f5;
    color: #102248;
    height: 55px;
    font-size: 14px;
    background-color: #f0f2f5;
    border-radius: 25px;
    padding-left: 15px;
    padding-right: 40px;
    box-shadow: none;
}
.mainnavbar .topnavbar .optionswrapper .form-group .form-select {
    font-size: 13px;
    width: 110px;
    padding: 0.275rem 2.25rem 0.275rem 0.55rem;
    border: none;
    background-size: 10px 12px;
    background-color: transparent;
    border-radius: 0;
    border-right: 1px solid #dfdfdf;
    box-shadow: none;
}
.mainnavbar .topnavbar .optionswrapper .form-group .form-control {
    border-color: #f0f2f5;
    background-color: transparent;
    color: #102248;
    height: 55px;
    font-size: 16px;
    padding-left: 15px;
    padding-right: 40px;
    box-shadow: none;
}
.mainnavbar .topnavbar .optionswrapper .form-group .form-control::-moz-placeholder {
    color: #102248;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
}
.mainnavbar .topnavbar .optionswrapper .form-group .form-control:-ms-input-placeholder {
    color: #102248;
    -ms-transition: all 0.35s;
    transition: all 0.35s;
}
.mainnavbar .topnavbar .optionswrapper .form-group .form-control::placeholder {
    color: #102248;
    transition: all 0.35s;
}
.mainnavbar .topnavbar .optionswrapper .form-group .form-control:focus::-moz-placeholder {
    opacity: 0;
}
.mainnavbar .topnavbar .optionswrapper .form-group .form-control:focus:-ms-input-placeholder {
    opacity: 0;
}
.mainnavbar .topnavbar .optionswrapper .form-group .form-control:focus::placeholder {
    opacity: 0;
}
.mainnavbar .topnavbar .optionswrapper .form-group .btn {
    box-shadow: none;
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    transition: all 0.25s;
}
.mainnavbar .topnavbar .optionswrapper .form-group .btn:hover {
    color: #08A9E3;
}
.mainnavbar .topnavbar .optionswrapper .form-group .btn i {
    color: #102248;
}
.mainnavbar .topnavbar .optionswrapper .optionslist {
    width: calc(40% + 35px);
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.mainnavbar .topnavbar .optionswrapper .optionslist .dropdown-option {
    color: #5b6c8f;
    font-size: 14px;
    padding: 0 12px;
}
.mainnavbar .topnavbar .optionswrapper .optionslist .dropdown-option.BR-1 {
    padding-right: 30px;
    margin-right: 30px;
    border-right: 1px solid #ddd;
    position: relative;
}
.mainnavbar .topnavbar .optionswrapper .optionslist .dropdown-option.BR-1 a {
    color: #5b6c8f;
    font-size: 13px;
    text-decoration: none;
    transition: all 0.25s;
}
.mainnavbar .topnavbar .optionswrapper .optionslist .dropdown-option.BR-1 a:hover {
    color: #08A9E3;
}
.mainnavbar .topnavbar .optionswrapper .optionslist .dropdown-option.BR-1 .svg-inline--fa {
    transform: translate(5px, 1px);
}
.mainnavbar .topnavbar .optionswrapper .optionslist .dropdown-option.BR-1 img {
    width: 27px;
    height: 27px;
    border-radius: 100%;
    margin-right: 5px;
}
.mainnavbar .topnavbar .optionswrapper .optionslist .dropdown-option.BR-1 .dropdown-wrapper {
    position: absolute;
    top: 150%;
    left: 50%;
    transform: translateX(-50%);
    width: 170px;
    background-color: #fff;
    z-index: 1001;
    border-radius: 5px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
    padding: 5px 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s;
}
.mainnavbar .topnavbar .optionswrapper .optionslist .dropdown-option.BR-1 .dropdown-wrapper a {
    display: block;
    padding: 10px 8px;
}
.mainnavbar .topnavbar .optionswrapper .optionslist .dropdown-option.BR-1 .dropdown-wrapper a:hover {
    background-color: rgba(0, 0, 0, 0.06);
}
.mainnavbar .topnavbar .optionswrapper .optionslist .dropdown-option.BR-1:hover .dropdown-wrapper {
    opacity: 1;
    visibility: visible;
    top: 120%;
}
.mainnavbar .topnavbar .optionswrapper .optionslist .optionlistcloned {
    display: flex;
}
.mainnavbar .topnavbar .optionswrapper .optionslist .optionlistcloned span {
    position: relative;
}
.mainnavbar .topnavbar .optionswrapper .optionslist .optionlistcloned span .dropdown-wrapper {
    position: absolute;
    top: 150%;
    left: 50%;
    transform: translateX(-50%);
    width: 230px;
    background-color: #fff;
    z-index: 1001;
    border-radius: 5px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
    padding: 5px 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s;
}
.mainnavbar .topnavbar .optionswrapper .optionslist .optionlistcloned span .dropdown-wrapper a {
    display: block;
    padding: 10px 8px;
    text-decoration: none;
    color: #000;
    font-size: 13px;
    font-weight: 400;
    transition: all 0.25s;
}
.mainnavbar .topnavbar .optionswrapper .optionslist .optionlistcloned span .dropdown-wrapper a .svg-inline--fa {
    margin-right: 5px;
}
.mainnavbar .topnavbar .optionswrapper .optionslist .optionlistcloned span .dropdown-wrapper a:hover {
    background-color: rgba(0, 0, 0, 0.04);
    color: #08A9E3;
}
.mainnavbar .topnavbar .optionswrapper .optionslist .optionlistcloned span:hover .dropdown-wrapper {
    opacity: 1;
    visibility: visible;
    top: 120%;
}
.mainnavbar .topnavbar .optionswrapper .optionslist .optionlistcloned span:last-child .btn {
    padding: 8px 12px;
    border-radius: 5px;
    background-color: #f0f2f5;
}
.mainnavbar .topnavbar .optionswrapper .optionslist .optionlistcloned span:last-child .btn img {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    margin-right: 4px;
}
.mainnavbar .topnavbar .optionswrapper .optionslist .optionlistcloned span:last-child .btn span {
    color: #000;
}
.mainnavbar .topnavbar .optionswrapper .optionslist .optionlistcloned span:last-child .btn .svg-inline--fa {
    color: #000;
    transform: translateY(1px);
    font-size: 13px;
    margin-left: 3px;
}
.mainnavbar .topnavbar .optionswrapper .optionslist .optionlistcloned span:last-child .btn:hover {
    background-color: #e8eaec;
}
.mainnavbar .topnavbar .optionswrapper .optionslist .btn {
    position: relative;
    text-decoration: none;
    box-shadow: none;
    color: #fff;
    transition: all 0.25s;
    display: flex;
    align-items: center;
    padding: 10px 12px;
    font-weight: 600;
    background-color: #08A9E3;
}
.mainnavbar .topnavbar .optionswrapper .optionslist .btn:hover {
    background-color: #08A9E3;
    color: #fff;
    border-radius: 25px;
}
.mainnavbar .topnavbar .optionswrapper .optionslist .btn:hover .svg-inline--fa {
    color: #fff;
}
.mainnavbar .topnavbar .optionswrapper .optionslist .btn .count {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    font-weight: 500;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #08A9E3;
    color: #fff;
}
.mainnavbar .topnavbar .optionswrapper .optionslist .btn .title {
    font-size: 13px;
    margin-left: 8px;
    white-space: nowrap;
    transition: all 0.25s;
}
.mainnavbar .topnavbar .optionswrapper .optionslist .btn .svg-inline--fa {
    font-size: 18px;
    color: #fff;
    transition: all 0.25s;
}
.mainnavbar .topnavbar .navbar_menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mainnavbar .topnavbar .navbar_menu a {
    text-decoration: none;
    font-size: 16px;
    text-transform: capitalize;
    color: #1B3760;
    margin-right: 20px;
    transition: all 0.35s;
    font-weight: 400;
    margin-top: 2%;
}
.mainnavbar .topnavbar .navbar_menu a:hover {
    color: #08A9E3;
}
.mainnavbar .topnavbar .navbar_menu .dropdown_style {
    padding: 15px 20px;
    margin-right: 20px;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    background-color: #08A9E3;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
    transition: all 0.35s;
}
.mainnavbar .topnavbar .navbar_menu .dropdown_style:hover {
    background-color: #0BA9E2;
    color: #fff;
}
.mainnavbar .topnavbar .navbar_menu .dropdown_style:hover .dropdown--wrapper {
    opacity: 1;
    visibility: visible;
    top: 120%;
}
.mainnavbar .topnavbar .navbar_menu .dropdown_style .dropdown--wrapper {
    position: absolute;
    /*top: 150%;*/
    left: 0;
    min-width: 550px;
    /*width: 600%;*/
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    z-index: 1001;
    padding: 10px 12px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s;
    /*overflow-y: auto;*/
    /*overflow-x: visible;*/
    /*height: 800%;*/
}
.mainnavbar .topnavbar .navbar_menu .dropdown_style .dropdown--wrapper .main--categroy {
    position: relative;
    padding: 10px 8px;
    border-bottom: 1px solid #eee;
    /*display: inline-table;*/
    /*width: 32%;*/
}
.mainnavbar .topnavbar .navbar_menu .dropdown_style .dropdown--wrapper .main--categroy a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
}
.mainnavbar .topnavbar .navbar_menu .dropdown_style .dropdown--wrapper .main--categroy:hover .sub--categories {
    opacity: 1;
    visibility: visible;
    top: -10px;
}
.mainnavbar .topnavbar .navbar_menu .dropdown_style .dropdown--wrapper .main--categroy .sub--categories {
    position: absolute;
    top: 30px;
    right: -908px;
    width: 900px;
    background-color: #fff;
    padding: 10px 15px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    z-index: 1001;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s;
}
.mainnavbar .topnavbar .navbar_menu .dropdown_style .dropdown--wrapper .main--categroy .sub--categories .sub--block {
    margin-bottom: 20px;
}
.mainnavbar .topnavbar .navbar_menu .dropdown_style .dropdown--wrapper .main--categroy .sub--categories .sub--block h6 {
    color: #000;
    font-weight: 600;
    font-size: 14px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
}
.mainnavbar .topnavbar .navbar_menu .dropdown_style .dropdown--wrapper .main--categroy .sub--categories .sub--block a {
    font-size: 15px;
    font-weight: 400;
    display: block;
    margin-bottom: 10px;
}
.mainnavbar .topnavbar .navbar_menu .button--download .btn {
    padding: 7px 8px;
    background-color: #1b3762;
    color: #fff;
    font-weight: 600;
    font-size: 11px;
    border-radius: 15px;
    box-shadow: none;
    transition: all 0.25s;
}
.mainnavbar .topnavbar .navbar_menu .button--download .btn span {
    margin-left: 4px;
}
.mainnavbar .topnavbar .navbar_menu .button--download .btn:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.mainnavbar .topnavbar .navbar_menu_container {
    margin-top: 20px;
    padding-top: 25px;
    padding-bottom: 10px;
    border-top: 1px solid #eee;
}
.res_topnavbar {
    padding: 10px 0;
    /*background-color: #08A9E3;*/
    background-color: #1b3762;
    color: #fff;
    text-align: center;
    display: none;
    font-size: 0.7rem;
}
.res_topnavbar .dropdown-option {
    position: relative;
}
.res_topnavbar .dropdown-option a {
    color: #5b6c8f;
    font-size: 13px;
    text-decoration: none;
    padding: 6px 12px;
    background-color: #fff;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.25s;
}
.res_topnavbar .dropdown-option a:hover {
    color: #08A9E3;
}
.res_topnavbar .dropdown-option .svg-inline--fa {
    transform: translate(5px, 1px);
}
.res_topnavbar .dropdown-option img {
    width: 27px;
    height: 27px;
    border-radius: 100%;
    margin-right: 5px;
}
.res_topnavbar .dropdown-option .dropdown-wrapper {
    position: absolute;
    top: 150%;
    left: 50%;
    transform: translateX(-50%);
    width: 170px;
    background-color: #fff;
    z-index: 1001;
    border-radius: 5px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
    padding: 5px 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s;
}
.res_topnavbar .dropdown-option .dropdown-wrapper a {
    display: block;
    padding: 10px 8px;
}
.res_topnavbar .dropdown-option .dropdown-wrapper a:hover {
    background-color: rgba(0, 0, 0, 0.06);
}
.res_topnavbar .dropdown-option:hover .dropdown-wrapper {
    opacity: 1;
    visibility: visible;
    top: 120%;
}
.res_navbar {
    padding: 8px 5px;
    background-color: #fff;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid #eee;
    display: none;
}
.res_navbar .logo-block img {
    width: 60px;
    height: 60px;
}
.res_navbar .button--wrapper {
    display: flex;
    justify-content: flex-end;
}
.res_navbar .button--wrapper .btn {
    padding: 6px 12px;
    border-color: #08A9E3;
    color: #08A9E3;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    margin-left: 5px;
}
.res_navbar .button--wrapper .btn span.title {
    margin-left: 4px;
}
.res_navbar .button--wrapper .btn:first-child {
    background-color: #08A9E3;
    color: #fff;
    border-color: #08A9E3;
}
.res--sidebar {
    height: 100vh;
    width: 350px;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: -350px;
    z-index: 1001;
    padding: 15px 16px;
    overflow-y: auto;
    transition: all 0.25s;
}
.res--sidebar.active {
    left: 0;
}
.res--sidebar .header--wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}
.res--sidebar .header--wrapper .main--title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 0;
}
.res--sidebar .header--wrapper .btn {
    box-shadow: none;
}
.res--sidebar .accordion-item {
    padding: 4px 0;
    background-color: transparent;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #eee;
}
.res--sidebar .accordion-item .accordion-button {
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 10px !important;
    background-color: #fff;
    box-shadow: none;
    color: #000;
    padding: 10px 15px;
}
.res--sidebar .accordion-item .accordion-button:hover,
.res--sidebar .accordion-item .accordion-button:not(.collapsed) {
    background-color: #08A9E3;
    color: #fff;
}
.res--sidebar .accordion-item .accordion-button::after {
    width: 0.85rem;
    height: 0.85rem;
    background-size: 0.85rem;
}
.res--sidebar .accordion-item .accordion-button.accordion-n-link::after {
    display: none;
}
.res--sidebar .accordion-item .accordion-button span {
    margin-left: 5px;
    font-weight: 600;
}
.res--sidebar .accordion-item .accordion-body ul {
    padding-left: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.res--sidebar .accordion-item .accordion-body ul li {
    margin-bottom: 6px;
    position: relative;
}
.res--sidebar .accordion-item .accordion-body ul li::before {
    content: "-";
    position: absolute;
    top: 50%;
    left: -15px;
    transform: translateY(-50%);
}
.res--sidebar .accordion-item .accordion-body ul li a {
    text-decoration: none;
    color: #000;
    font-size: 12px;
    font-weight: 500;
    padding: 8px;
    display: inline-block;
    font-weight: 700;
    transition: all 0.25s;
}
.res--sidebar .accordion-item .accordion-body ul li a:hover {
    color: #08A9E3;
}
.res--sidebar--overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.45);
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s;
}
.res--sidebar--overlay.active {
    opacity: 1;
    visibility: visible;
}
.headermainwrapper {
    padding: 100px 0 70px 0;
    background-position: 50% 50%;
    height: 550px;
    background-size: cover;
    position: relative;
    display: flex;
    align-items: center;
    -webkit-animation: slide 12s linear infinite;
    animation: slide 12s linear infinite;
    overflow: hidden;
    text-align: center;
    background-image: url(../media/banner1.jpg);

    width: 90%;
    margin: auto;
}
.headermainwrapper::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #08A9E3;
    opacity: 0.3;
    z-index: 1;
}
.headermainwrapper .partners--slider {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    padding: 10px 20px;
}
.headermainwrapper .partners--slider .item {
    background-color: #f8f8f8;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.headermainwrapper .partners--slider .item img {
    width: 140px;
    height: 100px;
}
.headermainwrapper .container {
    z-index: 2;
}
.headermainwrapper h1 {
    color: #fff;
    font-size: 39px;
    font-weight: 700;
    width: 75%;
    text-transform: capitalize;
    margin: 0 auto;
    margin-bottom: 20px;
}
.headermainwrapper h1 span {
    background-color: #08A9E3;
    color: #fff;
    padding: 2px 12px;
    font-size: 45px;
    border-radius: 5px;
}
.headermainwrapper p {
    color: #fff;
    font-size: 16px;
    width: 60%;
    line-height: 30px;
    margin: 0 auto;
    margin-bottom: 30px;
}
.headermainwrapper .btn {
    background-color: #08A9E3;
    border: 1px solid #fff;
    width: 160px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 15px 5px;
    border-radius: 5px;
    margin-right: 10px;
    border-radius: 25px;
    text-transform: uppercase;
}
.headermainwrapper .btn:last-child {
    background-color: #08A9E3;
    width: auto;
    padding: 15px 25px;
}
.headermainwrapper .waves {
    position: absolute;
    top: calc(100% - 10vh);
    left: 0;
    width: 100%;
    height: 10vh;
    min-height: 100px;
    max-height: 150px;
    z-index: 100;
}
.headermainwrapper .parallax > use {
    -webkit-animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
    animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}
.headermainwrapper .parallax > use:nth-child(1) {
    -webkit-animation-delay: -2s;
    animation-delay: -2s;
    -webkit-animation-duration: 7s;
    animation-duration: 7s;
}
.headermainwrapper .parallax > use:nth-child(2) {
    -webkit-animation-delay: -3s;
    animation-delay: -3s;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
}
.headermainwrapper .parallax > use:nth-child(3) {
    -webkit-animation-delay: -4s;
    animation-delay: -4s;
    -webkit-animation-duration: 13s;
    animation-duration: 13s;
}
.headermainwrapper .parallax > use:nth-child(4) {
    -webkit-animation-delay: -5s;
    animation-delay: -5s;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
}
@-webkit-keyframes move-forever {
    0% {
        transform: translate3d(-90px, 0, 0);
    }
    100% {
        transform: translate3d(85px, 0, 0);
    }
}
@keyframes move-forever {
    0% {
        transform: translate3d(-90px, 0, 0);
    }
    100% {
        transform: translate3d(85px, 0, 0);
    }
}
@media (max-width: 768px) {
    .headermainwrapper .waves {
        height: 40px;
        min-height: 40px;
    }
}
@-webkit-keyframes slide {
    from {
        background-position: 50% 50%;
    }
    to {
        background-position: 100% 100%;
    }
}
@keyframes slide {
    from {
        background-position: 50% 50%;
    }
    to {
        background-position: 100% 100%;
    }
}
.cartmainwrapper {
    padding: 50px 100px 20px 100px;
    background-color: #fff;
    position: relative;
}
.cartmainwrapper .card--wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 20px 22px;
    border-radius: 5px;
    border: 1px solid #08A9E3;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
}
.cartmainwrapper .card--wrapper .main--title {
    width: 100%;
    font-size: 22px;
    font-weight: 700;
    position: relative;
    padding-left: 20px;
    margin-bottom: 25px;
    position: relative;
}
.cartmainwrapper .card--wrapper .main--title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: #08A9E3;
}
.cartmainwrapper .card--wrapper .img--wrapper {
    position: relative;
    width: 25%;
}
.cartmainwrapper .card--wrapper .img--wrapper img {
    width: 100%;
    border-radius: 5px;
    min-height: 600px;
}
.cartmainwrapper .card--wrapper .img--wrapper .btn {
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #08A9E3;
    width: 160px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 5px;
    margin-right: 10px;
    border-radius: 25px;
    text-transform: uppercase;
}
.cartmainwrapper .card--wrapper .info--wrapper {
    width: calc(75% - 20px);
    margin-left: 20px;
}
.cartmainwrapper .card--wrapper .info--wrapper .cardwrapper {
    padding: 12px;
    border-radius: 5px;
    border: 1px solid #eee;
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
}
.cartmainwrapper .card--wrapper .info--wrapper .cardwrapper img {
    width: 40%;
    border-radius: 5px;
    margin-right: 15px;
}
.cartmainwrapper .card--wrapper .info--wrapper .cardwrapper .infowrapper {
    display: flex;
    flex-direction: column;
}
.cartmainwrapper .card--wrapper .info--wrapper .cardwrapper .infowrapper a {
    color: #000;
    text-decoration: none;
    position: relative;
    margin-bottom: 8px;
    padding-left: 10px;
    transition: all 0.25s;
}
.cartmainwrapper .card--wrapper .info--wrapper .cardwrapper .infowrapper a:first-child {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
    padding-left: 0;
}
.cartmainwrapper .card--wrapper .info--wrapper .cardwrapper .infowrapper a:hover {
    color: #08A9E3;
}
.cartmainwrapper .card--wrapper .info--wrapper .cardwrapper .infowrapper a:not(:first-child)::before {
    content: "-";
    position: absolute;
    top: 50%;
    left: 0;
    color: #08A9E3;
    transform: translateY(-50%);
}
.storemainwrapper {
    padding: 50px 10px;
    position: relative;
    background-color: #fff;
}
.card--header {
    margin-bottom: 25px;
}
.card--header.flex--header {
    display: flex;
    align-items: center;
}
.card--header h4 {
    font-size: 22px;
    font-weight: 700;
    position: relative;
    padding-left: 20px;
    margin-bottom: 0;
}
.card--header h4::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: #08A9E3;
}
.card--header a {
    font-size: 14px;
    font-weight: 500;
    color: grey;
    /* font-style: italic; */
    margin-left: 8px;
    transition: all 0.25s;
    display: block;
}
.card--header a:hover {
    color: #08A9E3;
}
.storemainwrapper .paginationwrapper {
    margin-top: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.storemainwrapper .paginationwrapper a {
    font-size: 14px;
    width: 35px;
    height: 35px;
    text-decoration: none;
    color: #102248;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    margin-right: 10px;
    transition: all 0.25s;
}
.storemainwrapper .paginationwrapper a.active,
.storemainwrapper .paginationwrapper a:hover {
    background-color: #102248;
    color: #fff !important;
}
.storemainwrapper .paginationwrapper a:first-child,
.storemainwrapper .paginationwrapper a:last-child {
    border: 1px solid #102248;
    color: #102248;
    font-size: 14px;
}
.storemainwrapper .filter_sidebar {
    width: 95%;
    padding: 30px;
    border: 1px solid #ddd;
    border-radius: 5px;
    position: sticky;
    position: -webkit-sticky;
    top: 15px;
}
.storemainwrapper .filter_sidebar.active {
    left: 0;
}
.storemainwrapper .filter_sidebar .sidebar_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 25px;
}
.storemainwrapper .filter_sidebar .sidebar_header h4 {
    font-weight: 300;
    font-size: 25px;
    margin-bottom: 0;
}
.storemainwrapper .filter_sidebar .sidebar_body .item {
    padding-bottom: 25px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
}
.storemainwrapper .filter_sidebar .sidebar_body .item .title {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 15px;
}
.storemainwrapper .filter_sidebar .sidebar_body .item span.colors {
    width: 25px;
    height: 25px;
    border-radius: 100%;
    margin-right: 8px;
    display: inline-block;
}
.storemainwrapper .filter_sidebar .sidebar_body .item:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}
.storemainwrapper .filter_sidebar .sidebar_body .accordion-item {
    border: none;
    border-radius: 0;
}
.storemainwrapper .filter_sidebar .sidebar_body .accordion-item:last-child {
    border-bottom: none;
}
.storemainwrapper .filter_sidebar .sidebar_body .accordion-button {
    padding: 10px 12px !important;
    font-size: 13px;
    font-weight: 400;
    box-shadow: none;
    text-transform: capitalize;
    background-color: #eee;
    margin-bottom: 10px;
}
.storemainwrapper .filter_sidebar .sidebar_body .accordion-button::after {
    width: 12px;
    height: 12px;
    background-size: 100% 100%;
}
.storemainwrapper .filter_sidebar .sidebar_body .accordion-button span {
    width: 100%;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.storemainwrapper .filter_sidebar .sidebar_body .accordion-button i {
    font-style: inherit;
    margin-right: 5px;
    font-weight: 500;
}
.storemainwrapper .filter_sidebar .sidebar_body .accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #08A9E3;
    border-radius: 5px;
}
.storemainwrapper .filter_sidebar .sidebar_body .accordion-body li {
    margin-bottom: 10px;
    position: relative;
    margin-left: 10px;
}
.storemainwrapper .filter_sidebar .sidebar_body .accordion-body li::before {
    content: "-";
    position: absolute;
    top: 50%;
    left: -15px;
    transform: translateY(-50%);
    color: #102248;
}
.storemainwrapper .filter_sidebar .sidebar_body .accordion-body li:hover::before {
    color: #08A9E3;
}
.storemainwrapper .filter_sidebar .sidebar_body .accordion-body li a {
    font-size: 14px;
    color: #102248;
    font-weight: 400;
    text-decoration: none;
    transition: all 0.25s;
}
.storemainwrapper .filter_sidebar .sidebar_body .accordion-body li:hover a {
    color: #08A9E3;
}
.storemainwrapper .filter_sidebar .sidebar_body .line {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
}
.storemainwrapper .section--wrapper {
    padding: 20px 22px;
    border-radius: 5px;
    margin-bottom: 25px;
    border: 1px solid #08A9E3;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
}
.storemainwrapper .section--wrapper.recent--products .cardwrapper {
    background-color: #fff;
    margin-bottom: 0;
    cursor: pointer;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
    border: 1px solid #eee;
}
.storemainwrapper .section--wrapper.recent--products .cardwrapper .imgwrapper {
    overflow: hidden;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    position: relative;
    max-height: 200px;
    height: 200px;
}
.storemainwrapper .section--wrapper.recent--products .cardwrapper .imgwrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: -30px;
    width: 30px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.15);
    transition: all 0.25s;
    z-index: 10;
}
.storemainwrapper .section--wrapper.recent--products .cardwrapper .imgwrapper img {
    /*width: 90%;*/
    margin: auto;
    transition: all 0.25s;
    height: 150px;
}
.storemainwrapper .section--wrapper.recent--products .cardwrapper .imgwrapper .action--wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -60px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 10px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s;
}
.storemainwrapper .section--wrapper.recent--products .cardwrapper .imgwrapper .action--wrapper a {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background-color: #fff;
    color: #08A9E3;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    transition: all 0.25s;
}
.storemainwrapper .section--wrapper.recent--products .cardwrapper .imgwrapper .action--wrapper a:last-child {
    margin-bottom: 0;
}
.storemainwrapper .section--wrapper.recent--products .cardwrapper .imgwrapper .action--wrapper a:hover {
    background-color: #08A9E3;
    color: #fff;
}
.storemainwrapper .section--wrapper.recent--products .cardwrapper .imgwrapper:hover .action--wrapper {
    right: 0;
    opacity: 1;
    visibility: visible;
}
.storemainwrapper .section--wrapper.recent--products .cardwrapper .imgwrapper .badge {
    position: absolute;
    top: 6px;
    left: 6px;
    padding: 5px 6px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    background: #198754;
    border-radius: 3px;
}
.storemainwrapper .section--wrapper.recent--products .cardwrapper .infowrapper {
    padding: 12px 10px;
    text-align: center;
}
.storemainwrapper .section--wrapper.recent--products .cardwrapper .infowrapper .star-rating {
    position: relative;
    margin-bottom: 8px;
}
.storemainwrapper .section--wrapper.recent--products .cardwrapper .infowrapper .star-rating .star {
    width: 15px;
    height: 15px;
    position: relative;
}
.storemainwrapper .section--wrapper.recent--products .cardwrapper .infowrapper .star-rating .star::before {
    content: "\f005";
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    color: #fbcb3a;
    font-size: 13px;
}
.storemainwrapper .section--wrapper.recent--products .cardwrapper .infowrapper .star-rating .star.checked::before {
    content: "\f005";
    font-family: "Font Awesome 5 Brands";
    font-weight: 900;
    color: #fbcb3a;
    font-size: 13px;
}
.storemainwrapper .section--wrapper.recent--products .cardwrapper .infowrapper .star-rating .comment {
    font-size: 13px;
    color: #5b6c8f;
}
.storemainwrapper .section--wrapper.recent--products .cardwrapper .infowrapper .flex--wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
}
.storemainwrapper .section--wrapper.recent--products .cardwrapper .infowrapper .flex--wrapper .item {
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.storemainwrapper .section--wrapper.recent--products .cardwrapper .infowrapper .flex--wrapper .item:first-child {
    margin-right: 15px;
}
.storemainwrapper .section--wrapper.recent--products .cardwrapper .infowrapper .flex--wrapper .item .svg-inline--fa {
    font-size: 14px;
    color: #08A9E3;
    margin-right: 8px;
}
.storemainwrapper .section--wrapper.recent--products .cardwrapper .infowrapper .flex--wrapper .item span {
    font-size: 13px;
    font-weight: 500;
    color: gray;
    margin-left: 5px;
}
.storemainwrapper .section--wrapper.recent--products .cardwrapper .infowrapper h5 {
    font-size: 18px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.storemainwrapper .section--wrapper.recent--products .cardwrapper .infowrapper .price {
    margin-bottom: 12px;
}
.storemainwrapper .section--wrapper.recent--products .cardwrapper .infowrapper .price span.current {
    font-size: 18px;
    color: #08A9E3;
    margin-right: 6px;
    font-weight: 500;
}
.storemainwrapper .section--wrapper.recent--products .cardwrapper .infowrapper .by-label {
    font-size: 16px;
    color: #292932ab;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-weight: 500;
    overflow: hidden;
}
.storemainwrapper .section--wrapper.recent--products .cardwrapper .infowrapper .by-label span:first-child {
    color: #000;
    margin-right: 4px;
}
.storemainwrapper .section--wrapper.recent--products .cardwrapper .infowrapper .button--wrapper {
    text-align: center;
}
.storemainwrapper .section--wrapper.recent--products .cardwrapper .infowrapper .button--wrapper .btn {
    padding: 7px 15px;
    color: #08A9E3;
    border: 1px solid #08A9E3;
    border-radius: 25px;
    background-color: #fff;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.25s;
}
.storemainwrapper .section--wrapper.recent--products .cardwrapper .infowrapper .button--wrapper .btn:hover {
    background-color: #08A9E3;
    color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.storemainwrapper .section--wrapper.recent--products .cardwrapper .infowrapper .button--wrapper .btn:last-child {
    border-color: #08A9E3;
    color: #08A9E3;
}
.storemainwrapper .section--wrapper.recent--products .cardwrapper .infowrapper .button--wrapper .btn:last-child:hover {
    background-color: #08A9E3;
    color: #fff;
}
.storemainwrapper .section--wrapper.recent--products .cardwrapper:hover .imgwrapper::before {
    left: calc(100% + 30px);
}
.storemainwrapper .section--wrapper.recent--products .cardwrapper:hover .imgwrapper img {
    transform: scale(1.1);
}
.storemainwrapper .section--wrapper.sale--products .cardwrapper {
    background-color: #fff;
    margin-bottom: 0;
    cursor: pointer;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
    border: 1px solid #eee;
}
.storemainwrapper .section--wrapper.sale--products .cardwrapper .imgwrapper {
    overflow: hidden;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    position: relative;
    max-height: 200px;
    height: 200px;
}
.storemainwrapper .section--wrapper.sale--products .cardwrapper .imgwrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: -30px;
    width: 30px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.15);
    transition: all 0.25s;
    z-index: 10;
}
.storemainwrapper .section--wrapper.sale--products .cardwrapper .imgwrapper img {
    /*width: 55%;*/
    transition: all 0.25s;
    margin: auto;
    height: 150px;
}
/*.owl-carousel .owl-item img{*/
/*    width: auto !important;*/
/*}*/
.storemainwrapper .section--wrapper.sale--products .cardwrapper .imgwrapper .action--wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -60px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 10px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s;
}
.storemainwrapper .section--wrapper.sale--products .cardwrapper .imgwrapper .action--wrapper a {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background-color: #fff;
    color: #08A9E3;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    transition: all 0.25s;
}
.storemainwrapper .section--wrapper.sale--products .cardwrapper .imgwrapper .action--wrapper a:last-child {
    margin-bottom: 0;
}
.storemainwrapper .section--wrapper.sale--products .cardwrapper .imgwrapper .action--wrapper a:hover {
    background-color: #08A9E3;
    color: #fff;
}
.storemainwrapper .section--wrapper.sale--products .cardwrapper .imgwrapper:hover .action--wrapper {
    right: 0;
    opacity: 1;
    visibility: visible;
}
.storemainwrapper .section--wrapper.sale--products .cardwrapper .imgwrapper .badge {
    position: absolute;
    top: 6px;
    left: 6px;
    padding: 5px 6px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    background: #dc3545;
    border-radius: 3px;
}
.storemainwrapper .section--wrapper.sale--products .cardwrapper .infowrapper {
    padding: 12px 10px;
    text-align: center;
}
.storemainwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .star-rating {
    position: relative;
    margin-bottom: 8px;
}
.storemainwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .star-rating .star {
    width: 15px;
    height: 15px;
    position: relative;
}
.storemainwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .star-rating .star::before {
    content: "\f005";
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    color: #fbcb3a;
    font-size: 13px;
}
.storemainwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .star-rating .star.checked::before {
    content: "\f005";
    font-family: "Font Awesome 5 Brands";
    font-weight: 900;
    color: #fbcb3a;
    font-size: 13px;
}
.storemainwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .star-rating .comment {
    font-size: 13px;
    color: #5b6c8f;
}
.storemainwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .flex--wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
}
.storemainwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .flex--wrapper .item {
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.storemainwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .flex--wrapper .item:first-child {
    margin-right: 15px;
}
.storemainwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .flex--wrapper .item .svg-inline--fa {
    font-size: 14px;
    color: #08A9E3;
    margin-right: 8px;
}
.storemainwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .flex--wrapper .item span {
    color: grey;
    font-size: 13px;
    font-weight: 500;
    margin-left: 5px;
}
.storemainwrapper .section--wrapper.sale--products .cardwrapper .infowrapper h5 {
    font-size: 18px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.storemainwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .price {
    margin-bottom: 12px;
}
.storemainwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .price span.current {
    font-size: 18px;
    color: #08A9E3;
    margin-right: 6px;
    font-weight: 500;
}
.storemainwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .price span.prev {
    font-size: 14px;
    color: #aaa;
    text-decoration: line-through;
}
.storemainwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .by-label {
    font-size: 13px;
    color: #292932ab;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-weight: 500;
    overflow: hidden;
}
.storemainwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .by-label span:first-child {
    color: #000;
    margin-right: 4px;
}
.storemainwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .button--wrapper {
    text-align: center;
}
.storemainwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .button--wrapper .btn {
    padding: 7px 15px;
    color: #08A9E3;
    border: 1px solid #08A9E3;
    border-radius: 25px;
    background-color: #fff;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.25s;
}
.storemainwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .button--wrapper .btn:hover {
    background-color: #08A9E3;
    color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.storemainwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .button--wrapper .btn:last-child {
    border-color: #08A9E3;
    color: #08A9E3;
}
.storemainwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .button--wrapper .btn:last-child:hover {
    background-color: #08A9E3;
    color: #fff;
}
.storemainwrapper .section--wrapper.sale--products .cardwrapper:hover .imgwrapper::before {
    left: calc(100% + 30px);
}
.storemainwrapper .section--wrapper.sale--products .cardwrapper:hover .imgwrapper img {
    transform: scale(1.1);
}
.storemainwrapper .section--wrapper.all--products .cardwrapper {
    background-color: #fff;
    margin-bottom: 25px;
    cursor: pointer;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
    border: 1px solid #eee;
}
.storemainwrapper .section--wrapper.all--products .cardwrapper .imgwrapper {
    overflow: hidden;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    position: relative;
    max-height: 200px;
}
.storemainwrapper .section--wrapper.all--products .cardwrapper .imgwrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: -30px;
    width: 30px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.15);
    transition: all 0.25s;
    z-index: 10;
}
.storemainwrapper .section--wrapper.all--products .cardwrapper .imgwrapper img {
    width: 100%;
    transition: all 0.25s;
    height: 200px;
}
.storemainwrapper .section--wrapper.all--products .cardwrapper .imgwrapper .action--wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -60px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 10px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s;
}
.storemainwrapper .section--wrapper.all--products .cardwrapper .imgwrapper .action--wrapper a {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background-color: #fff;
    color: #08A9E3;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    transition: all 0.25s;
}
.storemainwrapper .section--wrapper.all--products .cardwrapper .imgwrapper .action--wrapper a:last-child {
    margin-bottom: 0;
}
.storemainwrapper .section--wrapper.all--products .cardwrapper .imgwrapper .action--wrapper a:hover {
    background-color: #08A9E3;
    color: #fff;
}
.storemainwrapper .section--wrapper.all--products .cardwrapper .imgwrapper:hover .action--wrapper {
    right: 0;
    opacity: 1;
    visibility: visible;
}
.storemainwrapper .section--wrapper.all--products .cardwrapper .infowrapper {
    padding: 12px 10px;
    text-align: center;
}
.storemainwrapper .section--wrapper.all--products .cardwrapper .infowrapper .star-rating {
    position: relative;
    margin-bottom: 8px;
}
.storemainwrapper .section--wrapper.all--products .cardwrapper .infowrapper .star-rating .star {
    width: 15px;
    height: 15px;
    position: relative;
}
.storemainwrapper .section--wrapper.all--products .cardwrapper .infowrapper .star-rating .star::before {
    content: "\f005";
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    color: #fbcb3a;
    font-size: 13px;
}
.storemainwrapper .section--wrapper.all--products .cardwrapper .infowrapper .star-rating .star.checked::before {
    content: "\f005";
    font-family: "Font Awesome 5 Brands";
    font-weight: 900;
    color: #fbcb3a;
    font-size: 13px;
}
.storemainwrapper .section--wrapper.all--products .cardwrapper .infowrapper .star-rating .comment {
    font-size: 13px;
    color: #5b6c8f;
}
.storemainwrapper .section--wrapper.all--products .cardwrapper .infowrapper .flex--wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
}
.storemainwrapper .section--wrapper.all--products .cardwrapper .infowrapper .flex--wrapper .item {
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.storemainwrapper .section--wrapper.all--products .cardwrapper .infowrapper .flex--wrapper .item:first-child {
    margin-right: 15px;
}
.storemainwrapper .section--wrapper.all--products .cardwrapper .infowrapper .flex--wrapper .item .svg-inline--fa {
    font-size: 14px;
    color: #08A9E3;
    margin-right: 8px;
}
.storemainwrapper .section--wrapper.all--products .cardwrapper .infowrapper .flex--wrapper .item span {
    color: grey;
    font-size: 13px;
    font-weight: 500;
}
.storemainwrapper .section--wrapper.all--products .cardwrapper .infowrapper h5 {
    font-size: 18px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.storemainwrapper .section--wrapper.all--products .cardwrapper .infowrapper .price {
    margin-bottom: 12px;
}
.storemainwrapper .section--wrapper.all--products .cardwrapper .infowrapper .price span.current {
    font-size: 18px;
    color: #08A9E3;
    margin-right: 6px;
    font-weight: 500;
}
.storemainwrapper .section--wrapper.all--products .cardwrapper .infowrapper .by-label {
    font-size: 13px;
    color: #292932ab;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-weight: 500;
    overflow: hidden;
}

.startC , #review{
    color: orange !important;
}
.storemainwrapper .section--wrapper.all--products .cardwrapper .infowrapper .by-label span:first-child {
    color: #000;
    margin-right: 4px;
}
.storemainwrapper .section--wrapper.all--products .cardwrapper .infowrapper .button--wrapper {
    text-align: center;
}
.storemainwrapper .section--wrapper.all--products .cardwrapper .infowrapper .button--wrapper .btn {
    padding: 7px 15px;
    color: #08A9E3;
    border: 1px solid #08A9E3;
    border-radius: 25px;
    background-color: #fff;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.25s;
}
.storemainwrapper .section--wrapper.all--products .cardwrapper .infowrapper .button--wrapper .btn:hover {
    background-color: #08A9E3;
    color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.storemainwrapper .section--wrapper.all--products .cardwrapper .infowrapper .button--wrapper .btn:last-child {
    border-color: #08A9E3;
    color: #08A9E3;
}
.storemainwrapper .section--wrapper.all--products .cardwrapper .infowrapper .button--wrapper .btn:last-child:hover {
    background-color: #08A9E3;
    color: #fff;
}
.storemainwrapper .section--wrapper.all--products .cardwrapper:hover .imgwrapper::before {
    left: calc(100% + 30px);
}
.storemainwrapper .section--wrapper.all--products .cardwrapper:hover .imgwrapper img {
    transform: scale(1.1);
}
.storemainwrapper .section--wrapper .owl-carousel {
    position: relative;
}
.storemainwrapper .section--wrapper .owl-carousel .owl-nav {
    position: absolute;
    top: -60px;
    right: 0;
    display: flex;
}
.storemainwrapper .section--wrapper .owl-carousel .owl-nav button {
    width: 30px;
    height: 30px;
    background-color: #eee;
    border-radius: 100%;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    transition: all 0.25s;
}
.storemainwrapper .section--wrapper .owl-carousel .owl-nav button:first-child {
    margin-right: 8px;
}
.storemainwrapper .section--wrapper .owl-carousel .owl-nav button:hover {
    background-color: #08A9E3;
    color: #fff;
}
.storemainwrapper .section--wrapper .button--wrapper {
    margin-top: 20px;
    text-align: center;
}
.storemainwrapper .section--wrapper .button--wrapper .btn {
    padding: 10px 25px;
    color: #fff;
    border: 1px solid #102248;
    background-color: #102248;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.25s;
}
.storemainwrapper .section--wrapper .button--wrapper .btn:hover {
    background-color: #fff;
    color: #102248;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.staticsmainwrapper {
    padding: 50px 100px;
    background-size: cover;
    background-color: #0000003d;
    background-repeat: no-repeat;
    background-position: center;
    background-blend-mode: overlay;
    background-image: url("https://popuppainting.com/wp-content/uploads/2020/03/laptop-desk-notebook-macbook-table-technology-18-pxhere.com_-scaled.jpg");
    width: 100%;
    margin: auto;
}
.staticsmainwrapper .box--title {
    text-align: center;
    margin-bottom: 45px;
}
.staticsmainwrapper .box--title h4 {
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fbfbfb;
    position: relative;
    padding-bottom: 25px;
}
.staticsmainwrapper .box--title h4::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 70px;
    height: 8px;
    border-radius: 25px;
    background-color: #08A9E3;
}
.staticsmainwrapper .flex--wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.staticsmainwrapper .flex--wrapper .item {
    width: calc(20% - 20px);
    text-align: center;
    background-color: #0009;
    padding: 25px 12px;
    border-radius: 5px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    margin-bottom: 20px;
    outline: 1px solid #08A9E3;
    outline-offset: -10px;
}
.staticsmainwrapper .flex--wrapper .item .icon--wrapper {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    background-color: #0abeff75;
    border-radius: 5px;
    color: #fff;
    margin: 0 auto;
}
.staticsmainwrapper .flex--wrapper .item p {
    font-size: 40px;
    color: aliceblue !important;
    font-weight: 600;
    margin-bottom: 8px;
    margin-top: 15px;
}
.staticsmainwrapper .flex--wrapper .item h6 {
    font-size: 14px;
    color: #919191;
    font-weight: 400;
    margin-bottom: 0;
}
.sellingguidewrapper {
    padding: 25px 0;
    background-color: #08A9E3;
    /*width: 90%;*/
    /*margin: auto;*/
}
.sellingguidewrapper .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sellingguidewrapper h4 {
    font-size: 24px;
    font-weight: 600;
    color: #eee;
    text-transform: capitalize;
}
.sellingguidewrapper .btn {
    padding: 12px 25px;
    background-color: #08A9E3;
    border-color: #08A9E3;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
}
.requestmainwrapper {
    padding: 50px 0;
    position: relative;
    background-color: #fff;
}
.requestmainwrapper .box--title {
    text-align: center;
    margin-bottom: 45px;
}
.requestmainwrapper .box--title h4 {
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
    position: relative;
    padding-bottom: 25px;
}
.requestmainwrapper .box--title h4::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 70px;
    height: 8px;
    border-radius: 25px;
    background-color: #08A9E3;
}
.requestmainwrapper .formwrapper {
    width: 65%;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0.65);
    padding: 30px;
    border-radius: 5px;
}
.requestmainwrapper .formwrapper .form-group {
    margin-bottom: 20px;
}
.requestmainwrapper .formwrapper .form-group .control-label {
    font-size: 16px;
    font-weight: 600;
    display: block;
    margin-bottom: 8px;
    padding-left: 10px;
}
.requestmainwrapper .formwrapper .form-group .form-control {
    height: 50px;
    border-radius: 25px;
    box-shadow: none;
    font-size: 15px;
    padding-left: 15px;
}
.requestmainwrapper .formwrapper .form-group .form-control:focus {
    border-color: #08A9E3;
}
.requestmainwrapper .formwrapper .form-group textarea.form-control {
    resize: none;
    height: auto;
    padding-left: 15px;
    padding-top: 15px;
}
.requestmainwrapper .formwrapper .form-group .text-danger {
    font-size: 13px;
    padding-left: 15px;
    font-weight: 500;
}
.requestmainwrapper .formwrapper .form-group .btn {
    background-color: #08A9E3;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 15px 35px;
    border-radius: 5px;
    margin-right: 10px;
    text-transform: uppercase;
    transition: all 0.25s;
}
.requestmainwrapper .formwrapper .form-group .btn:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    border-radius: 25px;
}
.requestmainwrapper .formwrapper .form-group .btn:focus {
    background-color: #d99433;
}
.footermainwrapper {
    background-color: #000;
    /*width: 90%;*/
    /*margin: auto;*/
}
.footermainwrapper .top--footer {
    padding: 50px 100px;
    position: relative;
}
/*.footermainwrapper .top--footer::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 17px;*/
/*    background-image: url("../media/border-4.png");*/
/*    background-repeat: repeat-x;*/
/*}*/
.footermainwrapper .top--footer h4.main--title {
    font-style: 28px;
    font-weight: 600;
    color: #fff;
    text-transform: capitalize;
    margin: 0;
}
.footermainwrapper .top--footer .form--wrapper {
    position: relative;
    width: 85%;
    margin: auto;
}
.footermainwrapper .top--footer .form--wrapper .form-control {
    height: 50px;
    border: 0;
    background-color: rgba(255, 255, 255, 0.55);
    font-size: 14px;
    padding-left: 22px;
    padding-right: 55px;
    border-radius: 25px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
}
.footermainwrapper .top--footer .form--wrapper .form-control::-moz-placeholder {
    color: #000;
    -moz-transition: all 0.15s;
    transition: all 0.15s;
}
.footermainwrapper .top--footer .form--wrapper .form-control:-ms-input-placeholder {
    color: #000;
    -ms-transition: all 0.15s;
    transition: all 0.15s;
}
.footermainwrapper .top--footer .form--wrapper .form-control::placeholder {
    color: #000;
    transition: all 0.15s;
}
.footermainwrapper .top--footer .form--wrapper .form-control:focus::-moz-placeholder {
    opacity: 0;
}
.footermainwrapper .top--footer .form--wrapper .form-control:focus:-ms-input-placeholder {
    opacity: 0;
}
.footermainwrapper .top--footer .form--wrapper .form-control:focus::placeholder {
    opacity: 0;
}
.footermainwrapper .top--footer .form--wrapper .btn {
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    padding: 0 20px;
    background-color: #08A9E3;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    box-shadow: none;
    font-size: 13px;
    font-weight: 600;
}
.footermainwrapper .top--footer .form--wrapper .btn:active {
    background-color: #d99433;
}

.modelb .form--wrapper .btn {
    position: absolute;
    top: 0;
    right: 0;
    height: 37px;
    padding: 0 20px;
    background-color: #08A9E3;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    box-shadow: none;
    font-size: 13px;
    font-weight: 600;
}
.modelmodelb .form--wrapper .btn:active {
    background-color: #d99433;
}



.footermainwrapper .bottom--footer {
    padding: 21px 100px 0 100px;
}
.footermainwrapper .bottom--footer .logo--block img {
    width: 200px;
    height: 100px;
    padding-left: 0px;
    margin-top: -25px;
}
.footermainwrapper .bottom--footer .logo--block .contact--list {
    list-style: none;
    margin: 20px 0 0 0;
    padding: 0;
}
.footermainwrapper .bottom--footer .logo--block .contact--list li {
    margin-bottom: 10px;
    color: #fff;
}
.footermainwrapper .bottom--footer .logo--block .contact--list li span:first-child {
    font-weight: 500;
}
.footermainwrapper .bottom--footer .logo--block .contact--list li span:last-child {
    font-size: 14px;
}
.footermainwrapper .bottom--footer .about--block h6 {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
}
.footermainwrapper .bottom--footer .about--block p {

    /*text-align: justify;*/
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    line-height: 28px;
    margin-bottom: 15px;
}
.footermainwrapper .bottom--footer .about--block .social--list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.footermainwrapper .bottom--footer .about--block .social--list li {
    margin-right: 15px;
}
.footermainwrapper .bottom--footer .about--block .social--list li:last-child {
    margin-right: 0;
}
.footermainwrapper .bottom--footer .about--block .social--list li:nth-child(1) a {
    background-color: #3b5998;
    color: #fff;
}
.footermainwrapper .bottom--footer .about--block .social--list li:nth-child(2) a {
    background-color: #55acee;
    color: #fff;
}
.footermainwrapper .bottom--footer .about--block .social--list li:nth-child(3) a {
    background-color: #dd4b39;
    color: #fff;
}
.footermainwrapper .bottom--footer .about--block .social--list li:nth-child(4) a {
    background-color: #007bb5;
    color: #fff;
}
.footermainwrapper .bottom--footer .about--block .social--list li a {
    width: 45px;
    height: 45px;
    display: flex;
    border-radius: 2px;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    color: #08A9E3;
    outline: 0 solid #08A9E3;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    outline-offset: 0px;
    transition: all 0.1s;
}
.footermainwrapper .bottom--footer .about--block .social--list li a:hover {
    outline: 1px solid #08A9E3;
    outline-offset: -4px;
}
.footermainwrapper .bottom--footer .links--block.pl-20 {
    padding-left: 20px;
}
.footermainwrapper .bottom--footer .links--block h6 {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
}
.footermainwrapper .bottom--footer .links--block .links--list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footermainwrapper .bottom--footer .links--block .links--list li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 15px;
}
.footermainwrapper .bottom--footer .links--block .links--list li a {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    opacity: 0.88;
    text-decoration: none;
    transition: all 0.25s;
}
.footermainwrapper .bottom--footer .links--block .links--list li a:hover {
    opacity: 1;
    text-decoration: underline;
}
.footermainwrapper .bottom--footer .links--block .links--list li::before {
    content: "-";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    color: #fff;
}
.footermainwrapper .bottom--footer .copyrights {
    margin-top: 80px;
    padding: 20px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    background-color: #000000;
}
.page--header {
    padding: 20px 100px;
    background: #fff;
}
.page--header .page--path {
    font-size: 14px;
    font-weight: 500;
}
.page--header .page--path span:first-child {
    color: grey;
}
.page--header .page--path span:last-child {
    color: #000;
}
.productmainwrapper {
    padding: 0 100px 50px 100px;
    background-color: #fff;
    position: relative;
}
.productmainwrapper .product--gallery .imgwrapper {
    position: relative;
    padding: 12px;
    border-radius: 5px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    transition: all 0.25s;
}
.productmainwrapper .product--gallery .imgwrapper:hover {
    border-color: #08A9E3;
}
.productmainwrapper .product--gallery .imgwrapper .main_view img {
    width: 100%;
    height: 350px;
    border-radius: 4px;
}
.productmainwrapper .product--gallery .imgwrapper .nav_view {
    margin-top: 10px;
}
.productmainwrapper .product--gallery .imgwrapper .nav_view img {
    margin-left: 10px;
    height: 80px;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.25s;
}
.productmainwrapper .product--gallery .imgwrapper .nav_view img:hover {
    transform: scale(0.96);
}
.productmainwrapper .product--gallery .button--wrapper {
    text-align: center;
}
.productmainwrapper .product--gallery .button--wrapper .btn {
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 500;
    background-color: #08A9E3;
    border: 1px solid #08A9E3;
    box-shadow: none;
    color: #fff;
    transition: all 0.25s;
}
.productmainwrapper .product--gallery .button--wrapper .btn:first-child {
    background-color: transparent;
    border-color: #08A9E3;
    color: #08A9E3;
}
.productmainwrapper .product--gallery .button--wrapper .btn:first-child:hover {
    background-color: #08A9E3;
    color: #fff;
}
.productmainwrapper .product--gallery .button--wrapper .btn:first-child:active {
    background-color: #0895c5;
    color: #fff;
}
.productmainwrapper .product--gallery .button--wrapper .btn:last-child:active {
    background-color: #0895c5;
    color: #fff;
}
.productmainwrapper .product--info {
    padding-top: 15px;
}
.productmainwrapper .product--info h5 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
}
.productmainwrapper .product--info .star-rating {
    position: relative;
    margin-bottom: 12px;
}
.productmainwrapper .product--info .star-rating .star {
    width: 15px;
    height: 15px;
    position: relative;
}
.productmainwrapper .product--info .star-rating .star::before {
    content: "\f005";
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    color: #fbcb3a;
    font-size: 13px;
}
.productmainwrapper .product--info .star-rating .star.checked::before {
    content: "\f005";
    font-family: "Font Awesome 5 Brands";
    font-weight: 900;
    color: #fbcb3a;
    font-size: 13px;
}
.productmainwrapper .product--info .star-rating .comment {
    font-size: 13px;
    color: #5b6c8f;
}
.productmainwrapper .product--info .info--wrapper .item {
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.productmainwrapper .product--info .info--wrapper .item .svg-inline--fa {
    font-size: 14px;
}
.productmainwrapper .product--info .info--wrapper .item span {
    color: grey;
    font-size: 13px;
    margin-left: 5px;
}
.productmainwrapper .product--info .info--wrapper .item:last-child {
    margin-bottom: 15px;
}
.productmainwrapper .product--info .info--wrapper a,
.productmainwrapper .product--info .info--wrapper span {
    font-size: 14px;
    font-weight: 500;
    color: #000;
}
.productmainwrapper .product--info .info--wrapper .svg-inline--fa {
    font-size: 16px;
    color: #08A9E3;
    margin-right: 8px;
}
.productmainwrapper .product--info .desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    overflow: auto;
}
.details--wrapper .line {
    padding: 10px;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.details--wrapper .line:last-child {
    border-bottom: none;
}
.details--wrapper .line span:first-child {
    font-size: 15px;
    font-weight: 600;
    white-space: nowrap;
}
.details--wrapper .line span:last-child {
    font-size: 15px;
    font-weight: 500;
    width: 35%;
    /*overflow: auto;*/
    color: darkblue;
}
.productmainwrapper .product--contact {
    padding-top: 15px;
    /*width: 85%;*/
    margin: 0 auto;
}
.productmainwrapper .product--contact .button--wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
}
.productmainwrapper .product--contact .button--wrapper .btn {
    /*width: 80%;*/
    padding: 12px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 12px;
    border: 1px solid #08A9E3;
    background-color: transparent;
    color: #08A9E3;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.productmainwrapper .product--contact .button--wrapper .btn:hover {
    background-color: #08A9E3;
    color: #fff;
}
.productmainwrapper .product--contact .button--wrapper .btn:active {
    background-color: #0895c5;
    color: #fff;
}







.btn_whatsapp {
    width: 95%;
    padding: 12px;
    font-size: 14px;
    font-weight: 600;
    /*margin-bottom: 12px;*/
    border: 1px solid #43d854 !important;
    background-color: transparent;
    color: #43d854 !important;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.btn_whatsapp:hover {
    background-color: #43d854 !important;
    color: #fff !important;
}
.btn_whatsapp:active {
    background-color: #43d854 !important;
    color: #fff !important;
}


.btn_wechat {
    width: 95%;
    padding: 12px;
    font-size: 14px;
    font-weight: 600;
    /*margin-bottom: 12px;*/
    border: 1px solid #09B83E !important;
    background-color: transparent;
    color: #09B83E !important;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.btn_wechat:hover {
    background-color: #09B83E !important;
    color: #fff !important;
}
.btn_wechat:active {
    background-color: #09B83E !important;
    color: #fff !important;
}


.btn_email {
    width: 95%;
    padding: 12px;
    font-size: 14px;
    font-weight: 600;
    /*margin-bottom: 12px;*/
    border: 1px solid #dc4e41 !important;
    background-color: transparent;
    color: #dc4e41 !important;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.btn_email:hover {
    background-color: #dc4e41 !important;
    color: #fff !important;
}
.btn_email:active {
    background-color: #dc4e41 !important;
    color: #fff !important;
}




.btn_contact {
    width: 95%;
    padding: 12px;
    font-size: 14px;
    font-weight: 600;
    /*margin-bottom: 12px;*/
    border: 1px solid #000 !important;
    background-color: transparent;
    color: #000 !important;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.btn_contact:hover {
    background-color: #000 !important;
    color: #fff !important;
}
.btn_contact:active {
    background-color: #000 !important;
    color: #fff !important;
}


.btn_phone {
    width: 95%;
    padding: 12px;
    font-size: 14px;
    font-weight: 600;
    /*margin-bottom: 12px;*/
    border: 1px solid #0077b5 !important;
    background-color: transparent;
    color: #0077b5 !important;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.btn_phone:hover {
    background-color: #0077b5 !important;
    color: #fff !important;
}
.btn_phone:active {
    background-color: #0077b5 !important;
    color: #fff !important;
}


.productmainwrapper .product--contact .button--wrapper .btn .svg-inline--fa {
    margin-right: 6px;
}
.productmainwrapper .product--contact .card--info {
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: center;
}
.productmainwrapper .product--contact .card--info .main--title {
    font-size: 16px;
    font-weight: 600;
    text-decoration: underline;
    margin-bottom: 10px;
    text-transform: capitalize;
}
.productmainwrapper .product--contact .card--info .star-rating {
    position: relative;
    margin-bottom: 12px;
}
.productmainwrapper .product--contact .card--info .star-rating .star {
    width: 15px;
    height: 15px;
    position: relative;
}
.productmainwrapper .product--contact .card--info .star-rating .star::before {
    content: "\f005";
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    color: #fbcb3a;
    font-size: 13px;
}
.productmainwrapper .product--contact .card--info .star-rating .star.checked::before {
    content: "\f005";
    font-family: "Font Awesome 5 Brands";
    font-weight: 900;
    color: #fbcb3a;
    font-size: 13px;
}
.productmainwrapper .product--contact .card--info .star-rating .comment {
    font-size: 13px;
    color: #5b6c8f;
}
.productmainwrapper .product--contact .card--info .line {
    margin-bottom: 10px;
}
.productmainwrapper .product--contact .card--info .line.line--flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 25px;
}
.productmainwrapper .product--contact .card--info .line.line--flex .svg-inline--fa {
    font-size: 14px;
}
.productmainwrapper .product--contact .card--info .line.line--flex span {
    color: grey;
    font-size: 13px;
}
.productmainwrapper .product--contact .card--info .line a,
.productmainwrapper .product--contact .card--info .line span {
    font-size: 14px;
    font-weight: 500;
    color: #000;
}
.productmainwrapper .product--contact .card--info .line .svg-inline--fa {
    font-size: 16px;
    color: #08A9E3;
    margin-right: 6px;
}
.productmainwrapper .product--details--tabbed {
    padding: 60px 0 30px 0;
    margin-bottom: 30px;
}
.productmainwrapper .product--details--tabbed .nav-tabs {
    border: none;
}
.productmainwrapper .product--details--tabbed .nav-tabs li a::before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    opacity: 0;
    height: 2px;
    background-color: #08A9E3;
    transition: all 0.2s;
}
.productmainwrapper .product--details--tabbed .nav-tabs li a.active::before {
    width: 100%;
    opacity: 1;
}
.productmainwrapper .product--details--tabbed .nav-tabs li a.active {
    color: #08A9E3;
}
.productmainwrapper .product--details--tabbed .tab-content {
    padding: 20px 15px;
}
.productmainwrapper .product--details--tabbed .tab-content .main--title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 18px;
}

.product--desc{
    width: 100%;
    overflow: auto;
}

.productmainwrapper .product--details--tabbed .tab-content .product--desc .desc {
    line-height: 28px;
    font-weight: 400;
    font-size: 14px;
}
.productmainwrapper .product--details--tabbed .tab-content .product--desc ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.productmainwrapper .product--details--tabbed .tab-content .product--desc ul li {
    padding-left: 18px;
    position: relative;
    font-size: 14px;
    margin-bottom: 12px;
    font-weight: 500;
}
.productmainwrapper .product--details--tabbed .tab-content .product--desc ul li::before {
    content: "-";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    left: 0;
    color: #08A9E3;
}
.productmainwrapper .product--details--tabbed .tab-content .product--details .details--wrapper {
    padding-top: 15px;
}
.productmainwrapper .product--details--tabbed .tab-content .product--details .details--wrapper .line {
    padding: 10px;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.productmainwrapper .product--details--tabbed .tab-content .product--details .details--wrapper .line:last-child {
    border-bottom: none;
}
.productmainwrapper .product--details--tabbed .tab-content .product--details .details--wrapper .line span:first-child {
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
}
.productmainwrapper .product--details--tabbed .tab-content .product--details .details--wrapper .line span:last-child {
    font-size: 14px;
    font-weight: 500;
    width: 35%;
}
.productmainwrapper .product--details--tabbed .tab-content .product--videos .lightgallery--wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.productmainwrapper .product--details--tabbed .tab-content .product--videos .lightgallery--wrapper a {
    width: calc(25% - 15px);
    margin-right: 15px;
    display: block;
    position: relative;
    border-radius: 5px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.productmainwrapper .product--details--tabbed .tab-content .product--videos .lightgallery--wrapper a .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.35);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.15s;
}
.productmainwrapper .product--details--tabbed .tab-content .product--videos .lightgallery--wrapper a .overlay .svg-inline--fa {
    font-size: 45px;
    color: #fff;
    opacity: 0.85;
    transition: all 0.15s;
}
.productmainwrapper .product--details--tabbed .tab-content .product--videos .lightgallery--wrapper a .overlay:hover {
    background-color: rgba(0, 0, 0, 0.55);
}
.productmainwrapper .product--details--tabbed .tab-content .product--videos .lightgallery--wrapper a .overlay:hover .svg-inline--fa {
    opacity: 1;
}
.productmainwrapper .product--details--tabbed .tab-content .product--videos .lightgallery--wrapper a img {
    width: 100%;
}
.productmainwrapper .product--details--tabbed .tab-content .product--reviews .ratingformwrapper {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.productmainwrapper .product--details--tabbed .tab-content .product--reviews .ratingformwrapper .control-label {
    font-size: 14px;
    font-weight: 600;
    margin-right: 8px;
    display: block;
    margin-bottom: 10px;
}
.productmainwrapper .product--details--tabbed .tab-content .product--reviews .ratingformwrapper .star-rating {
    transform: translateY(-2px);
}
.productmainwrapper .product--details--tabbed .tab-content .product--reviews .ratingformwrapper .star-rating .star {
    width: 15px;
    height: 15px;
    position: relative;
    cursor: pointer;
}
.productmainwrapper .product--details--tabbed .tab-content .product--reviews .ratingformwrapper .star-rating .star::before {
    content: "\f005";
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    color: #fbcb3a;
    font-size: 13px;
    cursor: pointer;
}
.productmainwrapper .product--details--tabbed .tab-content .product--reviews .ratingformwrapper .star-rating .star.checked::before {
    content: "\f005";
    font-family: "Font Awesome 5 Brands";
    font-weight: 900;
    color: #fbcb3a;
    font-size: 13px;
}
.productmainwrapper .product--details--tabbed .tab-content .product--reviews .ratingformwrapper .star-rating.editable > input[type="radio"] {
    display: none;
}
.productmainwrapper .product--details--tabbed .tab-content .product--reviews .ratingformwrapper .star-rating.editable .star::before {
    content: "\f005";
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    color: #fbcb3a;
    font-size: 13px;
}
.productmainwrapper .product--details--tabbed .tab-content .product--reviews .ratingformwrapper .star-rating.editable > input[type="radio"] + .star:hover::before,
.productmainwrapper .product--details--tabbed .tab-content .product--reviews .ratingformwrapper .star-rating.editable > input[type="radio"]:checked ~ .star::before {
    font-weight: 900;
}
.productmainwrapper .product--details--tabbed .tab-content .product--reviews .ratingformwrapper .form-control {
    font-size: 14px;
    box-shadow: none;
}
.productmainwrapper .product--details--tabbed .tab-content .product--reviews .ratingformwrapper .form-control:focus {
    border-color: #08A9E3;
}
.productmainwrapper .product--details--tabbed .tab-content .product--reviews .ratingformwrapper .btn {
    padding: 10px 25px;
    background-color: #08A9E3;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    box-shadow: none;
}
.feedbackwrapper {
    padding: 15px 0;
}
.feedbackwrapper .item {
    margin-bottom: 15px;
    background-color: #eee;
    border-radius: 5px;
    padding: 15px;
}
.feedbackwrapper .item:last-child {
    margin-bottom: 0;
}
.feedbackwrapper .item .title {
    font-size: 16px;
    font-weight: 600;
    font-style: italic;
}
.productmainwrapper .product--details--tabbed .tab-content .product--reviews .feedbackwrapper .star-rating {
    transform: translateY(-2px);
}
.productmainwrapper .product--details--tabbed .tab-content .product--reviews .feedbackwrapper .star-rating .star {
    width: 15px;
    height: 15px;
    position: relative;
    cursor: pointer;
}
.productmainwrapper .product--details--tabbed .tab-content .product--reviews .feedbackwrapper .star-rating .star::before {
    content: "\f005";
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    color: #fbcb3a;
    font-size: 13px;
    cursor: pointer;
}
.productmainwrapper .product--details--tabbed .tab-content .product--reviews .feedbackwrapper .star-rating .star.checked::before {
    content: "\f005";
    font-family: "Font Awesome 5 Brands";
    font-weight: 900;
    color: #fbcb3a;
    font-size: 13px;
}
.productmainwrapper .product--details--tabbed .tab-content .product--reviews .feedbackwrapper .star-rating.editable > input[type="radio"] {
    display: none;
}
.productmainwrapper .product--details--tabbed .tab-content .product--reviews .feedbackwrapper .star-rating.editable .star::before {
    content: "\f005";
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    color: #fbcb3a;
    font-size: 13px;
}
.productmainwrapper .product--details--tabbed .tab-content .product--reviews .feedbackwrapper .star-rating.editable > input[type="radio"] + .star:hover::before,
.productmainwrapper .product--details--tabbed .tab-content .product--reviews .feedbackwrapper .star-rating.editable > input[type="radio"]:checked ~ .star::before {
    font-weight: 900;
}
.productmainwrapper .product--related {
    padding: 20px 22px;
    border-radius: 5px;
    border: 1px solid #ddd;
}
.productmainwrapper .product--related .card--header {
    margin-bottom: 25px;
}
.productmainwrapper .product--related .card--header.flex--header {
    display: flex;
    align-items: center;
}
.productmainwrapper .product--related .card--header h5 {
    font-size: 20px;
    font-weight: 700;
    position: relative;
    padding-left: 20px;
    margin-bottom: 0;
}
.productmainwrapper .product--related .card--header h5::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: #08A9E3;
}
.productmainwrapper .product--related .owl-carousel {
    position: relative;
}
.productmainwrapper .product--related .owl-carousel .owl-nav {
    position: absolute;
    top: -55px;
    right: 0;
    display: flex;
}
.productmainwrapper .product--related .owl-carousel .owl-nav button {
    width: 30px;
    height: 30px;
    background-color: #eee;
    border-radius: 100%;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    transition: all 0.25s;
}
.productmainwrapper .product--related .owl-carousel .owl-nav button:first-child {
    margin-right: 8px;
}
.productmainwrapper .product--related .owl-carousel .owl-nav button:hover {
    background-color: #08A9E3;
    color: #fff;
}
.productmainwrapper .product--related .cardwrapper {
    background-color: #fff;
    margin-bottom: 0;
    cursor: pointer;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
    border: 1px solid #eee;
}
.productmainwrapper .product--related .cardwrapper .imgwrapper {
    overflow: hidden;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    position: relative;
    max-height: 200px;
}
.productmainwrapper .product--related .cardwrapper .imgwrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: -30px;
    width: 30px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.15);
    transition: all 0.25s;
    z-index: 10;
}
.productmainwrapper .product--related .cardwrapper .imgwrapper img {
    width: auto;
    transition: all 0.25s;
    height: 150px;
    margin: auto;
}
.productmainwrapper .product--related .cardwrapper .imgwrapper .action--wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -60px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 10px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s;
}
.productmainwrapper .product--related .cardwrapper .imgwrapper .action--wrapper a {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background-color: #fff;
    color: #08A9E3;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    transition: all 0.25s;
}
.productmainwrapper .product--related .cardwrapper .imgwrapper .action--wrapper a:last-child {
    margin-bottom: 0;
}
.productmainwrapper .product--related .cardwrapper .imgwrapper .action--wrapper a:hover {
    background-color: #08A9E3;
    color: #fff;
}
.productmainwrapper .product--related .cardwrapper .imgwrapper:hover .action--wrapper {
    right: 0;
    opacity: 1;
    visibility: visible;
}
.productmainwrapper .product--related .cardwrapper .infowrapper {
    padding: 12px 10px;
    text-align: center;
}
.productmainwrapper .product--related .cardwrapper .infowrapper .star-rating {
    position: relative;
    margin-bottom: 8px;
}
.productmainwrapper .product--related .cardwrapper .infowrapper .star-rating .star {
    width: 15px;
    height: 15px;
    position: relative;
}
.productmainwrapper .product--related .cardwrapper .infowrapper .star-rating .star::before {
    content: "\f005";
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    color: #fbcb3a;
    font-size: 13px;
}
.productmainwrapper .product--related .cardwrapper .infowrapper .star-rating .star.checked::before {
    content: "\f005";
    font-family: "Font Awesome 5 Brands";
    font-weight: 900;
    color: #fbcb3a;
    font-size: 13px;
}
.productmainwrapper .product--related .cardwrapper .infowrapper .star-rating .comment {
    font-size: 13px;
    color: #5b6c8f;
}
.productmainwrapper .product--related .cardwrapper .infowrapper .flex--wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
}
.productmainwrapper .product--related .cardwrapper .infowrapper .flex--wrapper .item {
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.productmainwrapper .product--related .cardwrapper .infowrapper .flex--wrapper .item:first-child {
    margin-right: 15px;
}
.productmainwrapper .product--related .cardwrapper .infowrapper .flex--wrapper .item .svg-inline--fa {
    font-size: 14px;
    color: #08A9E3;
    margin-right: 8px;
}
.productmainwrapper .product--related .cardwrapper .infowrapper .flex--wrapper .item span {
    color: grey;
    font-size: 13px;
    font-weight: 500;
}
.productmainwrapper .product--related .cardwrapper .infowrapper h5 {
    font-size: 18px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.productmainwrapper .product--related .cardwrapper .infowrapper .price {
    margin-bottom: 12px;
}
.productmainwrapper .product--related .cardwrapper .infowrapper .price span.current {
    font-size: 18px;
    color: #08A9E3;
    margin-right: 6px;
    font-weight: 500;
}
.productmainwrapper .product--related .cardwrapper .infowrapper .by-label {
    font-size: 13px;
    color: #292932ab;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-weight: 500;
    overflow: hidden;
}
.productmainwrapper .product--related .cardwrapper .infowrapper .by-label span:first-child {
    color: #000;
    margin-right: 4px;
}
.productmainwrapper .product--related .cardwrapper .infowrapper .button--wrapper {
    text-align: center;
}
.productmainwrapper .product--related .cardwrapper .infowrapper .button--wrapper .btn {
    padding: 7px 15px;
    color: #08A9E3;
    border: 1px solid #08A9E3;
    border-radius: 25px;
    background-color: #fff;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.25s;
}
.productmainwrapper .product--related .cardwrapper .infowrapper .button--wrapper .btn:hover {
    background-color: #08A9E3;
    color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.productmainwrapper .product--related .cardwrapper .infowrapper .button--wrapper .btn:last-child {
    border-color: #08A9E3;
    color: #08A9E3;
}
.productmainwrapper .product--related .cardwrapper .infowrapper .button--wrapper .btn:last-child:hover {
    background-color: #08A9E3;
    color: #fff;
}
.productmainwrapper .product--related .cardwrapper:hover .imgwrapper::before {
    left: calc(100% + 30px);
}
.productmainwrapper .product--related .cardwrapper:hover .imgwrapper img {
    transform: scale(1.1);
}
.companyprofilewrapper {
    padding: 50px;
    background-color: #fff;
    position: relative;
}
.companyprofilewrapper .company--header .cover--wrapper {
    height: 330px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid #ddd;
}
.companyprofilewrapper .company--header .company--info {
    border: 1px solid #ddd;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 0 65px 25px 65px;
}
.companyprofilewrapper .company--header .company--info .main--info .img--wrapper {
    width: 120px;
    height: 120px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
    border: 4px solid #fff;
    margin-right: 10px;
    margin-top: -80px;
    margin-bottom: 20px;
}
.companyprofilewrapper .company--header .company--info .main--info .img--wrapper img {
    width: 100%;
}
.companyprofilewrapper .company--header .company--info .main--info h5 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}
.companyprofilewrapper .company--header .company--info .main--info h5 span {
    font-size: 13px;
    padding: 5px;
    border-radius: 3px;
    background-color: #08A9E3;
    font-weight: 500;
    color: #fff;
}
.companyprofilewrapper .company--header .company--info .main--contact {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.companyprofilewrapper .company--header .company--info .main--contact .item {
    display: flex;
    align-items: center;
}
.companyprofilewrapper .company--header .company--info .main--contact .item a {
    width: 45px;
    height: 45px;
    border: 1px solid #08A9E3;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #08A9E3;
    background-color: transparent;
    margin-right: 8px;
    border-radius: 3px;
    transition: all 0.15s;
}
.companyprofilewrapper .company--header .company--info .main--contact .item a:hover {
    background-color: #08A9E3;
    color: #fff;
}
.companyprofilewrapper .company--header .company--info .main--contact .item a:active {
    background-color: #0895c5;
}
.companyprofilewrapper .company--header .company--info .main--contact .item .btn {
    padding: 12px 20px;
    min-width: 130px;
    font-size: 13px;
    font-weight: 600;
    border: 1px solid #08A9E3;
    color: #08A9E3;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    margin-left: 8px;
}
/*.companyprofilewrapper .company--header .company--info .main--contact .item .btn:last-child {*/
/*    background-color: #08A9E3;*/
/*    border-color: #08A9E3;*/
/*    color: #fff;*/
/*}*/
/*.companyprofilewrapper .company--header .company--info .main--contact .item .btn:last-child:hover {*/
/*    background-color: #08A9E3;*/
/*    border-color: #08A9E3;*/
/*    color: #fff;*/
/*}*/
/*.companyprofilewrapper .company--header .company--info .main--contact .item .btn:last-child:active {*/
/*    background-color: #db922c;*/
/*}*/
.companyprofilewrapper .company--header .company--info .main--contact .item .btn:hover {
    background-color: #08A9E3;
    color: #fff;
}
.companyprofilewrapper .company--header .company--info .main--contact .item .btn:active {
    background-color: #0895c5;
}
.companyprofilewrapper .company--header .company--info .main--contact .item .btn .svg-inline--fa {
    margin-right: 4px;
    font-size: 16px;
}
.companyprofilewrapper .company--overview {
    margin-top: 35px;
}
.companyprofilewrapper .company--overview .main--title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}
.companyprofilewrapper .company--overview .box {
    padding: 20px 22px 8px 22px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 20px;
}
.companyprofilewrapper .company--overview .box .sub--title {
    font-size: 18px;
    font-weight: 600;
    position: relative;
    padding-left: 15px;
    margin-bottom: 16px;
}
.companyprofilewrapper .company--overview .box .sub--title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: #08A9E3;
}
.companyprofilewrapper .company--overview .box .lightgallery--wrapper {
    display: flex;
    flex-wrap: wrap;
}
.companyprofilewrapper .company--overview .box .lightgallery--wrapper a {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    margin-right: 12px;
    margin-bottom: 12px;
}
.companyprofilewrapper .company--overview .box .lightgallery--wrapper a img {
    width: 180px;
    height: 130px;
}
.companyprofilewrapper .company--overview .box .lightgallery--wrapper a .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.35);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    color: #fff;
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
    transition: all 0.25s;
}
.companyprofilewrapper .company--overview .box .lightgallery--wrapper a:hover .overlay {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}
.companyprofilewrapper .company--overview .box .line--wrapper .line {
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}
.companyprofilewrapper .company--overview .box .line--wrapper .line:last-child {
    border-bottom: none;
}
.companyprofilewrapper .company--overview .box .line--wrapper .line img {
    width: 75px;
    height: 75px;
    margin-right: 15px;
    border-radius: 100%;
}
.companyprofilewrapper .company--overview .box .line--wrapper .line .info h6 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 6px;
}
.companyprofilewrapper .company--overview .box .line--wrapper .line .info p {
    margin-bottom: 8px;
    color: grey;
    font-size: 13px;
}
.companyprofilewrapper .company--overview .box .desc {
    line-height: 28px;
    font-weight: 400;
}
.companyprofilewrapper .company--overview .box .location {
    font-size: 14px;
}
.companyprofilewrapper .company--overview .box .location .svg-inline--fa {
    color: #08A9E3;
    font-size: 14px;
    margin-right: 6px;
}
.companyprofilewrapper .company--overview .box .location a {
    font-size: 13px;
    font-style: italic;
    color: #08A9E3;
}
.companyprofilewrapper .company--overview .box .modal iframe {
    width: 100%;
    height: 400px;
}
.companyprofilewrapper .company--overview .details--table {
    outline: 1px solid #ddd;
    display: flex;
    align-items: stretch;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 20px;
}
.companyprofilewrapper .company--overview .details--table .wrapper {
    width: 50%;
}
.companyprofilewrapper .company--overview .details--table .wrapper .line {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    border-bottom: 1px solid #ddd;
}
.companyprofilewrapper .company--overview .details--table .wrapper .line:last-child {
    border-bottom: none;
}
.companyprofilewrapper .company--overview .details--table .wrapper .line span {
    height: 56px;
    padding: 0 12px;
    display: flex;
    align-items: center;
}
.companyprofilewrapper .company--overview .details--table .wrapper .line span:first-child {
    width: 35%;
    font-size: 16px;
    font-weight: 500;
}
.companyprofilewrapper .company--overview .details--table .wrapper .line span:last-child {
    font-size: 15px;
    font-weight: 500;
    background-color: #eee;
    justify-content: center;
    width: 65%;
    text-align: center;
}
.companyprofilewrapper .company--overview .details--table .wrapper .line span:last-child img {
    width: 40px;
    height: 40px;
    margin-right: 8px;
}
.companyprofilewrapper .company--overview .company--products {
    padding: 20px 22px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 20px;
}
.companyprofilewrapper .company--overview .company--products .card--header {
    margin-bottom: 25px;
}
.companyprofilewrapper .company--overview .company--products .card--header h6 {
    font-size: 17px;
    font-weight: 600;
    position: relative;
    padding-left: 15px;
    /*margin-bottom: 16px;*/
}
.companyprofilewrapper .company--overview .company--products .card--header h6::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: #08A9E3;
}
.companyprofilewrapper .company--overview .company--products .owl-carousel {
    position: relative;
}
.companyprofilewrapper .company--overview .company--products .owl-carousel .owl-nav {
    position: absolute;
    top: -22px;
    right: 0;
    display: flex;
}
.companyprofilewrapper .company--overview .company--products .owl-carousel .owl-nav button {
    width: 30px;
    height: 30px;
    background-color: #eee;
    border-radius: 100%;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    transition: all 0.25s;
}
.companyprofilewrapper .company--overview .company--products .owl-carousel .owl-nav button:first-child {
    margin-right: 8px;
}
.companyprofilewrapper .company--overview .company--products .owl-carousel .owl-nav button:hover {
    background-color: #08A9E3;
    color: #fff;
}
.companyprofilewrapper .company--overview .company--products .cardwrapper {
    background-color: #fff;
    margin-bottom: 0;
    cursor: pointer;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
    border: 1px solid #eee;
}
.companyprofilewrapper .company--overview .company--products .cardwrapper .imgwrapper {
    overflow: hidden;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    position: relative;
    max-height: 200px;
}
.companyprofilewrapper .company--overview .company--products .cardwrapper .imgwrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: -30px;
    width: 30px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.15);
    transition: all 0.25s;
    z-index: 10;
}
.companyprofilewrapper .company--overview .company--products .cardwrapper .imgwrapper img {
    width: auto;
    transition: all 0.25s;
    height: 150px;
    margin: auto;
}
.companyprofilewrapper .company--overview .company--products .cardwrapper .imgwrapper .action--wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -60px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 10px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s;
}
.companyprofilewrapper .company--overview .company--products .cardwrapper .imgwrapper .action--wrapper a {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background-color: #fff;
    color: #08A9E3;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    transition: all 0.25s;
}
.companyprofilewrapper .company--overview .company--products .cardwrapper .imgwrapper .action--wrapper a:last-child {
    margin-bottom: 0;
}
.companyprofilewrapper .company--overview .company--products .cardwrapper .imgwrapper .action--wrapper a:hover {
    background-color: #08A9E3;
    color: #fff;
}
.companyprofilewrapper .company--overview .company--products .cardwrapper .imgwrapper:hover .action--wrapper {
    right: 0;
    opacity: 1;
    visibility: visible;
}
.companyprofilewrapper .company--overview .company--products .cardwrapper .infowrapper {
    padding: 12px 10px;
    text-align: center;
}
.companyprofilewrapper .company--overview .company--products .cardwrapper .infowrapper .star-rating {
    position: relative;
    margin-bottom: 8px;
}
.companyprofilewrapper .company--overview .company--products .cardwrapper .infowrapper .star-rating .star {
    width: 15px;
    height: 15px;
    position: relative;
}
.companyprofilewrapper .company--overview .company--products .cardwrapper .infowrapper .star-rating .star::before {
    content: "\f005";
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    color: #fbcb3a;
    font-size: 13px;
}
.companyprofilewrapper .company--overview .company--products .cardwrapper .infowrapper .star-rating .star.checked::before {
    content: "\f005";
    font-family: "Font Awesome 5 Brands";
    font-weight: 900;
    color: #fbcb3a;
    font-size: 13px;
}
.companyprofilewrapper .company--overview .company--products .cardwrapper .infowrapper .star-rating .comment {
    font-size: 13px;
    color: #5b6c8f;
}
.companyprofilewrapper .company--overview .company--products .cardwrapper .infowrapper .flex--wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
}
.companyprofilewrapper .company--overview .company--products .cardwrapper .infowrapper .flex--wrapper .item {
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.companyprofilewrapper .company--overview .company--products .cardwrapper .infowrapper .flex--wrapper .item:first-child {
    margin-right: 15px;
}
.companyprofilewrapper .company--overview .company--products .cardwrapper .infowrapper .flex--wrapper .item .svg-inline--fa {
    font-size: 14px;
    color: #08A9E3;
    margin-right: 8px;
}
.companyprofilewrapper .company--overview .company--products .cardwrapper .infowrapper .flex--wrapper .item span {
    color: grey;
    font-size: 13px;
    font-weight: 500;
    margin-left: 5px;
}
.companyprofilewrapper .company--overview .company--products .cardwrapper .infowrapper h5 {
    font-size: 18px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.companyprofilewrapper .company--overview .company--products .cardwrapper .infowrapper .price {
    margin-bottom: 12px;
}
.companyprofilewrapper .company--overview .company--products .cardwrapper .infowrapper .price span.current {
    font-size: 18px;
    color: #08A9E3;
    margin-right: 6px;
    font-weight: 500;
}
.companyprofilewrapper .company--overview .company--products .cardwrapper .infowrapper .by-label {
    font-size: 13px;
    color: #292932ab;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-weight: 500;
    overflow: hidden;
}
.companyprofilewrapper .company--overview .company--products .cardwrapper .infowrapper .by-label span:first-child {
    color: #000;
    margin-right: 4px;
}
.companyprofilewrapper .company--overview .company--products .cardwrapper .infowrapper .button--wrapper {
    text-align: center;
}
.companyprofilewrapper .company--overview .company--products .cardwrapper .infowrapper .button--wrapper .btn {
    padding: 7px 15px;
    color: #08A9E3;
    border: 1px solid #08A9E3;
    border-radius: 25px;
    background-color: #fff;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.25s;
}
.companyprofilewrapper .company--overview .company--products .cardwrapper .infowrapper .button--wrapper .btn:hover {
    background-color: #08A9E3;
    color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.companyprofilewrapper .company--overview .company--products .cardwrapper .infowrapper .button--wrapper .btn:last-child {
    border-color: #08A9E3;
    color: #08A9E3;
}
.companyprofilewrapper .company--overview .company--products .cardwrapper .infowrapper .button--wrapper .btn:last-child:hover {
    background-color: #08A9E3;
    color: #fff;
}
.companyprofilewrapper .company--overview .company--products .cardwrapper:hover .imgwrapper::before {
    left: calc(100% + 30px);
}
.companyprofilewrapper .company--overview .company--products .cardwrapper:hover .imgwrapper img {
    transform: scale(1.1);
}
.companyprofilewrapper .company--overview .company--videos {
    padding: 20px 22px;
}
.companyprofilewrapper .company--overview .company--videos .sub--title {
    margin-bottom: 25px;
}
.companyprofilewrapper .company--overview .company--videos a {
    display: block;
    position: relative;
    border-radius: 5px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.companyprofilewrapper .company--overview .company--videos a .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.35);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.15s;
}
.companyprofilewrapper .company--overview .company--videos a .overlay .svg-inline--fa {
    font-size: 45px;
    color: #fff;
    opacity: 0.85;
    transition: all 0.15s;
}
.companyprofilewrapper .company--overview .company--videos a .overlay:hover {
    background-color: rgba(0, 0, 0, 0.55);
}
.companyprofilewrapper .company--overview .company--videos a .overlay:hover .svg-inline--fa {
    opacity: 1;
}
.companyprofilewrapper .company--overview .company--videos a img {
    width: 100%;
    border-radius: 5px;
}
.companyprofilewrapper .company--overview .statics--wrapper {
    padding: 20px 22px;
}
.companyprofilewrapper .company--overview .statics--wrapper .sub--title {
    margin-bottom: 35px;
}
.companyprofilewrapper .company--overview .statics--wrapper .flex--wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.companyprofilewrapper .company--overview .statics--wrapper .flex--wrapper .item {
    width: calc(25% - 15px);
    text-align: center;
}
.companyprofilewrapper .company--overview .statics--wrapper .flex--wrapper .item .icon--wrapper {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    background-color: #08A9E3;
    border-radius: 5px;
    color: #fff;
    margin: 0 auto;
}
.companyprofilewrapper .company--overview .statics--wrapper .flex--wrapper .item p {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 8px;
    margin-top: 15px;
}
.companyprofilewrapper .company--overview .statics--wrapper .flex--wrapper .item h6 {
    font-size: 14px;
    color: #919191;
    font-weight: 400;
    margin-bottom: 0;
}
.companyprofilewrapper .company--overview .cert--slider {
    padding: 20px 22px;
}
.companyprofilewrapper .company--overview .cert--slider .sub--title {
    margin-bottom: 25px;
}
.companyprofilewrapper .company--overview .cert--slider .cert-trigger {
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.companyprofilewrapper .company--overview .cert--slider .cert-trigger a {
    display: block;
    position: relative;
    overflow: hidden;
}
.companyprofilewrapper .company--overview .cert--slider .cert-trigger a .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.35);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    color: #fff;
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
    transition: all 0.25s;
}
.companyprofilewrapper .company--overview .cert--slider .cert-trigger a:hover .overlay {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}
.companyprofilewrapper .company--overview .contact--requests {
    padding: 20px 22px;
}
.companyprofilewrapper .company--overview .contact--requests .sub--title {
    margin-bottom: 25px;
}
.companyprofilewrapper .company--overview .contact--requests .table-responsive table th {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
}
.companyprofilewrapper .company--overview .contact--requests .table-responsive table th:first-child {
    text-align: left;
}
.companyprofilewrapper .company--overview .contact--requests .table-responsive table td {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    padding: 15px 10px;
    white-space: nowrap;
}
.companyprofilewrapper .company--overview .contact--requests .table-responsive table td:first-child {
    text-align: left;
}
.allcompanieswrapper {
    padding: 50px;
    background-color: #eee;
    position: relative;
}
.allcompanieswrapper .paginationwrapper {
    margin-top: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.allcompanieswrapper .paginationwrapper a {
    font-size: 14px;
    width: 35px;
    height: 35px;
    text-decoration: none;
    color: #102248;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    margin-right: 10px;
    transition: all 0.25s;
}
.allcompanieswrapper .paginationwrapper a.active,
.allcompanieswrapper .paginationwrapper a:hover {
    background-color: #102248;
    color: #fff !important;
}
.allcompanieswrapper .paginationwrapper a:first-child,
.allcompanieswrapper .paginationwrapper a:last-child {
    border: 1px solid #102248;
    color: #102248;
    font-size: 14px;
}
.allcompanieswrapper .card--header {
    margin-bottom: 25px;
}
.allcompanieswrapper .card--header.flex--header {
    display: flex;
    align-items: center;
}
.allcompanieswrapper .card--header h4 {
    font-size: 22px;
    font-weight: 700;
    position: relative;
    padding-left: 20px;
    margin-bottom: 0;
}
.allcompanieswrapper .card--header h4::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: #08A9E3;
}
.allcompanieswrapper .card--header a {
    font-style: 14px;
    font-weight: 500;
    color: grey;
    font-style: italic;
    margin-left: 8px;
    transition: all 0.25s;
}
.allcompanieswrapper .card--header a:hover {
    color: #08A9E3;
}
.allcompanieswrapper .section--wrapper {
    padding: 20px 22px;
    border-radius: 5px;
    background-color: #fff;
    margin-bottom: 25px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.09);
}
.allcompanieswrapper .section--wrapper.all--companies .cardwrapper,
.allcompanieswrapper .section--wrapper.featured--company .cardwrapper,
.allcompanieswrapper .section--wrapper.top--companies .cardwrapper {
    background-color: #fff;
    display: flex;
    margin-bottom: 25px;
    cursor: pointer;
}
.allcompanieswrapper .section--wrapper.all--companies .cardwrapper .imgwrapper,
.allcompanieswrapper .section--wrapper.featured--company .cardwrapper .imgwrapper,
.allcompanieswrapper .section--wrapper.top--companies .cardwrapper .imgwrapper {
    overflow: hidden;
    width: 40%;
    border-radius: 5px;
    position: relative;
    max-height: 200px;
}
.allcompanieswrapper .section--wrapper.all--companies .cardwrapper .imgwrapper::before,
.allcompanieswrapper .section--wrapper.featured--company .cardwrapper .imgwrapper::before,
.allcompanieswrapper .section--wrapper.top--companies .cardwrapper .imgwrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: -30px;
    width: 30px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.15);
    transition: all 0.25s;
    z-index: 10;
}
.allcompanieswrapper .section--wrapper.all--companies .cardwrapper .imgwrapper img,
.allcompanieswrapper .section--wrapper.featured--company .cardwrapper .imgwrapper img,
.allcompanieswrapper .section--wrapper.top--companies .cardwrapper .imgwrapper img {
    width: 70%;
    transition: all 0.25s;
    /* height: 200px; */
    margin: auto;
}
.allcompanieswrapper .section--wrapper.all--companies .cardwrapper .imgwrapper .action--wrapper,
.allcompanieswrapper .section--wrapper.featured--company .cardwrapper .imgwrapper .action--wrapper,
.allcompanieswrapper .section--wrapper.top--companies .cardwrapper .imgwrapper .action--wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -60px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 10px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s;
}
.allcompanieswrapper .section--wrapper.all--companies .cardwrapper .imgwrapper .action--wrapper a,
.allcompanieswrapper .section--wrapper.featured--company .cardwrapper .imgwrapper .action--wrapper a,
.allcompanieswrapper .section--wrapper.top--companies .cardwrapper .imgwrapper .action--wrapper a {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background-color: #fff;
    color: #08A9E3;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    transition: all 0.25s;
}
.allcompanieswrapper .section--wrapper.all--companies .cardwrapper .imgwrapper .action--wrapper a:last-child,
.allcompanieswrapper .section--wrapper.featured--company .cardwrapper .imgwrapper .action--wrapper a:last-child,
.allcompanieswrapper .section--wrapper.top--companies .cardwrapper .imgwrapper .action--wrapper a:last-child {
    margin-bottom: 0;
}
.allcompanieswrapper .section--wrapper.all--companies .cardwrapper .imgwrapper .action--wrapper a:hover,
.allcompanieswrapper .section--wrapper.featured--company .cardwrapper .imgwrapper .action--wrapper a:hover,
.allcompanieswrapper .section--wrapper.top--companies .cardwrapper .imgwrapper .action--wrapper a:hover {
    background-color: #08A9E3;
    color: #fff;
}
.allcompanieswrapper .section--wrapper.all--companies .cardwrapper .imgwrapper:hover .action--wrapper,
.allcompanieswrapper .section--wrapper.featured--company .cardwrapper .imgwrapper:hover .action--wrapper,
.allcompanieswrapper .section--wrapper.top--companies .cardwrapper .imgwrapper:hover .action--wrapper {
    right: 0;
    opacity: 1;
    visibility: visible;
}
.allcompanieswrapper .section--wrapper.all--companies .cardwrapper .infowrapper,
.allcompanieswrapper .section--wrapper.featured--company .cardwrapper .infowrapper,
.allcompanieswrapper .section--wrapper.top--companies .cardwrapper .infowrapper {
    padding: 12px 5px 12px 20px;
    width: 60%;
}
.allcompanieswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .star-rating,
.allcompanieswrapper .section--wrapper.featured--company .cardwrapper .infowrapper .star-rating,
.allcompanieswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .star-rating {
    position: relative;
    margin-bottom: 8px;
}
.allcompanieswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .star-rating .star,
.allcompanieswrapper .section--wrapper.featured--company .cardwrapper .infowrapper .star-rating .star,
.allcompanieswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .star-rating .star {
    width: 15px;
    height: 15px;
    position: relative;
}
.allcompanieswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .star-rating .star::before,
.allcompanieswrapper .section--wrapper.featured--company .cardwrapper .infowrapper .star-rating .star::before,
.allcompanieswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .star-rating .star::before {
    content: "\f005";
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    color: #fbcb3a;
    font-size: 13px;
}
.allcompanieswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .star-rating .star.checked::before,
.allcompanieswrapper .section--wrapper.featured--company .cardwrapper .infowrapper .star-rating .star.checked::before,
.allcompanieswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .star-rating .star.checked::before {
    content: "\f005";
    font-family: "Font Awesome 5 Brands";
    font-weight: 900;
    color: #fbcb3a;
    font-size: 13px;
}
.allcompanieswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .star-rating .comment,
.allcompanieswrapper .section--wrapper.featured--company .cardwrapper .infowrapper .star-rating .comment,
.allcompanieswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .star-rating .comment {
    font-size: 13px;
    color: #5b6c8f;
}
.allcompanieswrapper .section--wrapper.all--companies .cardwrapper .infowrapper h5,
.allcompanieswrapper .section--wrapper.featured--company .cardwrapper .infowrapper h5,
.allcompanieswrapper .section--wrapper.top--companies .cardwrapper .infowrapper h5 {
    font-size: 16px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.allcompanieswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .statics,
.allcompanieswrapper .section--wrapper.featured--company .cardwrapper .infowrapper .statics,
.allcompanieswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .statics {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
}
.allcompanieswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .statics p,
.allcompanieswrapper .section--wrapper.featured--company .cardwrapper .infowrapper .statics p,
.allcompanieswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .statics p {
    margin-bottom: 0;
    margin-right: 15px;
}
.allcompanieswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .statics p .svg-inline--fa,
.allcompanieswrapper .section--wrapper.featured--company .cardwrapper .infowrapper .statics p .svg-inline--fa,
.allcompanieswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .statics p .svg-inline--fa {
    font-style: 15px;
    color: #08A9E3;
    margin-right: 2px;
}
.allcompanieswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .statics p span,
.allcompanieswrapper .section--wrapper.featured--company .cardwrapper .infowrapper .statics p span,
.allcompanieswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .statics p span {
    font-size: 13px;
    font-weight: 500;
    color: gray;
    margin-left: 5px;
}
.allcompanieswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .statics p:hover span,
.allcompanieswrapper .section--wrapper.featured--company .cardwrapper .infowrapper .statics p:hover span,
.allcompanieswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .statics p:hover span {
    color: #08A9E3;
}
.allcompanieswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .by-label,
.allcompanieswrapper .section--wrapper.featured--company .cardwrapper .infowrapper .by-label,
.allcompanieswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .by-label {
    font-size: 13px;
    color: #292932ab;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-weight: 500;
    overflow: hidden;
}
.allcompanieswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .by-label .svg-inline--fa,
.allcompanieswrapper .section--wrapper.featured--company .cardwrapper .infowrapper .by-label .svg-inline--fa,
.allcompanieswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .by-label .svg-inline--fa {
    font-style: 16px;
    color: #08A9E3;
    margin-right: 6px;
}
.allcompanieswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .button--wrapper,
.allcompanieswrapper .section--wrapper.featured--company .cardwrapper .infowrapper .button--wrapper,
.allcompanieswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .button--wrapper {
    text-align: left;
}
.allcompanieswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .button--wrapper .btn,
.allcompanieswrapper .section--wrapper.featured--company .cardwrapper .infowrapper .button--wrapper .btn,
.allcompanieswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .button--wrapper .btn {
    padding: 7px 15px;
    color: #08A9E3;
    border: 1px solid #08A9E3;
    border-radius: 25px;
    background-color: #fff;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.25s;
}
.allcompanieswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .button--wrapper .btn:hover,
.allcompanieswrapper .section--wrapper.featured--company .cardwrapper .infowrapper .button--wrapper .btn:hover,
.allcompanieswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .button--wrapper .btn:hover {
    background-color: #08A9E3;
    color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.allcompanieswrapper .section--wrapper.all--companies .cardwrapper:hover .imgwrapper::before,
.allcompanieswrapper .section--wrapper.featured--company .cardwrapper:hover .imgwrapper::before,
.allcompanieswrapper .section--wrapper.top--companies .cardwrapper:hover .imgwrapper::before {
    left: calc(100% + 30px);
}
.allcompanieswrapper .section--wrapper.all--companies .cardwrapper:hover .imgwrapper img,
.allcompanieswrapper .section--wrapper.featured--company .cardwrapper:hover .imgwrapper img,
.allcompanieswrapper .section--wrapper.top--companies .cardwrapper:hover .imgwrapper img {
    transform: scale(1.1);
}
.allcompanieswrapper .section--wrapper .owl-carousel {
    position: relative;
}
.allcompanieswrapper .section--wrapper .owl-carousel .owl-nav {
    position: absolute;
    top: -60px;
    right: 0;
    display: flex;
}
.allcompanieswrapper .section--wrapper .owl-carousel .owl-nav button {
    width: 30px;
    height: 30px;
    background-color: #eee;
    border-radius: 100%;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    transition: all 0.25s;
}
.allcompanieswrapper .section--wrapper .owl-carousel .owl-nav button:first-child {
    margin-right: 8px;
}
.allcompanieswrapper .section--wrapper .owl-carousel .owl-nav button:hover {
    background-color: #08A9E3;
    color: #fff;
}
.allcategorieswrapper {
    padding: 50px;
    background-color: #eee;
    position: relative;
}
.allcategorieswrapper .card--header {
    margin-bottom: 35px;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}
.allcategorieswrapper .card--header.flex--header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.allcategorieswrapper .card--header.flex--header .header--info {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.allcategorieswrapper .card--header.flex--header .header--info .item {
    margin-left: 10px;
}
.allcategorieswrapper .card--header.flex--header .header--info .item span {
    color: grey;
    font-size: 14px;
}
.allcategorieswrapper .card--header.flex--header .header--info .item span:first-child {
    color: #08A9E3;
}
.allcategorieswrapper .card--header.flex--header .header--info .item span:last-child {
    font-size: 13px;
}
.allcategorieswrapper .card--header.flex--header .header--info .item a {
    padding: 7px 15px;
    background-color: transparent;
    color: #08A9E3;
    border: 1px solid #08A9E3;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.25s;
}
.allcategorieswrapper .card--header.flex--header .header--info .item a:hover {
    background-color: #08A9E3;
    color: #fff;
    border-radius: 25px;
}
.allcategorieswrapper .card--header h4 {
    font-size: 22px;
    font-weight: 700;
    position: relative;
    padding-left: 20px;
    margin-bottom: 0;
}
.allcategorieswrapper .card--header h4::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: #08A9E3;
}
.allcategorieswrapper .card--header a {
    font-style: 14px;
    font-weight: 500;
    color: grey;
    font-style: italic;
    margin-left: 8px;
    transition: all 0.25s;
}
.allcategorieswrapper .card--header a:hover {
    color: #08A9E3;
}
.allcategorieswrapper .section--wrapper {
    padding: 20px 22px 0 22px;
    border-radius: 5px;
    background-color: #fff;
    margin-bottom: 25px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.09);
}
.allcategorieswrapper .section--wrapper .cardwrapper {
    background-color: #fff;
    display: flex;
    margin-bottom: 35px;
}
.allcategorieswrapper .section--wrapper .cardwrapper .imgwrapper {
    overflow: hidden;
    width: 40%;
    border-radius: 5px;
    position: relative;
    max-height: 200px;
}
.allcategorieswrapper .section--wrapper .cardwrapper .imgwrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: -30px;
    width: 30px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.15);
    transition: all 0.25s;
    z-index: 10;
}
.allcategorieswrapper .section--wrapper .cardwrapper .imgwrapper img {
    width: 100%;
    transition: all 0.25s;
    height: 200px;
}
.allcategorieswrapper .section--wrapper .cardwrapper .infowrapper {
    width: 60%;
    padding: 0 5px 12px 20px;
}
.allcategorieswrapper .section--wrapper .cardwrapper .infowrapper h5 {
    font-size: 18px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 20px;
}
.allcategorieswrapper .section--wrapper .cardwrapper .infowrapper ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.allcategorieswrapper .section--wrapper .cardwrapper .infowrapper ul li {
    margin-bottom: 8px;
    position: relative;
    padding-left: 10px;
}
.allcategorieswrapper .section--wrapper .cardwrapper .infowrapper ul li::before {
    content: "-";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    color: grey;
    transition: all 0.25s;
}
.allcategorieswrapper .section--wrapper .cardwrapper .infowrapper ul li:hover::before {
    color: #08A9E3;
}
.allcategorieswrapper .section--wrapper .cardwrapper .infowrapper ul li a {
    font-weight: 400;
    font-weight: 13px;
    color: grey;
    text-decoration: none;
    transition: all 0.25s;
}
.allcategorieswrapper .section--wrapper .cardwrapper .infowrapper ul li a:hover {
    color: #08A9E3;
    text-decoration: underline;
}
.allcategorieswrapper .section--wrapper .cardwrapper:hover .imgwrapper::before {
    left: calc(100% + 30px);
}
.allcategorieswrapper .section--wrapper .cardwrapper:hover .imgwrapper img {
    transform: scale(1.1);
}
.allcategorieswrapper .paginationwrapper {
    margin-top: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.allcategorieswrapper .paginationwrapper a {
    font-size: 14px;
    width: 35px;
    height: 35px;
    text-decoration: none;
    color: #102248;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    margin-right: 10px;
    transition: all 0.25s;
}
.allcategorieswrapper .paginationwrapper a.active,
.allcategorieswrapper .paginationwrapper a:hover {
    background-color: #102248;
    color: #fff !important;
}
.allcategorieswrapper .paginationwrapper a:first-child,
.allcategorieswrapper .paginationwrapper a:last-child {
    border: 1px solid #102248;
    color: #102248;
    font-size: 14px;
}
.categorydetailswrapper {
    padding: 50px 100px;
    background-color: #eee;
    position: relative;
}
.categorydetailswrapper .divider--title {
    position: relative;
    padding: 20px 22px;
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.09);
    border-radius: 5px;
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.categorydetailswrapper .divider--title::before {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ddd;
}
.categorydetailswrapper .divider--title h5 {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 600;
    padding-left: 20px;
    position: relative;
}
.categorydetailswrapper .divider--title h5::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: #08A9E3;
}
.categorydetailswrapper .divider--title .header--info {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.categorydetailswrapper .divider--title .header--info .item {
    margin-left: 10px;
}
.categorydetailswrapper .divider--title .header--info .item span {
    color: grey;
    font-size: 14px;
}
.categorydetailswrapper .divider--title .header--info .item span:first-child {
    color: #08A9E3;
}
.categorydetailswrapper .divider--title .header--info .item span:last-child {
    font-size: 13px;
}
.categorydetailswrapper .divider--title .header--info .item a {
    padding: 7px 15px;
    background-color: transparent;
    color: #08A9E3;
    border: 1px solid #08A9E3;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.25s;
}
.categorydetailswrapper .divider--title .header--info .item a:hover {
    background-color: #08A9E3;
    color: #fff;
    border-radius: 25px;
}
.categorydetailswrapper .filter_sidebar {
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.09);
}
.categorydetailswrapper .section--wrapper {
    padding: 20px 22px;
    border-radius: 5px;
    background-color: #fff;
    margin-bottom: 25px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.09);
}
.categorydetailswrapper .section--wrapper.top--companies .cardwrapper {
    background-color: #fff;
    cursor: pointer;
}
.categorydetailswrapper .section--wrapper.top--companies .cardwrapper .imgwrapper {
    overflow: hidden;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    position: relative;
    max-height: 200px;
}
.categorydetailswrapper .section--wrapper.top--companies .cardwrapper .imgwrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: -30px;
    width: 30px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.15);
    transition: all 0.25s;
    z-index: 10;
}
.categorydetailswrapper .section--wrapper.top--companies .cardwrapper .imgwrapper img {
    width: 100%;
    transition: all 0.25s;
    height: 200px;
}
.categorydetailswrapper .section--wrapper.top--companies .cardwrapper .imgwrapper .action--wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -60px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 10px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s;
}
.categorydetailswrapper .section--wrapper.top--companies .cardwrapper .imgwrapper .action--wrapper a {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background-color: #fff;
    color: #08A9E3;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    transition: all 0.25s;
}
.categorydetailswrapper .section--wrapper.top--companies .cardwrapper .imgwrapper .action--wrapper a:last-child {
    margin-bottom: 0;
}
.categorydetailswrapper .section--wrapper.top--companies .cardwrapper .imgwrapper .action--wrapper a:hover {
    background-color: #08A9E3;
    color: #fff;
}
.categorydetailswrapper .section--wrapper.top--companies .cardwrapper .imgwrapper:hover .action--wrapper {
    right: 0;
    opacity: 1;
    visibility: visible;
}
.categorydetailswrapper .section--wrapper.top--companies .cardwrapper .infowrapper {
    padding: 12px 10px;
    text-align: center;
}
.categorydetailswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .star-rating {
    position: relative;
    margin-bottom: 8px;
}
.categorydetailswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .star-rating .star {
    width: 15px;
    height: 15px;
    position: relative;
}
.categorydetailswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .star-rating .star::before {
    content: "\f005";
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    color: #fbcb3a;
    font-size: 13px;
}
.categorydetailswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .star-rating .star.checked::before {
    content: "\f005";
    font-family: "Font Awesome 5 Brands";
    font-weight: 900;
    color: #fbcb3a;
    font-size: 13px;
}
.categorydetailswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .star-rating .comment {
    font-size: 13px;
    color: #5b6c8f;
}
.categorydetailswrapper .section--wrapper.top--companies .cardwrapper .infowrapper h5 {
    font-size: 16px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.categorydetailswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .statics {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}
.categorydetailswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .statics p {
    margin-bottom: 0;
    margin-right: 15px;
}
.categorydetailswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .statics p .svg-inline--fa {
    font-style: 15px;
    color: #08A9E3;
    margin-right: 2px;
}
.categorydetailswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .statics p span {
    font-size: 12px;
    color: #292932ab;
}
.categorydetailswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .statics p:hover span {
    color: #08A9E3;
}
.categorydetailswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .by-label {
    font-size: 13px;
    color: #292932ab;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-weight: 500;
    overflow: hidden;
}
.categorydetailswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .by-label .svg-inline--fa {
    font-style: 16px;
    color: #08A9E3;
    margin-right: 6px;
}
.categorydetailswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .button--wrapper {
    text-align: center;
}
.categorydetailswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .button--wrapper .btn {
    padding: 7px 15px;
    color: #08A9E3;
    border: 1px solid #08A9E3;
    border-radius: 25px;
    background-color: #fff;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.25s;
}
.categorydetailswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .button--wrapper .btn:hover {
    background-color: #08A9E3;
    color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.categorydetailswrapper .section--wrapper.top--companies .cardwrapper:hover .imgwrapper::before {
    left: calc(100% + 30px);
}
.categorydetailswrapper .section--wrapper.top--companies .cardwrapper:hover .imgwrapper img {
    transform: scale(1.1);
}
.categorydetailswrapper .section--wrapper.top--companies .button--wrapper {
    text-align: left;
}
.categorydetailswrapper .section--wrapper.featured--company .cardwrapper {
    cursor: pointer;
}
.categorydetailswrapper .section--wrapper.featured--company .cardwrapper .imgwrapper {
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
}
.categorydetailswrapper .section--wrapper.featured--company .cardwrapper .imgwrapper img {
    width: 100%;
    border-radius: 3px;
    transition: all 0.25s;
}
.categorydetailswrapper .section--wrapper.featured--company .cardwrapper .imgwrapper .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.55);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transform: scale(1.3);
    transition: all 0.25s;
}
.categorydetailswrapper .section--wrapper.featured--company .cardwrapper .imgwrapper .overlay span {
    background-color: #aec556;
    color: #fff;
    font-weight: 500;
    padding: 6px 12px;
    border-radius: 5px;
}
.categorydetailswrapper .section--wrapper.featured--company .cardwrapper .infowrapper {
    text-align: center;
    transition: all 0.25s;
}
.categorydetailswrapper .section--wrapper.featured--company .cardwrapper .infowrapper h5 {
    font-weight: 500;
    font-size: 16px;
}
.categorydetailswrapper .section--wrapper.featured--company .cardwrapper:hover .infowrapper {
    border-color: #08A9E3;
}
.categorydetailswrapper .section--wrapper.featured--company .cardwrapper:hover .overlay {
    opacity: 1;
    transform: scale(1);
}
.categorydetailswrapper .section--wrapper.all--companies {
    padding: 20px 22px 0 22px;
}
.categorydetailswrapper .section--wrapper.all--companies .cardwrapper {
    background-color: #fff;
    display: flex;
    margin-bottom: 25px;
    cursor: pointer;
}
.categorydetailswrapper .section--wrapper.all--companies .cardwrapper .imgwrapper {
    overflow: hidden;
    width: 40%;
    border-radius: 5px;
    position: relative;
    max-height: 200px;
}
.categorydetailswrapper .section--wrapper.all--companies .cardwrapper .imgwrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: -30px;
    width: 30px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.15);
    transition: all 0.25s;
    z-index: 10;
}
.categorydetailswrapper .section--wrapper.all--companies .cardwrapper .imgwrapper img {
    width: 100%;
    transition: all 0.25s;
    height: 200px;
}
.categorydetailswrapper .section--wrapper.all--companies .cardwrapper .imgwrapper .action--wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -60px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 10px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s;
}
.categorydetailswrapper .section--wrapper.all--companies .cardwrapper .imgwrapper .action--wrapper a {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background-color: #fff;
    color: #08A9E3;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    transition: all 0.25s;
}
.categorydetailswrapper .section--wrapper.all--companies .cardwrapper .imgwrapper .action--wrapper a:last-child {
    margin-bottom: 0;
}
.categorydetailswrapper .section--wrapper.all--companies .cardwrapper .imgwrapper .action--wrapper a:hover {
    background-color: #08A9E3;
    color: #fff;
}
.categorydetailswrapper .section--wrapper.all--companies .cardwrapper .imgwrapper:hover .action--wrapper {
    right: 0;
    opacity: 1;
    visibility: visible;
}
.categorydetailswrapper .section--wrapper.all--companies .cardwrapper .infowrapper {
    padding: 12px 5px 12px 20px;
    width: 60%;
}
.categorydetailswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .star-rating {
    position: relative;
    margin-bottom: 8px;
}
.categorydetailswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .star-rating .star {
    width: 15px;
    height: 15px;
    position: relative;
}
.categorydetailswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .star-rating .star::before {
    content: "\f005";
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    color: #fbcb3a;
    font-size: 13px;
}
.categorydetailswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .star-rating .star.checked::before {
    content: "\f005";
    font-family: "Font Awesome 5 Brands";
    font-weight: 900;
    color: #fbcb3a;
    font-size: 13px;
}
.categorydetailswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .star-rating .comment {
    font-size: 13px;
    color: #5b6c8f;
}
.categorydetailswrapper .section--wrapper.all--companies .cardwrapper .infowrapper h5 {
    font-size: 16px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.categorydetailswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .statics {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
}
.categorydetailswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .statics p {
    margin-bottom: 0;
    margin-right: 15px;
}
.categorydetailswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .statics p .svg-inline--fa {
    font-style: 15px;
    color: #08A9E3;
    margin-right: 2px;
}
.categorydetailswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .statics p span {
    font-size: 12px;
    color: #292932ab;
}
.categorydetailswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .statics p:hover span {
    color: #08A9E3;
}
.categorydetailswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .by-label {
    font-size: 13px;
    color: #292932ab;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-weight: 500;
    overflow: hidden;
}
.categorydetailswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .by-label .svg-inline--fa {
    font-style: 16px;
    color: #08A9E3;
    margin-right: 6px;
}
.categorydetailswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .button--wrapper {
    text-align: left;
}
.categorydetailswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .button--wrapper .btn {
    padding: 7px 15px;
    color: #08A9E3;
    border: 1px solid #08A9E3;
    border-radius: 25px;
    background-color: #fff;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.25s;
}
.categorydetailswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .button--wrapper .btn:hover {
    background-color: #08A9E3;
    color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.categorydetailswrapper .section--wrapper.all--companies .cardwrapper:hover .imgwrapper::before {
    left: calc(100% + 30px);
}
.categorydetailswrapper .section--wrapper.all--companies .cardwrapper:hover .imgwrapper img {
    transform: scale(1.1);
}
.categorydetailswrapper .section--wrapper.recent--products .cardwrapper {
    background-color: #fff;
    margin-bottom: 0;
    cursor: pointer;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
    border: 1px solid #eee;
}
.categorydetailswrapper .section--wrapper.recent--products .cardwrapper .imgwrapper {
    overflow: hidden;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    position: relative;
    max-height: 200px;
}
.categorydetailswrapper .section--wrapper.recent--products .cardwrapper .imgwrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: -30px;
    width: 30px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.15);
    transition: all 0.25s;
    z-index: 10;
}
.categorydetailswrapper .section--wrapper.recent--products .cardwrapper .imgwrapper img {
    width: 100%;
    transition: all 0.25s;
    height: 200px;
}
.categorydetailswrapper .section--wrapper.recent--products .cardwrapper .imgwrapper .action--wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -60px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 10px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s;
}
.categorydetailswrapper .section--wrapper.recent--products .cardwrapper .imgwrapper .action--wrapper a {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background-color: #fff;
    color: #08A9E3;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    transition: all 0.25s;
}
.categorydetailswrapper .section--wrapper.recent--products .cardwrapper .imgwrapper .action--wrapper a:last-child {
    margin-bottom: 0;
}
.categorydetailswrapper .section--wrapper.recent--products .cardwrapper .imgwrapper .action--wrapper a:hover {
    background-color: #08A9E3;
    color: #fff;
}
.categorydetailswrapper .section--wrapper.recent--products .cardwrapper .imgwrapper:hover .action--wrapper {
    right: 0;
    opacity: 1;
    visibility: visible;
}
.categorydetailswrapper .section--wrapper.recent--products .cardwrapper .imgwrapper .badge {
    position: absolute;
    top: 6px;
    left: 6px;
    padding: 5px 6px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    background: #198754;
    border-radius: 3px;
}
.categorydetailswrapper .section--wrapper.recent--products .cardwrapper .infowrapper {
    padding: 12px 10px;
    text-align: center;
}
.categorydetailswrapper .section--wrapper.recent--products .cardwrapper .infowrapper .star-rating {
    position: relative;
    margin-bottom: 8px;
}
.categorydetailswrapper .section--wrapper.recent--products .cardwrapper .infowrapper .star-rating .star {
    width: 15px;
    height: 15px;
    position: relative;
}
.categorydetailswrapper .section--wrapper.recent--products .cardwrapper .infowrapper .star-rating .star::before {
    content: "\f005";
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    color: #fbcb3a;
    font-size: 13px;
}
.categorydetailswrapper .section--wrapper.recent--products .cardwrapper .infowrapper .star-rating .star.checked::before {
    content: "\f005";
    font-family: "Font Awesome 5 Brands";
    font-weight: 900;
    color: #fbcb3a;
    font-size: 13px;
}
.categorydetailswrapper .section--wrapper.recent--products .cardwrapper .infowrapper .star-rating .comment {
    font-size: 13px;
    color: #5b6c8f;
}
.categorydetailswrapper .section--wrapper.recent--products .cardwrapper .infowrapper .flex--wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
}
.categorydetailswrapper .section--wrapper.recent--products .cardwrapper .infowrapper .flex--wrapper .item {
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.categorydetailswrapper .section--wrapper.recent--products .cardwrapper .infowrapper .flex--wrapper .item:first-child {
    margin-right: 15px;
}
.categorydetailswrapper .section--wrapper.recent--products .cardwrapper .infowrapper .flex--wrapper .item .svg-inline--fa {
    font-size: 14px;
    color: #08A9E3;
    margin-right: 8px;
}
.categorydetailswrapper .section--wrapper.recent--products .cardwrapper .infowrapper .flex--wrapper .item span {
    color: grey;
    font-size: 13px;
    font-weight: 500;
}
.categorydetailswrapper .section--wrapper.recent--products .cardwrapper .infowrapper h5 {
    font-size: 18px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.categorydetailswrapper .section--wrapper.recent--products .cardwrapper .infowrapper .price {
    margin-bottom: 12px;
}
.categorydetailswrapper .section--wrapper.recent--products .cardwrapper .infowrapper .price span.current {
    font-size: 18px;
    color: #08A9E3;
    margin-right: 6px;
    font-weight: 500;
}
.categorydetailswrapper .section--wrapper.recent--products .cardwrapper .infowrapper .by-label {
    font-size: 13px;
    color: #292932ab;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-weight: 500;
    overflow: hidden;
}
.categorydetailswrapper .section--wrapper.recent--products .cardwrapper .infowrapper .by-label span:first-child {
    color: #000;
    margin-right: 4px;
}
.categorydetailswrapper .section--wrapper.recent--products .cardwrapper .infowrapper .button--wrapper {
    text-align: center;
}
.categorydetailswrapper .section--wrapper.recent--products .cardwrapper .infowrapper .button--wrapper .btn {
    padding: 7px 15px;
    color: #08A9E3;
    border: 1px solid #08A9E3;
    border-radius: 25px;
    background-color: #fff;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.25s;
}
.categorydetailswrapper .section--wrapper.recent--products .cardwrapper .infowrapper .button--wrapper .btn:hover {
    background-color: #08A9E3;
    color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.categorydetailswrapper .section--wrapper.recent--products .cardwrapper .infowrapper .button--wrapper .btn:last-child {
    border-color: #08A9E3;
    color: #08A9E3;
}
.categorydetailswrapper .section--wrapper.recent--products .cardwrapper .infowrapper .button--wrapper .btn:last-child:hover {
    background-color: #08A9E3;
    color: #fff;
}
.categorydetailswrapper .section--wrapper.recent--products .cardwrapper:hover .imgwrapper::before {
    left: calc(100% + 30px);
}
.categorydetailswrapper .section--wrapper.recent--products .cardwrapper:hover .imgwrapper img {
    transform: scale(1.1);
}
.categorydetailswrapper .section--wrapper.sale--products .cardwrapper {
    background-color: #fff;
    margin-bottom: 0;
    cursor: pointer;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
    border: 1px solid #eee;
}
.categorydetailswrapper .section--wrapper.sale--products .cardwrapper .imgwrapper {
    overflow: hidden;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    position: relative;
    max-height: 200px;
}
.categorydetailswrapper .section--wrapper.sale--products .cardwrapper .imgwrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: -30px;
    width: 30px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.15);
    transition: all 0.25s;
    z-index: 10;
}
.categorydetailswrapper .section--wrapper.sale--products .cardwrapper .imgwrapper img {
    width: 100%;
    transition: all 0.25s;
    height: 200px;
}
.categorydetailswrapper .section--wrapper.sale--products .cardwrapper .imgwrapper .action--wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -60px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 10px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s;
}
.categorydetailswrapper .section--wrapper.sale--products .cardwrapper .imgwrapper .action--wrapper a {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background-color: #fff;
    color: #08A9E3;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    transition: all 0.25s;
}
.categorydetailswrapper .section--wrapper.sale--products .cardwrapper .imgwrapper .action--wrapper a:last-child {
    margin-bottom: 0;
}
.categorydetailswrapper .section--wrapper.sale--products .cardwrapper .imgwrapper .action--wrapper a:hover {
    background-color: #08A9E3;
    color: #fff;
}
.categorydetailswrapper .section--wrapper.sale--products .cardwrapper .imgwrapper:hover .action--wrapper {
    right: 0;
    opacity: 1;
    visibility: visible;
}
.categorydetailswrapper .section--wrapper.sale--products .cardwrapper .imgwrapper .badge {
    position: absolute;
    top: 6px;
    left: 6px;
    padding: 5px 6px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    background: #dc3545;
    border-radius: 3px;
}
.categorydetailswrapper .section--wrapper.sale--products .cardwrapper .infowrapper {
    padding: 12px 10px;
    text-align: center;
}
.categorydetailswrapper .section--wrapper.sale--products .cardwrapper .infowrapper .star-rating {
    position: relative;
    margin-bottom: 8px;
}
.categorydetailswrapper .section--wrapper.sale--products .cardwrapper .infowrapper .star-rating .star {
    width: 15px;
    height: 15px;
    position: relative;
}
.categorydetailswrapper .section--wrapper.sale--products .cardwrapper .infowrapper .star-rating .star::before {
    content: "\f005";
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    color: #fbcb3a;
    font-size: 13px;
}
.categorydetailswrapper .section--wrapper.sale--products .cardwrapper .infowrapper .star-rating .star.checked::before {
    content: "\f005";
    font-family: "Font Awesome 5 Brands";
    font-weight: 900;
    color: #fbcb3a;
    font-size: 13px;
}
.categorydetailswrapper .section--wrapper.sale--products .cardwrapper .infowrapper .star-rating .comment {
    font-size: 13px;
    color: #5b6c8f;
}
.categorydetailswrapper .section--wrapper.sale--products .cardwrapper .infowrapper .flex--wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
}
.categorydetailswrapper .section--wrapper.sale--products .cardwrapper .infowrapper .flex--wrapper .item {
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.categorydetailswrapper .section--wrapper.sale--products .cardwrapper .infowrapper .flex--wrapper .item:first-child {
    margin-right: 15px;
}
.categorydetailswrapper .section--wrapper.sale--products .cardwrapper .infowrapper .flex--wrapper .item .svg-inline--fa {
    font-size: 14px;
    color: #08A9E3;
    margin-right: 8px;
}
.categorydetailswrapper .section--wrapper.sale--products .cardwrapper .infowrapper .flex--wrapper .item span {
    color: grey;
    font-size: 13px;
    font-weight: 500;
}
.categorydetailswrapper .section--wrapper.sale--products .cardwrapper .infowrapper h5 {
    font-size: 18px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.categorydetailswrapper .section--wrapper.sale--products .cardwrapper .infowrapper .price {
    margin-bottom: 12px;
}
.categorydetailswrapper .section--wrapper.sale--products .cardwrapper .infowrapper .price span.current {
    font-size: 18px;
    color: #08A9E3;
    margin-right: 6px;
    font-weight: 500;
}
.categorydetailswrapper .section--wrapper.sale--products .cardwrapper .infowrapper .price span.prev {
    font-size: 14px;
    color: #aaa;
    text-decoration: line-through;
}
.categorydetailswrapper .section--wrapper.sale--products .cardwrapper .infowrapper .by-label {
    font-size: 13px;
    color: #292932ab;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-weight: 500;
    overflow: hidden;
}
.categorydetailswrapper .section--wrapper.sale--products .cardwrapper .infowrapper .by-label span:first-child {
    color: #000;
    margin-right: 4px;
}
.categorydetailswrapper .section--wrapper.sale--products .cardwrapper .infowrapper .button--wrapper {
    text-align: center;
}
.categorydetailswrapper .section--wrapper.sale--products .cardwrapper .infowrapper .button--wrapper .btn {
    padding: 7px 15px;
    color: #08A9E3;
    border: 1px solid #08A9E3;
    border-radius: 25px;
    background-color: #fff;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.25s;
}
.categorydetailswrapper .section--wrapper.sale--products .cardwrapper .infowrapper .button--wrapper .btn:hover {
    background-color: #08A9E3;
    color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.categorydetailswrapper .section--wrapper.sale--products .cardwrapper .infowrapper .button--wrapper .btn:last-child {
    border-color: #08A9E3;
    color: #08A9E3;
}
.categorydetailswrapper .section--wrapper.sale--products .cardwrapper .infowrapper .button--wrapper .btn:last-child:hover {
    background-color: #08A9E3;
    color: #fff;
}
.categorydetailswrapper .section--wrapper.sale--products .cardwrapper:hover .imgwrapper::before {
    left: calc(100% + 30px);
}
.categorydetailswrapper .section--wrapper.sale--products .cardwrapper:hover .imgwrapper img {
    transform: scale(1.1);
}
.categorydetailswrapper .section--wrapper.all--products .cardwrapper {
    background-color: #fff;
    margin-bottom: 25px;
    cursor: pointer;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
    border: 1px solid #eee;
}
.categorydetailswrapper .section--wrapper.all--products .cardwrapper .imgwrapper {
    overflow: hidden;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    position: relative;
    max-height: 200px;
}
.categorydetailswrapper .section--wrapper.all--products .cardwrapper .imgwrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: -30px;
    width: 30px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.15);
    transition: all 0.25s;
    z-index: 10;
}
.categorydetailswrapper .section--wrapper.all--products .cardwrapper .imgwrapper img {
    width: 100%;
    transition: all 0.25s;
    height: 200px;
}
.categorydetailswrapper .section--wrapper.all--products .cardwrapper .imgwrapper .action--wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -60px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 10px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s;
}
.categorydetailswrapper .section--wrapper.all--products .cardwrapper .imgwrapper .action--wrapper a {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background-color: #fff;
    color: #08A9E3;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    transition: all 0.25s;
}
.categorydetailswrapper .section--wrapper.all--products .cardwrapper .imgwrapper .action--wrapper a:last-child {
    margin-bottom: 0;
}
.categorydetailswrapper .section--wrapper.all--products .cardwrapper .imgwrapper .action--wrapper a:hover {
    background-color: #08A9E3;
    color: #fff;
}
.categorydetailswrapper .section--wrapper.all--products .cardwrapper .imgwrapper:hover .action--wrapper {
    right: 0;
    opacity: 1;
    visibility: visible;
}
.categorydetailswrapper .section--wrapper.all--products .cardwrapper .infowrapper {
    padding: 12px 10px;
    text-align: center;
}
.categorydetailswrapper .section--wrapper.all--products .cardwrapper .infowrapper .star-rating {
    position: relative;
    margin-bottom: 8px;
}
.categorydetailswrapper .section--wrapper.all--products .cardwrapper .infowrapper .star-rating .star {
    width: 15px;
    height: 15px;
    position: relative;
}
.categorydetailswrapper .section--wrapper.all--products .cardwrapper .infowrapper .star-rating .star::before {
    content: "\f005";
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    color: #fbcb3a;
    font-size: 13px;
}
.categorydetailswrapper .section--wrapper.all--products .cardwrapper .infowrapper .star-rating .star.checked::before {
    content: "\f005";
    font-family: "Font Awesome 5 Brands";
    font-weight: 900;
    color: #fbcb3a;
    font-size: 13px;
}
.categorydetailswrapper .section--wrapper.all--products .cardwrapper .infowrapper .star-rating .comment {
    font-size: 13px;
    color: #5b6c8f;
}
.categorydetailswrapper .section--wrapper.all--products .cardwrapper .infowrapper .flex--wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
}
.categorydetailswrapper .section--wrapper.all--products .cardwrapper .infowrapper .flex--wrapper .item {
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.categorydetailswrapper .section--wrapper.all--products .cardwrapper .infowrapper .flex--wrapper .item:first-child {
    margin-right: 15px;
}
.categorydetailswrapper .section--wrapper.all--products .cardwrapper .infowrapper .flex--wrapper .item .svg-inline--fa {
    font-size: 14px;
    color: #08A9E3;
    margin-right: 8px;
}
.categorydetailswrapper .section--wrapper.all--products .cardwrapper .infowrapper .flex--wrapper .item span {
    color: grey;
    font-size: 13px;
    font-weight: 500;
}
.categorydetailswrapper .section--wrapper.all--products .cardwrapper .infowrapper h5 {
    font-size: 18px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.categorydetailswrapper .section--wrapper.all--products .cardwrapper .infowrapper .price {
    margin-bottom: 12px;
}
.categorydetailswrapper .section--wrapper.all--products .cardwrapper .infowrapper .price span.current {
    font-size: 18px;
    color: #08A9E3;
    margin-right: 6px;
    font-weight: 500;
}
.categorydetailswrapper .section--wrapper.all--products .cardwrapper .infowrapper .by-label {
    font-size: 13px;
    color: #292932ab;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-weight: 500;
    overflow: hidden;
}
.categorydetailswrapper .section--wrapper.all--products .cardwrapper .infowrapper .by-label span:first-child {
    color: #000;
    margin-right: 4px;
}
.categorydetailswrapper .section--wrapper.all--products .cardwrapper .infowrapper .button--wrapper {
    text-align: center;
}
.categorydetailswrapper .section--wrapper.all--products .cardwrapper .infowrapper .button--wrapper .btn {
    padding: 7px 15px;
    color: #08A9E3;
    border: 1px solid #08A9E3;
    border-radius: 25px;
    background-color: #fff;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.25s;
}
.categorydetailswrapper .section--wrapper.all--products .cardwrapper .infowrapper .button--wrapper .btn:hover {
    background-color: #08A9E3;
    color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.categorydetailswrapper .section--wrapper.all--products .cardwrapper .infowrapper .button--wrapper .btn:last-child {
    border-color: #08A9E3;
    color: #08A9E3;
}
.categorydetailswrapper .section--wrapper.all--products .cardwrapper .infowrapper .button--wrapper .btn:last-child:hover {
    background-color: #08A9E3;
    color: #fff;
}
.categorydetailswrapper .section--wrapper.all--products .cardwrapper:hover .imgwrapper::before {
    left: calc(100% + 30px);
}
.categorydetailswrapper .section--wrapper.all--products .cardwrapper:hover .imgwrapper img {
    transform: scale(1.1);
}
.categorydetailswrapper .section--wrapper .owl-carousel {
    position: relative;
}
.categorydetailswrapper .section--wrapper .owl-carousel .owl-nav {
    position: absolute;
    top: -85px;
    right: 0;
    display: flex;
}
.categorydetailswrapper .section--wrapper .owl-carousel .owl-nav button {
    width: 30px;
    height: 30px;
    background-color: #eee;
    border-radius: 100%;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    transition: all 0.25s;
}
.categorydetailswrapper .section--wrapper .owl-carousel .owl-nav button:first-child {
    margin-right: 8px;
}
.categorydetailswrapper .section--wrapper .owl-carousel .owl-nav button:hover {
    background-color: #08A9E3;
    color: #fff;
}
.categorydetailswrapper .card--header {
    margin-bottom: 35px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.categorydetailswrapper .card--header.flex--header {
    display: flex;
    align-items: center;
}
.categorydetailswrapper .card--header h4 {
    font-size: 22px;
    font-weight: 700;
    position: relative;
    padding-left: 20px;
    margin-bottom: 0;
}
.categorydetailswrapper .card--header h4::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: #08A9E3;
}
.categorydetailswrapper .card--header a {
    font-style: 14px;
    font-weight: 500;
    color: grey;
    font-style: italic;
    margin-left: 8px;
    transition: all 0.25s;
}
.categorydetailswrapper .card--header a:hover {
    color: #08A9E3;
}
.categorydetailswrapper .paginationwrapper {
    margin-top: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.categorydetailswrapper .paginationwrapper a {
    font-size: 14px;
    width: 35px;
    height: 35px;
    text-decoration: none;
    color: #102248;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    margin-right: 10px;
    transition: all 0.25s;
}
.categorydetailswrapper .paginationwrapper a.active,
.categorydetailswrapper .paginationwrapper a:hover {
    background-color: #102248;
    color: #fff !important;
}
.categorydetailswrapper .paginationwrapper a:first-child,
.categorydetailswrapper .paginationwrapper a:last-child {
    border: 1px solid #102248;
    color: #102248;
    font-size: 14px;
}
.countriesmainwrapper {
    padding: 50px 100px;
    background-color: #eee;
    position: relative;
}
.countriesmainwrapper .section--wrapper {
    padding: 20px 22px;
    border-radius: 5px;
    background-color: #fff;
    margin-bottom: 25px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.09);
}
.countriesmainwrapper .section--wrapper .cardwrapper {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #000;
    margin-bottom: 35px;
}
.countriesmainwrapper .section--wrapper .cardwrapper .imgwrapper {
    width: 70px;
    height: 70px;
    border-radius: 100%;
}
.countriesmainwrapper .section--wrapper .cardwrapper .imgwrapper img {
    width: 100%;
}
.countriesmainwrapper .section--wrapper .cardwrapper .infowrapper {
    padding-left: 15px;
}
.countriesmainwrapper .section--wrapper .cardwrapper .infowrapper h5 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 8px;
}
.countriesmainwrapper .section--wrapper .cardwrapper .infowrapper p {
    margin-bottom: 8px;
}
.countriesmainwrapper .section--wrapper .cardwrapper .infowrapper p span {
    font-size: 14px;
}
.countriesmainwrapper .section--wrapper .cardwrapper .infowrapper p span:first-child {
    font-weight: 500;
}
.countriesmainwrapper .section--wrapper .cardwrapper .infowrapper p span:last-child {
    color: grey;
}
.countriesmainwrapper .card--header {
    margin-bottom: 35px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.countriesmainwrapper .card--header.flex--header {
    display: flex;
    align-items: center;
}
.countriesmainwrapper .card--header h4 {
    font-size: 22px;
    font-weight: 700;
    position: relative;
    padding-left: 20px;
    margin-bottom: 0;
}
.countriesmainwrapper .card--header h4::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: #08A9E3;
}
.countriesmainwrapper .card--header a {
    font-style: 14px;
    font-weight: 500;
    color: grey;
    font-style: italic;
    margin-left: 8px;
    transition: all 0.25s;
}
.countriesmainwrapper .card--header a:hover {
    color: #08A9E3;
}
.countrydetailswrapper {
    padding: 50px;
    background-color: #eee;
    position: relative;
}
.countrydetailswrapper .card--header {
    margin-bottom: 25px;
}
.countrydetailswrapper .card--header.flex--header {
    display: flex;
    align-items: center;
}
.countrydetailswrapper .card--header h4 {
    font-size: 22px;
    font-weight: 700;
    position: relative;
    padding-left: 20px;
    margin-bottom: 0;
}
.countrydetailswrapper .card--header h4::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: #08A9E3;
}
.countrydetailswrapper .card--header a {
    font-style: 14px;
    font-weight: 500;
    color: grey;
    font-style: italic;
    margin-left: 8px;
    transition: all 0.25s;
}
.countrydetailswrapper .card--header a:hover {
    color: #08A9E3;
}
.countrydetailswrapper .section--wrapper {
    padding: 20px 22px;
    border-radius: 5px;
    background-color: #fff;
    margin-bottom: 25px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.09);
}
.countrydetailswrapper .section--wrapper.all--companies .cardwrapper,
.countrydetailswrapper .section--wrapper.featured--company .cardwrapper,
.countrydetailswrapper .section--wrapper.top--companies .cardwrapper {
    background-color: #fff;
    display: flex;
    margin-bottom: 25px;
    cursor: pointer;
}
.countrydetailswrapper .section--wrapper.all--companies .cardwrapper .imgwrapper,
.countrydetailswrapper .section--wrapper.featured--company .cardwrapper .imgwrapper,
.countrydetailswrapper .section--wrapper.top--companies .cardwrapper .imgwrapper {
    overflow: hidden;
    width: 40%;
    border-radius: 5px;
    position: relative;
    max-height: 200px;
}
.countrydetailswrapper .section--wrapper.all--companies .cardwrapper .imgwrapper::before,
.countrydetailswrapper .section--wrapper.featured--company .cardwrapper .imgwrapper::before,
.countrydetailswrapper .section--wrapper.top--companies .cardwrapper .imgwrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: -30px;
    width: 30px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.15);
    transition: all 0.25s;
    z-index: 10;
}
.countrydetailswrapper .section--wrapper.all--companies .cardwrapper .imgwrapper img,
.countrydetailswrapper .section--wrapper.featured--company .cardwrapper .imgwrapper img,
.countrydetailswrapper .section--wrapper.top--companies .cardwrapper .imgwrapper img {
    width: 100%;
    transition: all 0.25s;
    height: 200px;
}
.countrydetailswrapper .section--wrapper.all--companies .cardwrapper .imgwrapper .action--wrapper,
.countrydetailswrapper .section--wrapper.featured--company .cardwrapper .imgwrapper .action--wrapper,
.countrydetailswrapper .section--wrapper.top--companies .cardwrapper .imgwrapper .action--wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -60px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 10px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s;
}
.countrydetailswrapper .section--wrapper.all--companies .cardwrapper .imgwrapper .action--wrapper a,
.countrydetailswrapper .section--wrapper.featured--company .cardwrapper .imgwrapper .action--wrapper a,
.countrydetailswrapper .section--wrapper.top--companies .cardwrapper .imgwrapper .action--wrapper a {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background-color: #fff;
    color: #08A9E3;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    transition: all 0.25s;
}
.countrydetailswrapper .section--wrapper.all--companies .cardwrapper .imgwrapper .action--wrapper a:last-child,
.countrydetailswrapper .section--wrapper.featured--company .cardwrapper .imgwrapper .action--wrapper a:last-child,
.countrydetailswrapper .section--wrapper.top--companies .cardwrapper .imgwrapper .action--wrapper a:last-child {
    margin-bottom: 0;
}
.countrydetailswrapper .section--wrapper.all--companies .cardwrapper .imgwrapper .action--wrapper a:hover,
.countrydetailswrapper .section--wrapper.featured--company .cardwrapper .imgwrapper .action--wrapper a:hover,
.countrydetailswrapper .section--wrapper.top--companies .cardwrapper .imgwrapper .action--wrapper a:hover {
    background-color: #08A9E3;
    color: #fff;
}
.countrydetailswrapper .section--wrapper.all--companies .cardwrapper .imgwrapper:hover .action--wrapper,
.countrydetailswrapper .section--wrapper.featured--company .cardwrapper .imgwrapper:hover .action--wrapper,
.countrydetailswrapper .section--wrapper.top--companies .cardwrapper .imgwrapper:hover .action--wrapper {
    right: 0;
    opacity: 1;
    visibility: visible;
}
.countrydetailswrapper .section--wrapper.all--companies .cardwrapper .infowrapper,
.countrydetailswrapper .section--wrapper.featured--company .cardwrapper .infowrapper,
.countrydetailswrapper .section--wrapper.top--companies .cardwrapper .infowrapper {
    padding: 12px 5px 12px 20px;
    width: 60%;
}
.countrydetailswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .star-rating,
.countrydetailswrapper .section--wrapper.featured--company .cardwrapper .infowrapper .star-rating,
.countrydetailswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .star-rating {
    position: relative;
    margin-bottom: 8px;
}
.countrydetailswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .star-rating .star,
.countrydetailswrapper .section--wrapper.featured--company .cardwrapper .infowrapper .star-rating .star,
.countrydetailswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .star-rating .star {
    width: 15px;
    height: 15px;
    position: relative;
}
.countrydetailswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .star-rating .star::before,
.countrydetailswrapper .section--wrapper.featured--company .cardwrapper .infowrapper .star-rating .star::before,
.countrydetailswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .star-rating .star::before {
    content: "\f005";
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    color: #fbcb3a;
    font-size: 13px;
}
.countrydetailswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .star-rating .star.checked::before,
.countrydetailswrapper .section--wrapper.featured--company .cardwrapper .infowrapper .star-rating .star.checked::before,
.countrydetailswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .star-rating .star.checked::before {
    content: "\f005";
    font-family: "Font Awesome 5 Brands";
    font-weight: 900;
    color: #fbcb3a;
    font-size: 13px;
}
.countrydetailswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .star-rating .comment,
.countrydetailswrapper .section--wrapper.featured--company .cardwrapper .infowrapper .star-rating .comment,
.countrydetailswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .star-rating .comment {
    font-size: 13px;
    color: #5b6c8f;
}
.countrydetailswrapper .section--wrapper.all--companies .cardwrapper .infowrapper h5,
.countrydetailswrapper .section--wrapper.featured--company .cardwrapper .infowrapper h5,
.countrydetailswrapper .section--wrapper.top--companies .cardwrapper .infowrapper h5 {
    font-size: 16px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.countrydetailswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .statics,
.countrydetailswrapper .section--wrapper.featured--company .cardwrapper .infowrapper .statics,
.countrydetailswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .statics {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
}
.countrydetailswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .statics p,
.countrydetailswrapper .section--wrapper.featured--company .cardwrapper .infowrapper .statics p,
.countrydetailswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .statics p {
    margin-bottom: 0;
    margin-right: 15px;
}
.countrydetailswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .statics p .svg-inline--fa,
.countrydetailswrapper .section--wrapper.featured--company .cardwrapper .infowrapper .statics p .svg-inline--fa,
.countrydetailswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .statics p .svg-inline--fa {
    font-style: 15px;
    color: #08A9E3;
    margin-right: 2px;
}
.countrydetailswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .statics p span,
.countrydetailswrapper .section--wrapper.featured--company .cardwrapper .infowrapper .statics p span,
.countrydetailswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .statics p span {
    font-size: 12px;
    color: #292932ab;
}
.countrydetailswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .statics p:hover span,
.countrydetailswrapper .section--wrapper.featured--company .cardwrapper .infowrapper .statics p:hover span,
.countrydetailswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .statics p:hover span {
    color: #08A9E3;
}
.countrydetailswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .by-label,
.countrydetailswrapper .section--wrapper.featured--company .cardwrapper .infowrapper .by-label,
.countrydetailswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .by-label {
    font-size: 13px;
    color: #292932ab;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-weight: 500;
    overflow: hidden;
}
.countrydetailswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .by-label .svg-inline--fa,
.countrydetailswrapper .section--wrapper.featured--company .cardwrapper .infowrapper .by-label .svg-inline--fa,
.countrydetailswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .by-label .svg-inline--fa {
    font-style: 16px;
    color: #08A9E3;
    margin-right: 6px;
}
.countrydetailswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .button--wrapper,
.countrydetailswrapper .section--wrapper.featured--company .cardwrapper .infowrapper .button--wrapper,
.countrydetailswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .button--wrapper {
    text-align: left;
}
.countrydetailswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .button--wrapper .btn,
.countrydetailswrapper .section--wrapper.featured--company .cardwrapper .infowrapper .button--wrapper .btn,
.countrydetailswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .button--wrapper .btn {
    padding: 7px 15px;
    color: #08A9E3;
    border: 1px solid #08A9E3;
    border-radius: 25px;
    background-color: #fff;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.25s;
}
.countrydetailswrapper .section--wrapper.all--companies .cardwrapper .infowrapper .button--wrapper .btn:hover,
.countrydetailswrapper .section--wrapper.featured--company .cardwrapper .infowrapper .button--wrapper .btn:hover,
.countrydetailswrapper .section--wrapper.top--companies .cardwrapper .infowrapper .button--wrapper .btn:hover {
    background-color: #08A9E3;
    color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.countrydetailswrapper .section--wrapper.all--companies .cardwrapper:hover .imgwrapper::before,
.countrydetailswrapper .section--wrapper.featured--company .cardwrapper:hover .imgwrapper::before,
.countrydetailswrapper .section--wrapper.top--companies .cardwrapper:hover .imgwrapper::before {
    left: calc(100% + 30px);
}
.countrydetailswrapper .section--wrapper.all--companies .cardwrapper:hover .imgwrapper img,
.countrydetailswrapper .section--wrapper.featured--company .cardwrapper:hover .imgwrapper img,
.countrydetailswrapper .section--wrapper.top--companies .cardwrapper:hover .imgwrapper img {
    transform: scale(1.1);
}
.countrydetailswrapper .section--wrapper .owl-carousel {
    position: relative;
}
.countrydetailswrapper .section--wrapper .owl-carousel .owl-nav {
    position: absolute;
    top: -60px;
    right: 0;
    display: flex;
}
.countrydetailswrapper .section--wrapper .owl-carousel .owl-nav button {
    width: 30px;
    height: 30px;
    background-color: #eee;
    border-radius: 100%;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    transition: all 0.25s;
}
.countrydetailswrapper .section--wrapper .owl-carousel .owl-nav button:first-child {
    margin-right: 8px;
}
.countrydetailswrapper .section--wrapper .owl-carousel .owl-nav button:hover {
    background-color: #08A9E3;
    color: #fff;
}
.countrydetailswrapper .category--companies .divider--title {
    position: relative;
    padding: 20px 22px;
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.09);
    margin-top: 35px;
    border-radius: 5px;
    margin-bottom: 25px;
}
.countrydetailswrapper .category--companies .divider--title::before {
    content: "";
    position: absolute;
    top: -15px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ddd;
}
.countrydetailswrapper .category--companies .divider--title h5 {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 600;
    padding-left: 20px;
    position: relative;
}
.countrydetailswrapper .category--companies .divider--title h5::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: #08A9E3;
}
.countrydetailswrapper .category--companies .section--wrapper .cardwrapper {
    background-color: #fff;
    display: flex;
    cursor: pointer;
}
.countrydetailswrapper .category--companies .section--wrapper .cardwrapper .imgwrapper {
    overflow: hidden;
    width: 30%;
    border-radius: 5px;
    position: relative;
    max-height: 200px;
}
.countrydetailswrapper .category--companies .section--wrapper .cardwrapper .imgwrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: -30px;
    width: 30px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.15);
    transition: all 0.25s;
    z-index: 10;
}
.countrydetailswrapper .category--companies .section--wrapper .cardwrapper .imgwrapper img {
    width: 100%;
    transition: all 0.25s;
    height: 200px;
}
.countrydetailswrapper .category--companies .section--wrapper .cardwrapper .infowrapper {
    width: 70%;
    padding: 6px 15px 0 25px;
}
.countrydetailswrapper .category--companies .section--wrapper .cardwrapper .infowrapper h5 {
    font-size: 22px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 20px;
}
.countrydetailswrapper .category--companies .section--wrapper .cardwrapper .infowrapper h5 span {
    font-size: 13px;
    padding: 5px;
    border-radius: 5px;
    background-color: #08A9E3;
    font-weight: 500;
    color: #fff;
    margin-left: 6px;
}
.countrydetailswrapper .category--companies .section--wrapper .cardwrapper .infowrapper .line {
    display: flex;
    margin-bottom: 15px;
}
.countrydetailswrapper .category--companies .section--wrapper .cardwrapper .infowrapper .line span:first-child {
    font-size: 14px;
    font-weight: 600;
    width: 30%;
    white-space: nowrap;
}
.countrydetailswrapper .category--companies .section--wrapper .cardwrapper .infowrapper .line span:last-child {
    font-size: 14px;
    font-weight: 500;
    width: 70%;
}
.countrydetailswrapper .category--companies .section--wrapper .cardwrapper .infowrapper .button--wrapper {
    text-align: left;
    margin-top: 25px;
}
.countrydetailswrapper .category--companies .section--wrapper .cardwrapper .infowrapper .button--wrapper .btn {
    padding: 9px 15px;
    color: #08A9E3;
    border: 1px solid #08A9E3;
    min-width: 135px;
    border-radius: 25px;
    background-color: #fff;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.25s;
}
.countrydetailswrapper .category--companies .section--wrapper .cardwrapper .infowrapper .button--wrapper .btn:last-child {
    background-color: #08A9E3;
    color: #fff;
}
.countrydetailswrapper .category--companies .section--wrapper .cardwrapper .infowrapper .button--wrapper .btn:hover {
    background-color: #08A9E3;
    color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.countrydetailswrapper .category--companies .section--wrapper .cardwrapper .infowrapper .button--wrapper .btn:active {
    background-color: #0895c5;
}
.countrydetailswrapper .category--companies .section--wrapper .cardwrapper:hover .imgwrapper::before {
    left: calc(100% + 30px);
}
.countrydetailswrapper .category--companies .section--wrapper .cardwrapper:hover .imgwrapper img {
    transform: scale(1.1);
}
.countrydetailswrapper .category--companies .paginationwrapper {
    margin-top: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.countrydetailswrapper .category--companies .paginationwrapper a {
    font-size: 14px;
    width: 35px;
    height: 35px;
    text-decoration: none;
    color: #102248;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    margin-right: 10px;
    transition: all 0.25s;
}
.countrydetailswrapper .category--companies .paginationwrapper a.active,
.countrydetailswrapper .category--companies .paginationwrapper a:hover {
    background-color: #102248;
    color: #fff !important;
}
.countrydetailswrapper .category--companies .paginationwrapper a:first-child,
.countrydetailswrapper .category--companies .paginationwrapper a:last-child {
    border: 1px solid #102248;
    color: #102248;
    font-size: 14px;
}
.comparemainwrapper {
    padding: 50px;
    background-color: #eee;
    position: relative;
}
.comparemainwrapper .card--header {
    margin-bottom: 35px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.comparemainwrapper .card--header.flex--header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.comparemainwrapper .card--header.flex--header .header--info {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.comparemainwrapper .card--header.flex--header .header--info .item {
    margin-left: 10px;
}
.comparemainwrapper .card--header.flex--header .header--info .item span {
    color: grey;
    font-size: 14px;
}
.comparemainwrapper .card--header.flex--header .header--info .item span:first-child {
    color: #08A9E3;
}
.comparemainwrapper .card--header.flex--header .header--info .item span:last-child {
    font-size: 13px;
}
.comparemainwrapper .card--header.flex--header .header--info .item a {
    padding: 7px 15px;
    background-color: transparent;
    color: #08A9E3;
    border: 1px solid #08A9E3;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.25s;
}
.comparemainwrapper .card--header.flex--header .header--info .item a:hover {
    background-color: #08A9E3;
    color: #fff;
    border-radius: 25px;
}
.comparemainwrapper .card--header h4 {
    font-size: 22px;
    font-weight: 700;
    position: relative;
    padding-left: 20px;
    margin-bottom: 0;
}
.comparemainwrapper .card--header h4::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: #08A9E3;
}
.comparemainwrapper .card--header a {
    font-style: 14px;
    font-weight: 500;
    color: grey;
    font-style: italic;
    margin-left: 8px;
    transition: all 0.25s;
}
.comparemainwrapper .card--header a:hover {
    color: #08A9E3;
}
.comparemainwrapper .section--wrapper {
    padding: 20px 22px;
    border-radius: 5px;
    background-color: #fff;
    margin-bottom: 25px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.09);
}
.comparemainwrapper .section--wrapper .flexwrapper {
    display: flex;
    flex-wrap: nowrap;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow-x: auto;
}
.comparemainwrapper .section--wrapper .flexwrapper .column {
    width: 20%;
    border-right: 1px solid #ddd;
}
.comparemainwrapper .section--wrapper .flexwrapper .column:last-child {
    border-right: none;
}
.comparemainwrapper .section--wrapper .flexwrapper .column .cell {
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
    position: relative;
}
.comparemainwrapper .section--wrapper .flexwrapper .column .cell:last-child {
    border-bottom: none;
}
.comparemainwrapper .section--wrapper .flexwrapper .column .cell.img--cell {
    height: 160px;
}
.comparemainwrapper .section--wrapper .flexwrapper .column .cell.img--cell .btn {
    position: absolute;
    padding: 0;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    background-color: red;
    color: #fff;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}
.comparemainwrapper .section--wrapper .flexwrapper .column .cell .label {
    font-size: 14px;
    font-weight: 500;
}
.comparemainwrapper .section--wrapper .flexwrapper .column .cell img {
    width: 140px;
}
.comparemainwrapper .section--wrapper .flexwrapper .column .cell .label--val {
    font-size: 14px;
    font-weight: 400;
}
.comparemainwrapper .section--wrapper .flexwrapper .column .cell .label--val .btn {
    padding: 8px 15px;
    border: 1px solid #08A9E3;
    color: #08A9E3;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.25s;
}
.comparemainwrapper .section--wrapper .flexwrapper .column .cell .label--val .btn:hover {
    background-color: #08A9E3;
    color: #fff;
    border-radius: 25px;
}
.recentproductwrapper,
.saleproductwrapper {
    padding: 50px 0px;
    background-color: #eee;
    position: relative;
}
.recentproductwrapper .card--header,
.saleproductwrapper .card--header {
    margin-bottom: 35px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.recentproductwrapper .card--header.flex--header,
.saleproductwrapper .card--header.flex--header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.recentproductwrapper .card--header.flex--header .header--info,
.saleproductwrapper .card--header.flex--header .header--info {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.recentproductwrapper .card--header.flex--header .header--info .item,
.saleproductwrapper .card--header.flex--header .header--info .item {
    margin-left: 10px;
}
.recentproductwrapper .card--header.flex--header .header--info .item span,
.saleproductwrapper .card--header.flex--header .header--info .item span {
    color: grey;
    font-size: 14px;
}
.recentproductwrapper .card--header.flex--header .header--info .item span:first-child,
.saleproductwrapper .card--header.flex--header .header--info .item span:first-child {
    color: #08A9E3;
}
.recentproductwrapper .card--header.flex--header .header--info .item span:last-child,
.saleproductwrapper .card--header.flex--header .header--info .item span:last-child {
    font-size: 13px;
}
.recentproductwrapper .card--header.flex--header .header--info .item a,
.saleproductwrapper .card--header.flex--header .header--info .item a {
    padding: 7px 15px;
    background-color: transparent;
    color: #08A9E3;
    border: 1px solid #08A9E3;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.25s;
}
.recentproductwrapper .card--header.flex--header .header--info .item a:hover,
.saleproductwrapper .card--header.flex--header .header--info .item a:hover {
    background-color: #08A9E3;
    color: #fff;
    border-radius: 25px;
}
.recentproductwrapper .card--header h4,
.saleproductwrapper .card--header h4 {
    font-size: 22px;
    font-weight: 700;
    position: relative;
    padding-left: 20px;
    margin-bottom: 0;
}
.recentproductwrapper .card--header h4::before,
.saleproductwrapper .card--header h4::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: #08A9E3;
}
.recentproductwrapper .card--header a,
.saleproductwrapper .card--header a {
    font-style: 14px;
    font-weight: 500;
    color: grey;
    font-style: italic;
    margin-left: 8px;
    transition: all 0.25s;
}
.recentproductwrapper .card--header a:hover,
.saleproductwrapper .card--header a:hover {
    color: #08A9E3;
}
.recentproductwrapper .section--wrapper,
.saleproductwrapper .section--wrapper {
    padding: 20px 22px;
    border-radius: 5px;
    background-color: #fff;
    margin-bottom: 25px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.09);
}
.recentproductwrapper .section--wrapper .cardwrapper,
.saleproductwrapper .section--wrapper .cardwrapper {
    background-color: #fff;
    margin-bottom: 30px;
    cursor: pointer;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
    border: 1px solid #eee;
}
.recentproductwrapper .section--wrapper .cardwrapper .imgwrapper,
.saleproductwrapper .section--wrapper .cardwrapper .imgwrapper {
    overflow: hidden;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    position: relative;
    max-height: 200px;
    height: 200px;
}
.recentproductwrapper .section--wrapper .cardwrapper .imgwrapper::before,
.saleproductwrapper .section--wrapper .cardwrapper .imgwrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: -30px;
    width: 30px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.15);
    transition: all 0.25s;
    z-index: 10;
}
.recentproductwrapper .section--wrapper .cardwrapper .imgwrapper img,
.saleproductwrapper .section--wrapper .cardwrapper .imgwrapper img {
    width: auto;
    transition: all 0.25s;
    height: 150px;
    margin: auto;
    display: block;
    /*margin-left: 25%;*/
}
.recentproductwrapper .section--wrapper .cardwrapper .imgwrapper .action--wrapper,
.saleproductwrapper .section--wrapper .cardwrapper .imgwrapper .action--wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -60px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 10px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s;
}
.recentproductwrapper .section--wrapper .cardwrapper .imgwrapper .action--wrapper a,
.saleproductwrapper .section--wrapper .cardwrapper .imgwrapper .action--wrapper a {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background-color: #fff;
    color: #08A9E3;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    transition: all 0.25s;
}
.recentproductwrapper .section--wrapper .cardwrapper .imgwrapper .action--wrapper a:last-child,
.saleproductwrapper .section--wrapper .cardwrapper .imgwrapper .action--wrapper a:last-child {
    margin-bottom: 0;
}
.recentproductwrapper .section--wrapper .cardwrapper .imgwrapper .action--wrapper a:hover,
.saleproductwrapper .section--wrapper .cardwrapper .imgwrapper .action--wrapper a:hover {
    background-color: #08A9E3;
    color: #fff;
}
.recentproductwrapper .section--wrapper .cardwrapper .imgwrapper:hover .action--wrapper,
.saleproductwrapper .section--wrapper .cardwrapper .imgwrapper:hover .action--wrapper {
    right: 0;
    opacity: 1;
    visibility: visible;
}
.recentproductwrapper .section--wrapper .cardwrapper .imgwrapper .badge,
.saleproductwrapper .section--wrapper .cardwrapper .imgwrapper .badge {
    position: absolute;
    top: 6px;
    left: 6px;
    padding: 5px 6px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    background: #198754;
    border-radius: 3px;
}
.recentproductwrapper .section--wrapper .cardwrapper .infowrapper,
.saleproductwrapper .section--wrapper .cardwrapper .infowrapper {
    padding: 12px 10px;
    text-align: center;
}
.recentproductwrapper .section--wrapper .cardwrapper .infowrapper .star-rating,
.saleproductwrapper .section--wrapper .cardwrapper .infowrapper .star-rating {
    position: relative;
    margin-bottom: 8px;
}
.recentproductwrapper .section--wrapper .cardwrapper .infowrapper .star-rating .star,
.saleproductwrapper .section--wrapper .cardwrapper .infowrapper .star-rating .star {
    width: 15px;
    height: 15px;
    position: relative;
}
.recentproductwrapper .section--wrapper .cardwrapper .infowrapper .star-rating .star::before,
.saleproductwrapper .section--wrapper .cardwrapper .infowrapper .star-rating .star::before {
    content: "\f005";
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    color: #fbcb3a;
    font-size: 13px;
}
.recentproductwrapper .section--wrapper .cardwrapper .infowrapper .star-rating .star.checked::before,
.saleproductwrapper .section--wrapper .cardwrapper .infowrapper .star-rating .star.checked::before {
    content: "\f005";
    font-family: "Font Awesome 5 Brands";
    font-weight: 900;
    color: #fbcb3a;
    font-size: 13px;
}
.recentproductwrapper .section--wrapper .cardwrapper .infowrapper .star-rating .comment,
.saleproductwrapper .section--wrapper .cardwrapper .infowrapper .star-rating .comment {
    font-size: 13px;
    color: #5b6c8f;
}
.recentproductwrapper .section--wrapper .cardwrapper .infowrapper .flex--wrapper,
.saleproductwrapper .section--wrapper .cardwrapper .infowrapper .flex--wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
}
.recentproductwrapper .section--wrapper .cardwrapper .infowrapper .flex--wrapper .item,
.saleproductwrapper .section--wrapper .cardwrapper .infowrapper .flex--wrapper .item {
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.recentproductwrapper .section--wrapper .cardwrapper .infowrapper .flex--wrapper .item:first-child,
.saleproductwrapper .section--wrapper .cardwrapper .infowrapper .flex--wrapper .item:first-child {
    margin-right: 15px;
}
.recentproductwrapper .section--wrapper .cardwrapper .infowrapper .flex--wrapper .item .svg-inline--fa,
.saleproductwrapper .section--wrapper .cardwrapper .infowrapper .flex--wrapper .item .svg-inline--fa {
    font-size: 14px;
    color: #08A9E3;
    margin-right: 8px;
}
.recentproductwrapper .section--wrapper .cardwrapper .infowrapper .flex--wrapper .item span,
.saleproductwrapper .section--wrapper .cardwrapper .infowrapper .flex--wrapper .item span {
    color: grey;
    font-size: 14px;
    font-weight: 500;
    margin-left: 5px;
}
.recentproductwrapper .section--wrapper .cardwrapper .infowrapper h5,
.saleproductwrapper .section--wrapper .cardwrapper .infowrapper h5 {
    font-size: 20px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.recentproductwrapper .section--wrapper .cardwrapper .infowrapper .price,
.saleproductwrapper .section--wrapper .cardwrapper .infowrapper .price {
    margin-bottom: 12px;
}
.recentproductwrapper .section--wrapper .cardwrapper .infowrapper .price span.current,
.saleproductwrapper .section--wrapper .cardwrapper .infowrapper .price span.current {
    font-size: 18px;
    color: #08A9E3;
    margin-right: 6px;
    font-weight: 500;
}
.recentproductwrapper .section--wrapper .cardwrapper .infowrapper .by-label,
.saleproductwrapper .section--wrapper .cardwrapper .infowrapper .by-label {
    font-size: 13px;
    color: #292932ab;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-weight: 500;
    overflow: hidden;
}
.recentproductwrapper .section--wrapper .cardwrapper .infowrapper .by-label span:first-child,
.saleproductwrapper .section--wrapper .cardwrapper .infowrapper .by-label span:first-child {
    color: #000;
    margin-right: 4px;
}
.recentproductwrapper .section--wrapper .cardwrapper .infowrapper .button--wrapper,
.saleproductwrapper .section--wrapper .cardwrapper .infowrapper .button--wrapper {
    text-align: center;
}
.recentproductwrapper .section--wrapper .cardwrapper .infowrapper .button--wrapper .btn,
.saleproductwrapper .section--wrapper .cardwrapper .infowrapper .button--wrapper .btn {
    padding: 7px 15px;
    color: #08A9E3;
    border: 1px solid #08A9E3;
    border-radius: 25px;
    background-color: #fff;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.25s;
}
.recentproductwrapper .section--wrapper .cardwrapper .infowrapper .button--wrapper .btn:hover,
.saleproductwrapper .section--wrapper .cardwrapper .infowrapper .button--wrapper .btn:hover {
    background-color: #08A9E3;
    color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.recentproductwrapper .section--wrapper .cardwrapper .infowrapper .button--wrapper .btn:last-child,
.saleproductwrapper .section--wrapper .cardwrapper .infowrapper .button--wrapper .btn:last-child {
    border-color: #08A9E3;
    color: #08A9E3;
}
.recentproductwrapper .section--wrapper .cardwrapper .infowrapper .button--wrapper .btn:last-child:hover,
.saleproductwrapper .section--wrapper .cardwrapper .infowrapper .button--wrapper .btn:last-child:hover {
    background-color: #08A9E3;
    color: #fff;
}
.recentproductwrapper .section--wrapper .cardwrapper:hover .imgwrapper::before,
.saleproductwrapper .section--wrapper .cardwrapper:hover .imgwrapper::before {
    left: calc(100% + 30px);
}
.recentproductwrapper .section--wrapper .cardwrapper:hover .imgwrapper img,
.saleproductwrapper .section--wrapper .cardwrapper:hover .imgwrapper img {
    transform: scale(1.1);
}
.recentproductwrapper .section--wrapper .infowrapper,
.saleproductwrapper .section--wrapper .infowrapper {
    border: 1px solid #ddd;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: none;
}
.recentproductwrapper .section--wrapper.sale--products .cardwrapper,
.saleproductwrapper .section--wrapper.sale--products .cardwrapper {
    background-color: #fff;
    margin-bottom: 30px;
    cursor: pointer;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
    border: 1px solid #eee;
}
.recentproductwrapper .section--wrapper.sale--products .cardwrapper .imgwrapper,
.saleproductwrapper .section--wrapper.sale--products .cardwrapper .imgwrapper {
    overflow: hidden;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    position: relative;
    max-height: 200px;
}
.recentproductwrapper .section--wrapper.sale--products .cardwrapper .imgwrapper::before,
.saleproductwrapper .section--wrapper.sale--products .cardwrapper .imgwrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: -30px;
    width: 30px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.15);
    transition: all 0.25s;
    z-index: 10;
}
.recentproductwrapper .section--wrapper.sale--products .cardwrapper .imgwrapper img,
.saleproductwrapper .section--wrapper.sale--products .cardwrapper .imgwrapper img {
    width: 100%;
    transition: all 0.25s;
    height: 200px;
}
.recentproductwrapper .section--wrapper.sale--products .cardwrapper .imgwrapper .action--wrapper,
.saleproductwrapper .section--wrapper.sale--products .cardwrapper .imgwrapper .action--wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -60px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 10px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s;
}
.recentproductwrapper .section--wrapper.sale--products .cardwrapper .imgwrapper .action--wrapper a,
.saleproductwrapper .section--wrapper.sale--products .cardwrapper .imgwrapper .action--wrapper a {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background-color: #fff;
    color: #08A9E3;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    transition: all 0.25s;
}
.recentproductwrapper .section--wrapper.sale--products .cardwrapper .imgwrapper .action--wrapper a:last-child,
.saleproductwrapper .section--wrapper.sale--products .cardwrapper .imgwrapper .action--wrapper a:last-child {
    margin-bottom: 0;
}
.recentproductwrapper .section--wrapper.sale--products .cardwrapper .imgwrapper .action--wrapper a:hover,
.saleproductwrapper .section--wrapper.sale--products .cardwrapper .imgwrapper .action--wrapper a:hover {
    background-color: #08A9E3;
    color: #fff;
}
.recentproductwrapper .section--wrapper.sale--products .cardwrapper .imgwrapper:hover .action--wrapper,
.saleproductwrapper .section--wrapper.sale--products .cardwrapper .imgwrapper:hover .action--wrapper {
    right: 0;
    opacity: 1;
    visibility: visible;
}
.recentproductwrapper .section--wrapper.sale--products .cardwrapper .imgwrapper .badge,
.saleproductwrapper .section--wrapper.sale--products .cardwrapper .imgwrapper .badge {
    position: absolute;
    top: 6px;
    left: 6px;
    padding: 5px 6px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    background: #dc3545;
    border-radius: 3px;
}
.recentproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper,
.saleproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper {
    padding: 12px 10px;
    text-align: center;
}
.recentproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .star-rating,
.saleproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .star-rating {
    position: relative;
    margin-bottom: 8px;
}
.recentproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .star-rating .star,
.saleproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .star-rating .star {
    width: 15px;
    height: 15px;
    position: relative;
}
.recentproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .star-rating .star::before,
.saleproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .star-rating .star::before {
    content: "\f005";
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    color: #fbcb3a;
    font-size: 13px;
}
.recentproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .star-rating .star.checked::before,
.saleproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .star-rating .star.checked::before {
    content: "\f005";
    font-family: "Font Awesome 5 Brands";
    font-weight: 900;
    color: #fbcb3a;
    font-size: 13px;
}
.recentproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .star-rating .comment,
.saleproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .star-rating .comment {
    font-size: 13px;
    color: #5b6c8f;
}
.recentproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .flex--wrapper,
.saleproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .flex--wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
}
.recentproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .flex--wrapper .item,
.saleproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .flex--wrapper .item {
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.recentproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .flex--wrapper .item:first-child,
.saleproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .flex--wrapper .item:first-child {
    margin-right: 15px;
}
.recentproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .flex--wrapper .item .svg-inline--fa,
.saleproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .flex--wrapper .item .svg-inline--fa {
    font-size: 14px;
    color: #08A9E3;
    margin-right: 8px;
}
.recentproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .flex--wrapper .item span,
.saleproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .flex--wrapper .item span {
    color: grey;
    font-size: 13px;
    font-weight: 500;
}
.recentproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper h5,
.saleproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper h5 {
    font-size: 18px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.recentproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .price,
.saleproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .price {
    margin-bottom: 12px;
}
.recentproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .price span.current,
.saleproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .price span.current {
    font-size: 18px;
    color: #08A9E3;
    margin-right: 6px;
    font-weight: 500;
}
.recentproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .price span.prev,
.saleproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .price span.prev {
    font-size: 14px;
    color: #aaa;
    text-decoration: line-through;
}
.recentproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .by-label,
.saleproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .by-label {
    font-size: 13px;
    color: #292932ab;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-weight: 500;
    overflow: hidden;
}
.recentproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .by-label span:first-child,
.saleproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .by-label span:first-child {
    color: #000;
    margin-right: 4px;
}
.recentproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .button--wrapper,
.saleproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .button--wrapper {
    text-align: center;
}
.recentproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .button--wrapper .btn,
.saleproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .button--wrapper .btn {
    padding: 7px 15px;
    color: #08A9E3;
    border: 1px solid #08A9E3;
    border-radius: 25px;
    background-color: #fff;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.25s;
}
.recentproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .button--wrapper .btn:hover,
.saleproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .button--wrapper .btn:hover {
    background-color: #08A9E3;
    color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.recentproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .button--wrapper .btn:last-child,
.saleproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .button--wrapper .btn:last-child {
    border-color: #08A9E3;
    color: #08A9E3;
}
.recentproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .button--wrapper .btn:last-child:hover,
.saleproductwrapper .section--wrapper.sale--products .cardwrapper .infowrapper .button--wrapper .btn:last-child:hover {
    background-color: #08A9E3;
    color: #fff;
}
.recentproductwrapper .section--wrapper.sale--products .cardwrapper:hover .imgwrapper::before,
.saleproductwrapper .section--wrapper.sale--products .cardwrapper:hover .imgwrapper::before {
    left: calc(100% + 30px);
}
.recentproductwrapper .section--wrapper.sale--products .cardwrapper:hover .imgwrapper img,
.saleproductwrapper .section--wrapper.sale--products .cardwrapper:hover .imgwrapper img {
    transform: scale(1.1);
}
.recentproductwrapper .paginationwrapper,
.saleproductwrapper .paginationwrapper {
    margin-top: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.recentproductwrapper .paginationwrapper a,
.saleproductwrapper .paginationwrapper a {
    font-size: 14px;
    width: 35px;
    height: 35px;
    text-decoration: none;
    color: #102248;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    margin-right: 10px;
    transition: all 0.25s;
}
.recentproductwrapper .paginationwrapper a.active,
.recentproductwrapper .paginationwrapper a:hover,
.saleproductwrapper .paginationwrapper a.active,
.saleproductwrapper .paginationwrapper a:hover {
    background-color: #102248;
    color: #fff !important;
}
.recentproductwrapper .paginationwrapper a:first-child,
.recentproductwrapper .paginationwrapper a:last-child,
.saleproductwrapper .paginationwrapper a:first-child,
.saleproductwrapper .paginationwrapper a:last-child {
    border: 1px solid #102248;
    color: #102248;
    font-size: 14px;
}
.featuredcompanieswrapper,
.topcompanieswrapper {
    padding: 50px;
    background-color: #eee;
    position: relative;
}
.featuredcompanieswrapper .filter_sidebar,
.topcompanieswrapper .filter_sidebar {
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.09);
}
.featuredcompanieswrapper .card--header,
.topcompanieswrapper .card--header {
    margin-bottom: 25px;
}
.featuredcompanieswrapper .card--header.flex--header,
.topcompanieswrapper .card--header.flex--header {
    display: flex;
    align-items: center;
}
.featuredcompanieswrapper .card--header h4,
.topcompanieswrapper .card--header h4 {
    font-size: 22px;
    font-weight: 700;
    position: relative;
    padding-left: 20px;
    margin-bottom: 0;
}
.featuredcompanieswrapper .card--header h4::before,
.topcompanieswrapper .card--header h4::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: #08A9E3;
}
.featuredcompanieswrapper .card--header a,
.topcompanieswrapper .card--header a {
    font-style: 14px;
    font-weight: 500;
    color: grey;
    font-style: italic;
    margin-left: 8px;
    transition: all 0.25s;
}
.featuredcompanieswrapper .card--header a:hover,
.topcompanieswrapper .card--header a:hover {
    color: #08A9E3;
}
.featuredcompanieswrapper .section--wrapper,
.topcompanieswrapper .section--wrapper {
    padding: 20px 22px;
    border-radius: 5px;
    background-color: #fff;
    margin-bottom: 25px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.09);
}
.featuredcompanieswrapper .category--companies .divider--title,
.topcompanieswrapper .category--companies .divider--title {
    position: relative;
    padding: 20px 22px;
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.09);
    border-radius: 5px;
    margin-bottom: 35px;
}
.featuredcompanieswrapper .category--companies .divider--title::before,
.topcompanieswrapper .category--companies .divider--title::before {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ddd;
}
.featuredcompanieswrapper .category--companies .divider--title h5,
.topcompanieswrapper .category--companies .divider--title h5 {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 600;
    padding-left: 20px;
    position: relative;
}
.featuredcompanieswrapper .category--companies .divider--title h5::before,
.topcompanieswrapper .category--companies .divider--title h5::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: #08A9E3;
}
.featuredcompanieswrapper .category--companies .flex--wrapper,
.topcompanieswrapper .category--companies .flex--wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.featuredcompanieswrapper .category--companies .flex--wrapper .section--wrapper,
.topcompanieswrapper .category--companies .flex--wrapper .section--wrapper {
    width: calc(50% - 15px);
}
.featuredcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper,
.topcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper {
    background-color: #fff;
    display: flex;
    cursor: pointer;
}
.featuredcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper .imgwrapper,
.topcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper .imgwrapper {
    overflow: hidden;
    width: 30%;
    border-radius: 5px;
    position: relative;
    max-height: 200px;
}
.featuredcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper .imgwrapper::before,
.topcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper .imgwrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: -30px;
    width: 30px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.15);
    transition: all 0.25s;
    z-index: 10;
}
.featuredcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper .imgwrapper img,
.topcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper .imgwrapper img {
    width: 100%;
    transition: all 0.25s;
    height: 200px;
}
.featuredcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper .infowrapper,
.topcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper .infowrapper {
    width: 70%;
    padding: 6px 15px 0 25px;
}
.featuredcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper .infowrapper h5,
.topcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper .infowrapper h5 {
    font-size: 22px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 20px;
}
.featuredcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper .infowrapper h5 span,
.topcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper .infowrapper h5 span {
    font-size: 13px;
    padding: 5px;
    border-radius: 5px;
    background-color: #08A9E3;
    font-weight: 500;
    color: #fff;
    margin-left: 6px;
}
.featuredcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper .infowrapper .line,
.topcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper .infowrapper .line {
    display: flex;
    margin-bottom: 15px;
}
.featuredcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper .infowrapper .line span:first-child,
.topcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper .infowrapper .line span:first-child {
    font-size: 14px;
    font-weight: 600;
    width: 30%;
    white-space: nowrap;
}
.featuredcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper .infowrapper .line span:last-child,
.topcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper .infowrapper .line span:last-child {
    font-size: 14px;
    font-weight: 500;
    width: 70%;
}
.featuredcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper .infowrapper .button--wrapper,
.topcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper .infowrapper .button--wrapper {
    text-align: left;
    margin-top: 25px;
}
.featuredcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper .infowrapper .button--wrapper .btn,
.topcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper .infowrapper .button--wrapper .btn {
    padding: 9px 15px;
    color: #08A9E3;
    border: 1px solid #08A9E3;
    min-width: 135px;
    border-radius: 25px;
    background-color: #fff;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.25s;
}
.featuredcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper .infowrapper .button--wrapper .btn:last-child,
.topcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper .infowrapper .button--wrapper .btn:last-child {
    background-color: #08A9E3;
    color: #fff;
}
.featuredcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper .infowrapper .button--wrapper .btn:hover,
.topcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper .infowrapper .button--wrapper .btn:hover {
    background-color: #08A9E3;
    color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.featuredcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper .infowrapper .button--wrapper .btn:active,
.topcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper .infowrapper .button--wrapper .btn:active {
    background-color: #0895c5;
}
.featuredcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper:hover .imgwrapper::before,
.topcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper:hover .imgwrapper::before {
    left: calc(100% + 30px);
}
.featuredcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper:hover .imgwrapper img,
.topcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper:hover .imgwrapper img {
    transform: scale(1.1);
}
.featuredcompanieswrapper .category--companies .paginationwrapper,
.topcompanieswrapper .category--companies .paginationwrapper {
    margin-top: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.featuredcompanieswrapper .category--companies .paginationwrapper a,
.topcompanieswrapper .category--companies .paginationwrapper a {
    font-size: 14px;
    width: 35px;
    height: 35px;
    text-decoration: none;
    color: #102248;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    margin-right: 10px;
    transition: all 0.25s;
}
.featuredcompanieswrapper .category--companies .paginationwrapper a.active,
.featuredcompanieswrapper .category--companies .paginationwrapper a:hover,
.topcompanieswrapper .category--companies .paginationwrapper a.active,
.topcompanieswrapper .category--companies .paginationwrapper a:hover {
    background-color: #102248;
    color: #fff !important;
}
.featuredcompanieswrapper .category--companies .paginationwrapper a:first-child,
.featuredcompanieswrapper .category--companies .paginationwrapper a:last-child,
.topcompanieswrapper .category--companies .paginationwrapper a:first-child,
.topcompanieswrapper .category--companies .paginationwrapper a:last-child {
    border: 1px solid #102248;
    color: #102248;
    font-size: 14px;
}
.ticketsmainwrapper {
    padding: 50px 100px;
    background-color: #eee;
    position: relative;
}
.ticketsmainwrapper .card--header {
    margin-bottom: 35px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.ticketsmainwrapper .card--header.flex--header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ticketsmainwrapper .card--header h4 {
    font-size: 22px;
    font-weight: 700;
    position: relative;
    padding-left: 20px;
    margin-bottom: 0;
}
.ticketsmainwrapper .card--header h4::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: #08A9E3;
}
.ticketsmainwrapper .card--header .btn {
    padding: 8px 20px;
    border-color: #08A9E3;
    color: #08A9E3;
    font-size: 13px;
    font-weight: 500;
}
.ticketsmainwrapper .card--header .btn:hover {
    color: #fff;
    background-color: #08A9E3;
}
.ticketsmainwrapper .section--wrapper {
    padding: 20px 22px;
    border-radius: 5px;
    background-color: #fff;
    margin-bottom: 25px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.09);
}
.ticketsmainwrapper .section--wrapper .table th {
    font-size: 14px;
    font-weight: 500;
}
.ticketsmainwrapper .section--wrapper .table td {
    font-size: 13px;
    font-weight: 400;
}
.ticketsmainwrapper .section--wrapper .table td span.close--label {
    padding: 8px 15px;
    border-radius: 5px;
    font-weight: 500;
    background-color: #ddd;
}
.ticketsmainwrapper .section--wrapper .table td span.pending--label {
    padding: 8px 15px;
    border-radius: 5px;
    font-weight: 500;
    background-color: #08A9E3;
    color: #fff;
}
.ticketsmainwrapper .section--wrapper .table td span.solved--label {
    padding: 8px 15px;
    border-radius: 5px;
    font-weight: 500;
    background-color: #198754;
    color: #fff;
}
.ticketsmainwrapper .modal .form-group {
    margin-bottom: 20px;
}
.ticketsmainwrapper .modal .form-group:last-child {
    margin-bottom: 0;
}
.ticketsmainwrapper .modal .form-group .control-label {
    font-size: 14px;
    font-weight: 500;
    display: block;
    margin-bottom: 6px;
}
.ticketsmainwrapper .modal .form-group .form-control {
    font-size: 14px;
    height: 50px;
    box-shadow: none;
    transition: all 0.25s;
}
.ticketsmainwrapper .modal .form-group .form-control:focus {
    border-color: #08A9E3;
}
.ticketsmainwrapper .modal .form-group textarea.form-control {
    height: auto;
}
.ticketsmainwrapper .modal .form-group .btn {
    width: 50%;
    display: block;
    margin: 0 auto;
    padding: 12px;
    background-color: #08A9E3;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
}
.accountwrapper {
    padding: 50px 100px;
    background-color: #eee;
    position: relative;
}
.accountwrapper .card--wrapper {
    width: 70%;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 5px;
    padding: 20px 22px;
}
.accountwrapper .card--wrapper .card--header {
    display: flex;
    padding-bottom: 15px;
    margin-bottom: 25px;
    border-bottom: 1px solid #eee;
    justify-content: space-between;
    align-items: center;
}
.accountwrapper .card--wrapper .card--header h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
}
.accountwrapper .card--wrapper .card--header .btn {
    padding: 8px 20px;
    border-color: #08A9E3;
    color: #08A9E3;
    font-size: 13px;
    font-weight: 500;
}
.accountwrapper .card--wrapper .card--header .btn:hover {
    background-color: #08A9E3;
    color: #fff;
}
.accountwrapper .card--wrapper .card--body .body--header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}
.accountwrapper .card--wrapper .card--body .body--header .info--wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.accountwrapper .card--wrapper .card--body .body--header .info--wrapper img {
    width: 120px;
    height: 120px;
    border-radius: 100%;
    margin-right: 15px;
}
.accountwrapper .card--wrapper .card--body .body--header .info--wrapper h5 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 12px;
}
.accountwrapper .card--wrapper .card--body .body--header .info--wrapper p {
    margin-bottom: 8px;
    font-size: 14px;
    color: grey;
}
.accountwrapper .card--wrapper .card--body .body--header .info--wrapper p span {
    padding-left: 8px;
    font-size: 13px;
}
.accountwrapper .card--wrapper .card--body .body--header .info--wrapper p .svg-inline--fa {
    color: #08A9E3;
    font-size: 16px;
}
.accountwrapper .card--wrapper .card--body .body--header .info--wrapper .btn {
    padding: 6px 15px;
    font-size: 13px;
    color: #fff;
    background-color: #08A9E3;
    font-weight: 500;
    display: inline-block;
    margin-top: 10px;
}
.accountwrapper .card--wrapper .card--body .body .line--block {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 20px 0 25px 0;
    border-bottom: 1px solid #eee;
    position: relative;
}
.accountwrapper .card--wrapper .card--body .body .line--block:last-child {
    border-bottom: none;
    padding: 20px 0 10px 0;
}
.accountwrapper .card--wrapper .card--body .body .line--block:last-child::before {
    content: "Social Media Links";
    padding: 0 8px;
    background-color: #fff;
    font-size: 14px;
    font-weight: 600;
    position: absolute;
    top: -14px;
    left: 10px;
}
.accountwrapper .card--wrapper .card--body .body .line--block .line {
    width: 50%;
    display: flex;
    padding: 10px 12px;
    position: relative;
}
.accountwrapper .card--wrapper .card--body .body .line--block .line::before {
    content: "-";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    color: #08A9E3;
}
.accountwrapper .card--wrapper .card--body .body .line--block .line span {
    font-size: 14px;
    font-weight: 400;
}
.accountwrapper .card--wrapper .card--body .body .line--block .line span a {
    color: grey;
    font-size: 13px;
    font-style: italic;
    transition: all 0.25s;
}
.accountwrapper .card--wrapper .card--body .body .line--block .line span a:hover {
    color: #08A9E3;
}
.accountwrapper .card--wrapper .card--body .body .line--block .line span:first-child {
    font-weight: 500;
    margin-right: 6px;
}
.editaccountwrapper {
    padding: 50px 100px;
    background-color: #eee;
    position: relative;
}
.editaccountwrapper .card--wrapper {
    width: 70%;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 5px;
    padding: 20px 22px;
}
.editaccountwrapper .card--wrapper .card--header {
    padding-bottom: 15px;
    margin-bottom: 25px;
    border-bottom: 1px solid #eee;
}
.editaccountwrapper .card--wrapper .card--header h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
}
.editaccountwrapper .vertical--form .form-group {
    display: flex;
    align-items: center;
    margin-bottom: 22px;
    position: relative;
}
.editaccountwrapper .vertical--form .form-group .control-label {
    margin-bottom: 0;
    white-space: nowrap;
    padding-left: 15px;
    width: 35%;
    font-weight: 600;
    font-size: 14px;
}
.editaccountwrapper .vertical--form .form-group .form-control,
.editaccountwrapper .vertical--form .form-group .form-select {
    height: 50px;
    font-size: 14px;
    box-shadow: none;
}
.editaccountwrapper .vertical--form .form-group .form-control:focus,
.editaccountwrapper .vertical--form .form-group .form-select:focus {
    border-color: #08A9E3;
}
.editaccountwrapper .vertical--form .form-group .input-group {
    position: relative;
    width: 70%;
}
.editaccountwrapper .vertical--form .divider {
    width: 100%;
    height: 1px;
    background-color: #eee;
    position: relative;
    margin-bottom: 22px;
    margin-top: 30px;
}
.editaccountwrapper .vertical--form .divider::before {
    content: "Social Media Links";
    position: absolute;
    top: -14px;
    left: 8px;
    padding: 0 5px;
    background-color: #fff;
    font-size: 14px;
    font-weight: 600;
}
.editaccountwrapper .vertical--form .buttonwrapper {
    text-align: center;
}
.editaccountwrapper .vertical--form .buttonwrapper .btn {
    padding: 12px;
    margin: 0 auto;
    display: block;
    width: 200px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background-color: #08A9E3;
}
.mycompanywrapper {
    padding: 50px;
    background-color: #eee;
    position: relative;
}
.mycompanywrapper .panel--wrapper {
    border: 1px solid #eee;
    border-radius: 5px;
    background-color: #fff;
    overflow: hidden;
}
.mycompanywrapper .panel--wrapper .panel--header {
    height: 170px;
    background-image: url("../media/bg-01.svg");
    background-size: contain;
    position: relative;
}
.mycompanywrapper .panel--wrapper .panel--header .img--wrapper {
    width: 120px;
    height: 120px;
    border-radius: 100%;
    outline: 3px solid #fff;
    background-color: #fff;
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.45);
}
.mycompanywrapper .panel--wrapper .panel--header .img--wrapper img {
    width: 100%;
    height: 100%;
}
.mycompanywrapper .panel--wrapper .info--wrapper {
    padding-top: 50px;
    padding-bottom: 15px;
}
.mycompanywrapper .panel--wrapper .info--wrapper .company-title {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}
.mycompanywrapper .panel--wrapper .info--wrapper .flex--wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
}
.mycompanywrapper .panel--wrapper .info--wrapper .flex--wrapper .item {
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.mycompanywrapper .panel--wrapper .info--wrapper .flex--wrapper .item:first-child {
    margin-right: 15px;
}
.mycompanywrapper .panel--wrapper .info--wrapper .flex--wrapper .item .svg-inline--fa {
    font-size: 14px;
    color: #08A9E3;
    margin-right: 8px;
}
.mycompanywrapper .panel--wrapper .info--wrapper .flex--wrapper .item span {
    color: grey;
    font-size: 13px;
    font-weight: 500;
}
.mycompanywrapper .panel--wrapper .tabs--wrapper ul {
    flex-direction: column;
    border: none;
}
.mycompanywrapper .panel--wrapper .tabs--wrapper ul li {
    border-bottom: 1px solid #eee;
    padding: 8px 12px;
}
.mycompanywrapper .panel--wrapper .tabs--wrapper ul li:last-child {
    border-bottom: none;
}
.mycompanywrapper .panel--wrapper .tabs--wrapper ul li:first-child {
    border-top: 1px solid #eee;
}
.mycompanywrapper .panel--wrapper .tabs--wrapper ul a {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    text-decoration: none;
    border: none;
    transition: all 0.25s;
}
.mycompanywrapper .panel--wrapper .tabs--wrapper ul a span {
    margin-left: 8px;
}
.mycompanywrapper .panel--wrapper .tabs--wrapper ul a.active,
.mycompanywrapper .panel--wrapper .tabs--wrapper ul a:hover {
    color: #08A9E3;
}
.mycompanywrapper .maincontentwrapper .card--wrapper {
    padding: 20px 22px;
    background-color: #fff;
    border-radius: 5px;
}
.mycompanywrapper .maincontentwrapper .card--wrapper .card--header {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.mycompanywrapper .maincontentwrapper .card--wrapper .card--header.flex--header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mycompanywrapper .maincontentwrapper .card--wrapper .card--header h5 {
    margin-bottom: 0;
}
.mycompanywrapper .maincontentwrapper .card--wrapper .card--header .btn {
    padding: 10px 18px;
    background-color: #08A9E3;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    transition: all 0.25s;
}
.mycompanywrapper .maincontentwrapper .card--wrapper .card--header .btn:hover {
    border-radius: 25px;
}
.mycompanywrapper .maincontentwrapper .card--wrapper .card--header .btn:active {
    background-color: #0895c5;
}
.mycompanywrapper .maincontentwrapper .card--wrapper .card--body .main--title {
    margin-top: 20px;
    padding-bottom: 12px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    width: 100%;
    position: relative;
}
.mycompanywrapper .maincontentwrapper .card--wrapper .card--body .main--title h5 {
    margin-bottom: 0;
    font-size: 17px;
    font-weight: 600;
}
.mycompanywrapper .maincontentwrapper .card--wrapper .card--body .line--block {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.mycompanywrapper .maincontentwrapper .card--wrapper .card--body .line--block .line {
    width: 50%;
    margin-bottom: 18px;
}
.mycompanywrapper .maincontentwrapper .card--wrapper .card--body .line--block .line span:first-child {
    font-weight: 500;
}
.mycompanywrapper .maincontentwrapper .card--wrapper .card--body .line--block.cate--block .line {
    width: 100%;
}
.mycompanywrapper .maincontentwrapper .card--wrapper .card--body .line--block.cate--block .line span {
    padding-left: 12px;
}
.mycompanywrapper .maincontentwrapper .card--wrapper .card--body .line--block.cate--block .line span::before {
    content: counter(list_counter) ". ";
    counter-increment: list_counter;
}
.mycompanywrapper .maincontentwrapper .card--wrapper .card--body .line--block.social--block .line {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mycompanywrapper .maincontentwrapper .card--wrapper .card--body .line--block.social--block span:first-child {
    width: 25%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mycompanywrapper .maincontentwrapper .card--wrapper .card--body .line--block.social--block span:first-child i {
    font-style: normal;
}
.mycompanywrapper .maincontentwrapper .card--wrapper .card--body .line--block.social--block span:last-child {
    width: calc(75% - 25px);
}
.mycompanywrapper .maincontentwrapper .card--wrapper .card--body .line--block.social--block span:last-child a {
    color: grey;
    font-size: 13px;
    transition: all 0.25s;
}
.mycompanywrapper .maincontentwrapper .card--wrapper .card--body .line--block.social--block span:last-child a:hover {
    color: #08A9E3;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.main--form--edit .form--block {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.main--form--edit .form--block:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.main--form--edit .form--block .form-group {
    margin-bottom: 20px;
    position: relative;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.main--form--edit .form--block .form-group .control-label {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
    display: block;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.main--form--edit .form--block .form-group .form-control,
.mycompanywrapper .maincontentwrapper .card--wrapper.main--form--edit .form--block .form-group .form-select {
    padding: 12px 15px;
    font-size: 14px;
    box-shadow: none;
    transition: all 0.25s;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.main--form--edit .form--block .form-group .form-control:focus,
.mycompanywrapper .maincontentwrapper .card--wrapper.main--form--edit .form--block .form-group .form-select:focus {
    border-color: #08A9E3;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.main--form--edit .form--block .form-group .choices--wrapper {
    margin-top: 18px;
    padding-left: 12px;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.main--form--edit .form--block .form-group .choices--wrapper .line {
    margin-bottom: 10px;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.main--form--edit .form--block .form-group .choices--wrapper .line:last-child {
    margin-bottom: 0;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.main--form--edit .form--block .form-group .choices--wrapper .line label {
    font-size: 14px;
    font-weight: 500;
    margin-left: 8px;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.main--form--edit .form--block .form-group .choices--wrapper .line input {
    transform: translateY(2px);
}
.mycompanywrapper .maincontentwrapper .card--wrapper.main--form--edit .button--wrapper {
    margin-top: 25px;
    text-align: center;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.main--form--edit .button--wrapper .btn {
    padding: 12px 25px;
    background-color: #08A9E3;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    transition: all 0.25s;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.main--form--edit .button--wrapper .btn:hover {
    border-radius: 25px;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.main--form--edit .button--wrapper .btn:active {
    background-color: #0895c5;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .cardwrapper {
    background-color: #fff;
    margin-bottom: 25px;
    cursor: pointer;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
    border: 1px solid #eee;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .cardwrapper .imgwrapper {
    overflow: hidden;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    position: relative;
    max-height: 200px;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .cardwrapper .imgwrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: -30px;
    width: 30px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.15);
    transition: all 0.25s;
    z-index: 10;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .cardwrapper .imgwrapper img {
    width: 100%;
    transition: all 0.25s;
    height: 200px;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .cardwrapper .imgwrapper .action--wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -60px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 10px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .cardwrapper .imgwrapper .action--wrapper a {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background-color: #fff;
    color: #08A9E3;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    transition: all 0.25s;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .cardwrapper .imgwrapper .action--wrapper a:last-child {
    margin-bottom: 0;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .cardwrapper .imgwrapper .action--wrapper a:hover {
    background-color: #08A9E3;
    color: #fff;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .cardwrapper .imgwrapper:hover .action--wrapper {
    right: 0;
    opacity: 1;
    visibility: visible;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .cardwrapper .infowrapper {
    padding: 12px 10px;
    text-align: center;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .cardwrapper .infowrapper .star-rating {
    position: relative;
    margin-bottom: 8px;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .cardwrapper .infowrapper .star-rating .star {
    width: 15px;
    height: 15px;
    position: relative;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .cardwrapper .infowrapper .star-rating .star::before {
    content: "\f005";
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    color: #fbcb3a;
    font-size: 13px;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .cardwrapper .infowrapper .star-rating .star.checked::before {
    content: "\f005";
    font-family: "Font Awesome 5 Brands";
    font-weight: 900;
    color: #fbcb3a;
    font-size: 13px;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .cardwrapper .infowrapper .star-rating .comment {
    font-size: 13px;
    color: #5b6c8f;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .cardwrapper .infowrapper .flex--wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .cardwrapper .infowrapper .flex--wrapper .item {
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .cardwrapper .infowrapper .flex--wrapper .item:first-child {
    margin-right: 15px;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .cardwrapper .infowrapper .flex--wrapper .item .svg-inline--fa {
    font-size: 14px;
    color: #08A9E3;
    margin-right: 8px;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .cardwrapper .infowrapper .flex--wrapper .item span {
    color: grey;
    font-size: 13px;
    font-weight: 500;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .cardwrapper .infowrapper h5 {
    font-size: 18px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .cardwrapper .infowrapper .price {
    margin-bottom: 12px;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .cardwrapper .infowrapper .price span.current {
    font-size: 18px;
    color: #08A9E3;
    margin-right: 6px;
    font-weight: 500;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .cardwrapper .infowrapper .by-label {
    font-size: 13px;
    color: #292932ab;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-weight: 500;
    overflow: hidden;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .cardwrapper .infowrapper .by-label span:first-child {
    color: #000;
    margin-right: 4px;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .cardwrapper .infowrapper .button--wrapper {
    text-align: center;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .cardwrapper .infowrapper .button--wrapper .btn {
    padding: 7px 15px;
    color: #08A9E3;
    border: 1px solid #08A9E3;
    border-radius: 25px;
    background-color: #fff;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.25s;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .cardwrapper .infowrapper .button--wrapper .btn:hover {
    background-color: #08A9E3;
    color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .cardwrapper .infowrapper .button--wrapper .btn:last-child {
    border-color: #08A9E3;
    color: #08A9E3;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .cardwrapper .infowrapper .button--wrapper .btn:last-child:hover {
    background-color: #08A9E3;
    color: #fff;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .cardwrapper:hover .imgwrapper::before {
    left: calc(100% + 30px);
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .cardwrapper:hover .imgwrapper img {
    transform: scale(1.1);
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .cardwrapper .infowrapper .button--wrapper .btn {
    width: 100px;
    font-weight: 500;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .cardwrapper .infowrapper .button--wrapper .btn:last-child {
    border-color: #dc3545;
    color: #dc3545;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .cardwrapper .infowrapper .button--wrapper .btn:last-child:hover {
    background-color: #dc3545;
    color: #fff;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .vertical--form .form--block {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    padding-top: 15px;
    position: relative;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .vertical--form .form--block:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .vertical--form .form--block:nth-child(2)::before {
    content: "Product Details";
    position: absolute;
    top: -32px;
    left: 8px;
    padding: 0 5px;
    background-color: #fff;
    font-size: 14px;
    font-weight: 600;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .vertical--form .form--block:nth-child(3)::before {
    content: "Product Attachments";
    position: absolute;
    top: -32px;
    left: 8px;
    padding: 0 5px;
    background-color: #fff;
    font-size: 14px;
    font-weight: 600;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .vertical--form .form--block .form-group {
    margin-bottom: 22px;
    position: relative;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .vertical--form .form--block .form-group .control-label {
    margin-bottom: 8px;
    white-space: nowrap;
    font-weight: 500;
    font-size: 14px;
    display: block;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .vertical--form .form--block .form-group .input-group > .form-control {
    height: auto;
    padding: 12px 15px;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .vertical--form .form--block .form-group .form-control,
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .vertical--form .form--block .form-group .form-select {
    height: 50px;
    font-size: 14px;
    box-shadow: none;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .vertical--form .form--block .form-group .form-control:focus,
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .vertical--form .form--block .form-group .form-select:focus {
    border-color: #08A9E3;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .vertical--form .form--block .form-group .input-group {
    position: relative;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .vertical--form .form--block .flex--wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 10px;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .vertical--form .form--block .flex--wrapper .form--group {
    width: calc(20% - 20px);
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .vertical--form .form--block .flex--wrapper .form--group:last-child {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .vertical--form .form--block .flex--wrapper .form--group .control-label {
    font-size: 14px;
    font-weight: 500;
    display: block;
    margin-bottom: 8px;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .vertical--form .form--block .flex--wrapper .form--group .form-control {
    height: 50px;
    box-shadow: none;
    border-radius: 5px;
    background-color: #eee;
    font-size: 14px;
    border: 1px solid transparent;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .vertical--form .form--block .flex--wrapper .form--group .form-control:focus {
    border: 1px solid #08A9E3;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .vertical--form .form--block .flex--wrapper .form--group textarea.form-control {
    height: auto;
    background-color: transparent;
    border: 1px solid #dfdfdf;
    resize: none;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .vertical--form .button--wrapper {
    text-align: center;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.products--wrapper .vertical--form .button--wrapper .btn {
    padding: 12px;
    margin: 0 auto;
    display: block;
    width: 200px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background-color: #08A9E3;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.videos--wrapper .cardwrapper {
    position: relative;
    margin-bottom: 20px;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.videos--wrapper .cardwrapper .btn-link {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 25px;
    height: 25px;
    background-color: red;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    border-radius: 100%;
    padding: 0;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.videos--wrapper .control-label {
    margin-bottom: 8px;
    white-space: nowrap;
    font-weight: 500;
    font-size: 14px;
    display: block;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.videos--wrapper .input-group > .form-control {
    height: auto;
    padding: 12px 15px;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.videos--wrapper a {
    display: block;
    position: relative;
    border-radius: 5px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.mycompanywrapper .maincontentwrapper .card--wrapper.videos--wrapper a .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.35);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.15s;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.videos--wrapper a .overlay .svg-inline--fa {
    font-size: 45px;
    color: #fff;
    opacity: 0.85;
    transition: all 0.15s;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.videos--wrapper a .overlay:hover {
    background-color: rgba(0, 0, 0, 0.55);
}
.mycompanywrapper .maincontentwrapper .card--wrapper.videos--wrapper a .overlay:hover .svg-inline--fa {
    opacity: 1;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.videos--wrapper a img {
    width: 100%;
    border-radius: 5px;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.videos--wrapper .button--wrapper {
    margin-top: 25px;
    text-align: center;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.company-requests .table-responsive table th {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.company-requests .table-responsive table th:first-child {
    text-align: left;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.company-requests .table-responsive table td {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    padding: 15px 10px;
    white-space: nowrap;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.company-requests .table-responsive table td:first-child {
    text-align: left;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.company-requests .table-responsive table td .btn {
    padding: 5px 12px;
    background-color: #08A9E3;
    box-shadow: none;
    color: #fff;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.company-requests .table-responsive table td .btn:active {
    background-color: #0895c5;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.company-requests .table-responsive .modal .form-control {
    font-size: 14px;
    box-shadow: none;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.company-requests .table-responsive .modal .form-control:focus {
    border-color: #08A9E3;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.company-requests .table-responsive .modal .button--wrapper {
    text-align: center;
    margin-top: 20px;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.company-requests .table-responsive .modal .button--wrapper .btn {
    padding: 10px 25px;
    background-color: #08A9E3;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    box-shadow: none;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.company-requests .table-responsive .modal .button--wrapper .btn:active {
    background-color: #0895c5;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.company--cert .cardwrapper {
    position: relative;
    margin-bottom: 20px;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.company--cert .cardwrapper .btn-link {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 25px;
    height: 25px;
    background-color: red;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    border-radius: 100%;
    padding: 0;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.company--cert .cert-trigger {
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 5px;
    height: 400px;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
}
.branche-trigger {
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 5px;
    min-height: 130px;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.company--cert .cert-trigger a {
    display: block;
    overflow: hidden;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.company--cert .cert-trigger a img {
    width: 100%;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.company--cert .cert-trigger a .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.35);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    color: #fff;
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
    transition: all 0.25s;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.company--cert .cert-trigger a:hover .overlay {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.company--cert .button--wrapper {
    margin-top: 25px;
    text-align: center;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.company--cert .control-label {
    margin-bottom: 8px;
    white-space: nowrap;
    font-weight: 500;
    font-size: 14px;
    display: block;
}
.mycompanywrapper .maincontentwrapper .card--wrapper.company--cert .input-group > .form-control {
    height: auto;
    padding: 12px 15px;
}
.login--wrapper {
    padding: 50px 100px;
}
.login--wrapper .box--title {
    margin-bottom: 45px;
    width: 100%;
}
.login--wrapper .box--title h2 {
    font-size: 32px;
    font-weight: 800;
}
.login--wrapper .box--title p {
    font-size: 16px;
    font-weight: 700;
}
.login--wrapper .action--box {
    width: 80%;
    margin: 0 auto;
}
.login--wrapper .action--box .form-control {
    box-shadow: none !important;
}
.login--wrapper .action--box .flex--box {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.09);
}
.login--wrapper .action--box .flex--box .v-banner--wrapper {
    width: 40%;
    height: auto;
    background-image: url("../media//cat-01.jpg");
    background-size: cover;
    background-blend-mode: overlay;
    background-color: rgba(0, 0, 0, 0.65);
    display: flex;
    justify-content: center;
    align-items: center;

}
.login--wrapper .action--box .flex--box .v-banner--wrapper p {
    font-size: 24px;
    text-transform: capitalize;
    color: #fff;
    font-weight: 600;
    text-align: center;
    padding: 30px;
}
.login--wrapper .action--box .flex--box .form--wrapper {
    width: 60%;
    border: 1px solid #eee;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 35px 50px;
}
.login--wrapper .action--box .flex--box .form--wrapper .icon--wrapper {
    width: 80px;
    background-color: #fff;
    height: 80px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #08A9E3;
    color: #08A9E3;
    font-size: 26px;
    margin: 0 auto;
    margin-bottom: 20px;
}
.login--wrapper .action--box .flex--box .form--wrapper .main--title {
    font-size: 28px;
    font-weight: 600;
    padding-bottom: 22px;
    margin-bottom: 20px;
    position: relative;
    text-align: center;
}
.login--wrapper .action--box .flex--box .form--wrapper .main--title::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 70px;
    height: 6px;
    border-radius: 25px;
    background-color: #08A9E3;
}
.login--wrapper .action--box .flex--box .form--wrapper .main--desc {
    font-size: 14px;
    text-align: center;
    margin-bottom: 35px;
}
.login--wrapper .action--box .flex--box .form--wrapper .code--number {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 25px;
}
.login--wrapper .action--box .flex--box .form--wrapper .form-group {
    margin-bottom: 25px;
    position: relative;
}
.login--wrapper .action--box .flex--box .form--wrapper .form-group.otp--input {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}
.login--wrapper .action--box .flex--box .form--wrapper .form-group.otp--input .form-control {
    margin-left: 10px;
    text-align: center !important;
    border-color: #08A9E3;
    font-size: 18px;
    font-weight: 400;
    width: 70px;
    height: 70px;
}
.login--wrapper .action--box .flex--box .form--wrapper .form-group.otp--input .form-control::-webkit-inner-spin-button,
.login--wrapper .action--box .flex--box .form--wrapper .form-group.otp--input .form-control::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.login--wrapper .action--box .flex--box .form--wrapper .form-group:nth-last-child(3) {
    margin-bottom: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.login--wrapper .action--box .flex--box .form--wrapper .form-group:nth-last-child(3) .item label {
    font-weight: 500;
}
.login--wrapper .action--box .flex--box .form--wrapper .form-group:nth-last-child(3) .item label input {
    transform: translateY(3px);
}
.login--wrapper .action--box .flex--box .form--wrapper .form-group:nth-last-child(3) .item a {
    color: #000;
    font-weight: 500;
}
.login--wrapper .action--box .flex--box .form--wrapper .form-group:nth-last-child(1),
.login--wrapper .action--box .flex--box .form--wrapper .form-group:nth-last-child(2) {
    text-align: center;
}
.login--wrapper .action--box .flex--box .form--wrapper .form-group:nth-last-child(2) {
    padding-bottom: 22px;
    margin-bottom: 22px;
}
.login--wrapper .action--box .flex--box .form--wrapper .form-group:nth-last-child(2)::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 300px;
    height: 1px;
    transform: translateX(-50%);
    background-color: #aaa;
}
.login--wrapper .action--box .flex--box .form--wrapper .form-group:nth-last-child(2)::after {
    content: "OR";
    position: absolute;
    bottom: -9px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    color: #aaa;
    padding: 0 20px;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    font-weight: 500;
}
.login--wrapper .action--box .flex--box .form--wrapper .form-group .control-label {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
}
.login--wrapper .action--box .flex--box .form--wrapper .form-group .form-control {
    height: 55px;
    border-radius: 12px;
}
.login--wrapper .action--box .flex--box .form--wrapper .form-group .form-control:focus {
    border-color: #08A9E3;
}
.login--wrapper .action--box .flex--box .form--wrapper .form-group .btn-default {
    padding: 16px 25px;
    opacity: 0.95;
    border-radius: 8px;
    background-color: #08A9E3;
    color: #fff;
    font-weight: 700;
    display: block;
    width: 100%;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    transition: opacity 0.25s;
}
.login--wrapper .action--box .flex--box .form--wrapper .form-group .btn-default:hover {
    opacity: 1;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
}
.login--wrapper .action--box .flex--box .form--wrapper .form-group .btn-default:active {
    background-color: #1c3158;
}
.login--wrapper .action--box .flex--box .form--wrapper .form-group:nth-last-child(1) {
    margin-bottom: 0;
}
.login--wrapper .action--box .flex--box .form--wrapper .form-group:nth-last-child(1) .btn {
    color: #08A9E3;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid #08A9E3;
    transition: all 0.25s;
}
.login--wrapper .action--box .flex--box .form--wrapper .form-group:nth-last-child(1) .btn:hover {
    background-color: #fff;
}
.login--wrapper .action--box .flex--box .form--wrapper .form-group:nth-last-child(1) .btn:focus {
    background-color: #eee;
}
.register--wrapper {
    padding: 50px 100px;
}
.register--wrapper .box--title {
    margin-bottom: 45px;
    width: 100%;
}
.register--wrapper .box--title h2 {
    font-size: 32px;
    font-weight: 800;
}
.register--wrapper .box--title p {
    font-size: 16px;
    font-weight: 700;
}
.register--wrapper .action--box {
    width: 80%;
    margin: 0 auto;
}
.register--wrapper .action--box .form-control {
    box-shadow: none !important;
}
.register--wrapper .action--box .flex--box {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.09);
}
.register--wrapper .action--box .flex--box .v-banner--wrapper {
    width: 40%;
    height: auto;
    background-image: url("../media//cat-01.jpg");
    background-size: cover;
    background-blend-mode: overlay;
    background-color: rgba(0, 0, 0, 0.65);
    display: flex;
    justify-content: center;
    align-items: center;
}
.register--wrapper .action--box .flex--box .v-banner--wrapper p {
    font-size: 25px;
    text-transform: capitalize;
    color: #fff;
    font-weight: 600;
    text-align: center;
    padding: 30px;
}
.register--wrapper .action--box .flex--box .form--wrapper {
    width: 60%;
    border: 1px solid #eee;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 35px 50px;
}
.register--wrapper .action--box .flex--box .form--wrapper .icon--wrapper {
    width: 80px;
    background-color: #fff;
    height: 80px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #08A9E3;
    color: #08A9E3;
    font-size: 26px;
    margin: 0 auto;
    margin-bottom: 20px;
}
.register--wrapper .action--box .flex--box .form--wrapper .main--title {
    font-size: 28px;
    font-weight: 600;
    padding-bottom: 22px;
    margin-bottom: 20px;
    position: relative;
    text-align: center;
}
.register--wrapper .action--box .flex--box .form--wrapper .main--title::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 70px;
    height: 6px;
    border-radius: 25px;
    background-color: #08A9E3;
}
.register--wrapper .action--box .flex--box .form--wrapper .main--desc {
    font-size: 14px;
    text-align: center;
    margin-bottom: 35px;
}
.register--wrapper .action--box .flex--box .form--wrapper .code--number {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 25px;
}
.register--wrapper .action--box .flex--box .form--wrapper .form-group {
    margin-bottom: 25px;
    position: relative;
}
.register--wrapper .action--box .flex--box .form--wrapper .form-group.otp--input {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}
.register--wrapper .action--box .flex--box .form--wrapper .form-group.otp--input .form-control {
    margin-left: 10px;
    text-align: center !important;
    border-color: #08A9E3;
    font-size: 18px;
    font-weight: 400;
    width: 70px;
    height: 70px;
}
.register--wrapper .action--box .flex--box .form--wrapper .form-group.otp--input .form-control::-webkit-inner-spin-button,
.register--wrapper .action--box .flex--box .form--wrapper .form-group.otp--input .form-control::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.register--wrapper .action--box .flex--box .form--wrapper .form-group:nth-last-child(3) {
    margin-bottom: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.register--wrapper .action--box .flex--box .form--wrapper .form-group:nth-last-child(3) .item label {
    font-weight: 500;
}
.register--wrapper .action--box .flex--box .form--wrapper .form-group:nth-last-child(3) .item label input {
    transform: translateY(3px);
}
.register--wrapper .action--box .flex--box .form--wrapper .form-group:nth-last-child(3) .item a {
    color: #000;
    font-weight: 500;
}
.register--wrapper .action--box .flex--box .form--wrapper .form-group:nth-last-child(1),
.register--wrapper .action--box .flex--box .form--wrapper .form-group:nth-last-child(2) {
    text-align: center;
}
.register--wrapper .action--box .flex--box .form--wrapper .form-group:nth-last-child(2) {
    padding-bottom: 22px;
    margin-bottom: 22px;
}
.register--wrapper .action--box .flex--box .form--wrapper .form-group:nth-last-child(2)::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 300px;
    height: 1px;
    transform: translateX(-50%);
    background-color: #aaa;
}
.register--wrapper .action--box .flex--box .form--wrapper .form-group:nth-last-child(2)::after {
    content: "OR";
    position: absolute;
    bottom: -9px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    color: #aaa;
    padding: 0 20px;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    font-weight: 500;
}
.register--wrapper .action--box .flex--box .form--wrapper .form-group .control-label {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
}
.register--wrapper .action--box .flex--box .form--wrapper .form-group .form-control {
    height: 55px;
    border-radius: 12px;
}
.register--wrapper .action--box .flex--box .form--wrapper .form-group .form-control:focus {
    border-color: #08A9E3;
}
.register--wrapper .action--box .flex--box .form--wrapper .form-group .btn-default {
    padding: 16px 25px;
    opacity: 0.95;
    border-radius: 8px;
    background-color: #08A9E3;
    color: #fff;
    font-weight: 700;
    display: block;
    width: 100%;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    transition: opacity 0.25s;
}
.register--wrapper .action--box .flex--box .form--wrapper .form-group .btn-default:hover {
    opacity: 1;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
}
.register--wrapper .action--box .flex--box .form--wrapper .form-group .btn-default:active {
    background-color: #1c3158;
}
.register--wrapper .action--box .flex--box .form--wrapper .form-group:nth-last-child(1) {
    margin-bottom: 0;
}
.register--wrapper .action--box .flex--box .form--wrapper .form-group:nth-last-child(1) .btn {
    color: #08A9E3;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid #08A9E3;
    transition: all 0.25s;
}
.register--wrapper .action--box .flex--box .form--wrapper .form-group:nth-last-child(1) .btn:hover {
    background-color: #fff;
}
.register--wrapper .action--box .flex--box .form--wrapper .form-group:nth-last-child(1) .btn:focus {
    background-color: #eee;
}
.termsmainwrapper {
    padding: 50px 200px;
    background-color: #fff;
}
.termsmainwrapper .main--title {
    margin-bottom: 20px;
}
.termsmainwrapper .main--title h4 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}
.termsmainwrapper p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
    line-height: 28px;
}
@media (max-width: 991px) {
    .mainnavbar .topnavbar,
    .mainnavbar .welcome--msg {
        display: none;
    }
    .res_navbar,
    .res_topnavbar {
        display: block;
    }
    .headermainwrapper {
        height: 600px;

    }
    .headermainwrapper h1 {
        font-size: 26px;
        line-height: 38px;
        width: 100%;
    }
    .headermainwrapper h1 span {
        font-size: 26px;
    }
    .headermainwrapper p {
        width: 100%;
        font-size: 14px;
    }
    .headermainwrapper .btn {
        width: 130px;
        font-size: 11px;
    }
    .headermainwrapper .waves {
        top: calc(100% - 6vh);
    }
    .storemainwrapper {
        padding: 50px 0;

    }
    .storemainwrapper .filter_sidebar {
        display: none;
    }
    .storemainwrapper .card--header a {
        font-size: 13px;
    }
    .card--header h4 {
        font-size: 16px;
        padding-left: 14px;
    }
    .storemainwrapper .section--wrapper {
        padding: 20px 22px 50px 22px;
    }
    .storemainwrapper .section--wrapper.all--companies {
        padding-bottom: 20px;
    }
    .storemainwrapper .section--wrapper.all--companies .cardwrapper {
        flex-direction: column;
    }
    .storemainwrapper .section--wrapper.all--companies .cardwrapper .imgwrapper,
    .storemainwrapper .section--wrapper.all--companies .cardwrapper .infowrapper {
        width: 100%;
    }
    .storemainwrapper .section--wrapper.all--companies .cardwrapper .infowrapper {
        padding-left: 0;
    }
    .storemainwrapper .section--wrapper .owl-carousel .owl-nav {
        top: auto;
        bottom: -35px;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
    }
    .staticsmainwrapper {
        padding: 50px 0;


        background-size: cover;
        background-color: #0000003d;
        background-repeat: no-repeat;
        background-position: center;
        background-blend-mode: overlay;
        background-image: url(https://popuppainting.com/wp-content/uploads/2020/03/laptop-desk-notebook-macbook-table-technology-18-pxhere.com_-scaled.jpg);
        width: 100%;
        margin: auto;
    }
    .staticsmainwrapper .flex--wrapper .item {
        width: 100%;
    }
    .sellingguidewrapper .container {
        flex-direction: column;
    }
    .sellingguidewrapper .container h4 {
        text-align: center;
        margin-bottom: 20px !important;
        font-size: 22px;
    }
    .requestmainwrapper .formwrapper {
        width: 100%;
        padding: 15px;
    }
    .requestmainwrapper .formwrapper .form-group .btn {
        padding: 12px 20px;
        font-size: 13px;
    }
    .footermainwrapper .top--footer {
        padding: 50px 0;
    }
    .footermainwrapper .top--footer h4.main--title {
        font-size: 20px;
        text-align: center;
        margin-bottom: 20px;
    }
    .footermainwrapper .top--footer .form--wrapper {
        width: 100%;
    }
    .footermainwrapper .top--footer .form--wrapper .form-control {
        font-size: 13px;
    }
    .footermainwrapper .bottom--footer {
        padding: 50px 15px 0 15px;
    }
    .footermainwrapper .bottom--footer .logo--block {
        margin-bottom: 35px;
    }
    .footermainwrapper .bottom--footer .about--block {
        margin-bottom: 35px;
    }
    .footermainwrapper .bottom--footer .about--block h6 {
        margin-bottom: 10px;
        font-size: 16px;
    }
    .footermainwrapper .bottom--footer .about--block p {
        font-size: 13px;
    }
    .footermainwrapper .bottom--footer .links--block.pl-20 {
        padding-left: 0;
    }
    .cartmainwrapper {
        padding: 50px 15px 20px 15px;
    }
    .cartmainwrapper .card--wrapper {
        flex-direction: column;
        padding: 20px 10px;
    }
    .cartmainwrapper .card--wrapper .img--wrapper {
        width: 100%;
        margin-bottom: 20px;
    }
    .cartmainwrapper .card--wrapper .info--wrapper {
        width: 100%;
        margin-left: 0;
    }
    .termsmainwrapper {
        padding: 50px 15px;
    }
    .allcategorieswrapper {
        padding: 50px 15px;
    }
    .allcategorieswrapper .card--header.flex--header {
        flex-wrap: wrap;
    }
    .allcategorieswrapper .card--header.flex--header h4 {
        width: 100%;
        margin-bottom: 15px;
    }
    .categorydetailswrapper {
        padding: 50px 15px;
    }
    .categorydetailswrapper .divider--title {
        flex-wrap: wrap;
    }
    .categorydetailswrapper .divider--title h5 {
        margin-bottom: 15px;
    }
    .allcompanieswrapper,
    .countriesmainwrapper,
    .countrydetailswrapper {
        padding: 50px 15px;
    }
    .companyprofilewrapper {
        padding: 50px 15px;
    }
    .companyprofilewrapper .company--header .company--info {
        padding: 0 15px 25px 15px;
    }
    .companyprofilewrapper .company--header .company--info .main--contact {
        flex-wrap: wrap;
    }
    .companyprofilewrapper .company--header .company--info .main--contact .item {
        flex-wrap: wrap;
        margin-bottom: 10px;
    }
    .companyprofilewrapper .company--header .company--info .main--contact .item:last-child {
        margin-bottom: 0;
    }
    .companyprofilewrapper .company--header .company--info .main--contact .item .btn {
        margin-left: 0;
        margin-right: 15px;
        margin-bottom: 8px;
    }
    .companyprofilewrapper .company--overview .details--table {
        flex-wrap: wrap;
    }
    .companyprofilewrapper .company--overview .details--table .wrapper {
        width: 100%;
    }
    .comparemainwrapper {
        padding: 50px 15px;
    }
    .comparemainwrapper .card--header.flex--header {
        flex-wrap: wrap;
    }
    .comparemainwrapper .card--header.flex--header h4 {
        width: 100%;
        margin-bottom: 15px;
    }
    .comparemainwrapper .section--wrapper .flexwrapper .column {
        width: 50%;
    }
    .countrydetailswrapper .cardwrapper {
        flex-wrap: wrap;
    }
    .countrydetailswrapper .imgwrapper,
    .countrydetailswrapper .infowrapper {
        width: 100% !important;
    }
    .countrydetailswrapper .infowrapper {
        padding-top: 12px !important;
    }
    .countrydetailswrapper .infowrapper span {
        width: auto !important;
    }
    .countrydetailswrapper .infowrapper span:last-child {
        margin-left: 10px;
    }
    .editaccountwrapper {
        padding: 50px 15px;
    }
    .editaccountwrapper .card--wrapper {
        width: 100%;
        padding: 20px 18px;
    }
    .editaccountwrapper .card--wrapper .vertical--form .form-group {
        display: block;
    }
    .editaccountwrapper .card--wrapper .vertical--form .form-group .control-label {
        display: block;
        margin-bottom: 6px;
        padding-left: 0;
    }
    .editaccountwrapper .card--wrapper .vertical--form .form-group .input-group {
        width: 100%;
    }
    .featuredcompanieswrapper {
        padding: 50px 15px;
    }
    .featuredcompanieswrapper .category--companies .flex--wrapper .section--wrapper {
        width: 100%;
    }
    .featuredcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper {
        flex-wrap: wrap;
    }
    .featuredcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper .imgwrapper,
    .featuredcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper .infowrapper {
        width: 100%;
    }
    .featuredcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper .infowrapper {
        padding-top: 10px;
    }
    .featuredcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper .infowrapper span {
        width: auto !important;
    }
    .featuredcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper .infowrapper span:last-child {
        margin-left: 10px;
    }
    .login--wrapper {
        padding: 50px 15px;
    }
    .login--wrapper .action--box {
        width: 100%;
    }
    .login--wrapper .action--box .flex--box .form--wrapper,
    .login--wrapper .action--box .flex--box .v-banner--wrapper {
        width: 100%;
        padding: 35px 25px;
    }
    .accountwrapper {
        padding: 50px 15px;
    }
    .accountwrapper .card--wrapper {
        width: 100%;
    }
    .accountwrapper .card--wrapper .card--body .body .line--block .line {
        width: 100%;
    }
    .mycompanywrapper {
        padding: 50px 15px;
    }
    .mycompanywrapper .panel--wrapper {
        margin-bottom: 20px;
    }
    .mycompanywrapper .maincontentwrapper .card--wrapper .card--body .line--block .line {
        width: 100%;
    }
    .page--header {
        padding: 20px 15px;
        background: #fff;
    }
    .productmainwrapper {
        padding: 0 15px 50px 15px;
    }
    .productmainwrapper .product--gallery .imgwrapper .nav_view img {
        height: 90px;
    }
    .productmainwrapper .product--details--tabbed .nav-tabs li a {
        white-space: nowrap;
        font-size: 11px;
        font-weight: 700;
    }
    .productmainwrapper .product--details--tabbed .tab-content .product--videos .lightgallery--wrapper {
        flex-wrap: wrap;
    }
    .productmainwrapper .product--details--tabbed .tab-content .product--videos .lightgallery--wrapper a {
        width: calc(50% - 15px);
        margin-bottom: 10px;
    }
    .recentproductwrapper,
    .saleproductwrapper {
        padding: 50px 15px;
    }
    .register--wrapper {
        padding: 50px 15px;
    }
    .register--wrapper .action--box {
        width: 100%;
    }
    .register--wrapper .action--box .flex--box {
        flex-wrap: wrap;
    }
    .register--wrapper .action--box .flex--box .form--wrapper,
    .register--wrapper .action--box .flex--box .v-banner--wrapper {
        width: 100%;
    }
    .register--wrapper .action--box .flex--box .v-banner--wrapper {
        height: 200px;
    }
    .ticketsmainwrapper,
    .topcompanieswrapper {
        padding: 50px 15px;
    }
    .topcompanieswrapper .category--companies .flex--wrapper .section--wrapper {
        width: 100%;
    }
    .topcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper {
        flex-wrap: wrap;
    }
    .topcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper .imgwrapper,
    .topcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper .infowrapper {
        width: 100%;
    }
    .topcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper .infowrapper {
        padding-top: 10px;
    }
    .topcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper .infowrapper span {
        width: auto !important;
    }
    .topcompanieswrapper .category--companies .flex--wrapper .section--wrapper .cardwrapper .infowrapper span:last-child {
        margin-left: 8px;
    }
}
@media (min-width: 992px) and (max-width: 1100px) {
    .mainnavbar .topnavbar .navbar_menu a {
        margin-right: 5px;
    }
}
.languageDrop {
    margin-left: 10px;
    margin-right: 10px;
}
.hiddeninput {
    display: none !important;
}
.linkblock {
    min-width: 160px !important;
}
.companyprofilewrapper .company--header .company--info .main--info .img--wrapper {
    border-radius: 0;
}
.video_block {
    margin: 10px;
}
.blurbtn {
    padding: 10px 18px;
    background-color: #08A9E3;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    box-shadow: 0 0 15px rgb(0 0 0 / 15%);
    transition: all 0.25s;
}
td {
    padding: 20px 20px 20px 20px !important;
}
.allcompanieswrapper .section--wrapper.all--companies .cardwrapper,
.allcompanieswrapper .section--wrapper.featured--company .cardwrapper,
.allcompanieswrapper .section--wrapper.top--companies .cardwrapper {
    display: contents;
}
.allcompanieswrapper .section--wrapper.all--companies .cardwrapper .imgwrapper,
.allcompanieswrapper .section--wrapper.featured--company .cardwrapper .imgwrapper,
.allcompanieswrapper .section--wrapper.top--companies .cardwrapper .imgwrapper {
    width: 80%;
    margin: auto;
    height: 170px;
}
.allcompanieswrapper .section--wrapper.all--companies .cardwrapper .infowrapper,
.allcompanieswrapper .section--wrapper.featured--company .cardwrapper .infowrapper,
.allcompanieswrapper .section--wrapper.top--companies .cardwrapper .infowrapper {
    width: 100%;
}
div#social-links {
    margin: 0 auto;
    /* padding: 10px; */
    text-align: center;
    padding-right: 30px;
}
div#social-links ul li {
    display: inline-block;
}
div#social-links ul li a {
    padding: 3px;
    /*border: 1px solid #ccc;*/
    margin: 1px;
    font-size: 35px;
    color: #222;
    /*background-color: #ccc;*/
}
.add-button {
    position: absolute;
    top: 1px;
    left: 1px;
}
.danger {
    background-color: red !important;
}
.product_price {
    font-size: 18px;
    color: #08A9E3;
    margin-right: 6px;
    font-weight: 500;
}
.linethrow {
    text-decoration-line: line-through;
    color: grey;
    font-size: 14px;
}
.companyprofilewrapper .company--header .company--info .main--contact .item .btn {
    min-width: 190px;
}
.requ_red {
    color: red;
    font-size: 12px;
    margin: 5px;
}
.requ_gray {
    color: grey;
    font-size: 12px;
    margin: 5px;
}

noPadRow {
    --bs-gutter-x: 0rem !important;
}

.footercopyrights {
    padding: 20px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    background-color: #000;

    /*width: 90%;*/
    /*margin: auto;*/
}

.footermainwrapper {
    padding-bottom: 25px;
    margin-top: auto;
}

footercopyrights_a {
    color: aliceblue !important;
}
footercopyrights_a hover{
    color: aliceblue !important;
}

.socialImage {
    width: 30px;
    height: 30px;
    margin: 3px;
}

.purehref,
.purehref:hover {
    text-decoration: none;
}

.scrollFade {
    opacity: 1;
    pointer-events: all;
}
.scrollFade--hidden {
    opacity: 0;
    pointer-events: none;
}
.scrollFade--visible {
    opacity: 1;
    pointer-events: all;
}
.scrollFade--animate {
    transition: opacity 0.4s ease-in-out;
}

.phone_no{
    padding-left:50px !important;
}


.imgwrapper .badge{
    position: absolute;
    top: 6px;
    left: 6px;
    padding: 5px 6px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    background: #198754;
    border-radius: 3px;
}

.OFF--badge {
    background: #dc3545 !important;
}

.cardwrapper{
    margin-top: 15px;
}

.prod_name{
    min-height: 50px;
}

.shareBtns{
    margin-top: 10px;
    border: 0;
    background: #fff;
    text-decoration: underline;
    color: dodgerblue;
}

.filter_by{
    color: #08A9E3;
    font-size: 14px;
}

.w-100{
    height: 80%;
}


.brandlogos{
    margin: auto;
    height: 90px;
}



@media screen and (max-width: 480px) {

    .w-100{
        height: 35%;
    }

    .d-none{
        display: inline !important;
    }

    .carouselBG {
        background: rgba(27, 55, 98,0.5);
        padding: 5px;
        width: fit-content;
        border-radius: 0px 50px 50px 0px;
        display: none;
    }

    .carousel-caption {
        top: 0%  !important;
        left: 15%  !important;
        text-align: start  !important;
        font-size: 0.7rem  !important;
        line-height: 2  !important;
        font-weight: 700  !important;
    }
    .Gblue{
        color:#fff !important;
    }

    .companyprofilewrapper .company--overview .box .lightgallery--wrapper a{
        width: 42%;
    }


    .details--wrapper .line {
        padding: 10px;
        border-bottom: 1px solid #eee;
        display: grid;
        justify-content: space-between;
        align-items: center;
    }


    .details--wrapper .line span:last-child{
        width: 100%;
    }


    .brandlogos{
        margin: auto;
        height: 90px;
        width: auto !important;
    }


}


@media screen and (min-width: 600px) and (max-width: 800px)  {

    .w-100{
        height: 40%;
    }

    .carousel-caption {
        top: 12% !important;
        left: 17% !important;
        text-align: start !important;
        font-size: 0.9rem !important;
        line-height: 2 !important;
        font-weight: 700 !important;
    }
}

@media screen and (min-width: 600px) {
    body{
        width: 90%;
        margin-left: 6%;
    }
    .d-none{
        display: inline !important;
    }

}


@media screen and (min-width: 805px)  and (max-width: 1200px){
    body{
        width: 90%;
        margin-left: 6%;
    }
    .d-none{
        display: inline !important;
    }

    .carousel-caption {
        top: 27% !important;
    }

}



@media screen and (min-width: 1201px){
    body{
        width: 90%;
        margin-left: 6%;
    }
    .d-none{
        display: inline !important;
    }

    .carousel-caption {
        top: 24% !important;
    }

}



.zeroPadding{
    padding: 0 !important;
}


.social-button .fa-facebook-square{
    color: #3b5998;
}
.social-button .fa-twitter{
    color: #55acee;
}
.social-button .fa-linkedin{
    color: #0077b5;
}
.social-button .fa-telegram{
    color: #00405d;
}
.social-button .fa-whatsapp{
    color: #43d854;
}

.sendMessage span{
    padding:5px;
}

.Social_item a{
    text-decoration: none;
    font-size: 25px;
}

.facebookColor{
    color: #3b5998;
}
.twitterColor{
    color: #55acee;
}
.linkedinColor{
    color: #0077b5;
}

body{
    min-height: 100vh;
    /*display: flex;*/
    /*flex-direction: column;*/
}

.required{
    color: red;
}





.form-control_sm{
    display: block;
    width: 120%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.tophad{
    margin-bottom: 10px;
    padding: 0px 15px 0px 15px;
}

.selectH{
    font-size: 13px;
    height: 100%;
}
.searchH{
    font-size: 0.8rem;
}


.main--contact .item span {
    padding-left: 5px;
    padding-right: 5px;
}


body {
    color: #000000;
    font-family: Sans-Serif;
    /*padding: 30px;*/
    background-color: #f6f6f6;
}

a {
    text-decoration: none;
    color: #000000;
    margin: 0px 5px;
}

a:hover {
    color: #222222
}

/* Dropdown */

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

.dd-button {
    display: inline-block;
    border: 1px solid gray;
    border-radius: 4px;
    padding: 10px 30px 10px 20px;
    background-color: #ffffff;
    cursor: pointer;
    white-space: nowrap;
}

.dd-button:after {
    content: '';
    position: absolute;
    top: 60%;
    right: 15px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #1B3760;
}

.dd-button:hover {
    background-color: #eeeeee;
}


.dd-input {
    display: none;
}

.dd-menu {
    position: absolute;
    top: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0;
    margin: 2px 0 0 0;
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
    background-color: #ffffff;
    list-style-type: none;
}

.dd-input + .dd-menu {
    display: none;
}

.dd-input:checked + .dd-menu {
    display: block;
    border-radius: 12px;
}

.dd-menu li {
    padding: 10px 73px 10px 27px;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
}

.dd-menu li:hover {
    background-color: #f6f6f6;
}

.dd-menu li a {
    display: block;
    margin: -10px -20px;
    padding: 10px 20px;
}

.dd-menu li.divider{
    padding: 0;
    border-bottom: 1px solid #cccccc;
}

#selectdCat{
    margin-top: 3px;
    border-radius: 50px;
    padding: 13px 50px 12px 26px;
    margin-left: -13px;
    color: #1B3760;
    font-size: 16px;
    font-weight: 500;
}
.dd-menu li:hover{
    background-color: #1B3760;
    color : #fff;
}
.lgrg{
    margin-left: 5px;
    margin-right: 5px;
    font-size: 14px;
}

.form-control{
    font-weight: 500;
}
label{
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
}











/* video background */
#background-video {
    height: 100vh;
    width: 100vw;
    object-fit: cover;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}

/* page content */
h1, h2 {
    color: white;
    font-family: Trebuchet MS;
    font-weight: bold;
    text-align: center;
}

h1 {
    font-size: 6rem;
    margin-top: 30vh;
}

h2 { font-size: 3rem; }

@media (max-width: 750px) {
    #background-video { display: none; }
    /*body {*/
    /*    background: url("https://assets.codepen.io/6093409/river.jpg") no-repeat;*/
    /*    background-size: cover;*/
    /*}*/
}
.banner_video{
    width: 100%;
    margin: auto;
    /*margin-left: 10%;*/
}




.vertCar{
    padding-left: 1%;
    padding-right: 1%;
}


.carousel-caption{
    top: 13%;
    left: 10%;
    text-align: start;
    font-size: 20px;
    line-height: 2;
    font-weight: 700;

}

.carouselBG{
    background: rgba(27, 55, 98,0.5);
    padding: 10px;
    width: fit-content;
    border-radius: 0px 50px 50px 0px;
    display: none;
}

.Gblue{
    /*color: rgba(27, 55, 98);*/
    color: #0BA9E2;
}

.Compa{
    color: #0d6efd;
}

.sub--block a{
    font-size: 14px !important;
    font-weight: 500  !important;
}
.sub--block a:hover{
    /*color: #0BA9E2 !important;*/
}
.main--categroy span{
    font-size: 15px !important;
    font-weight: 700  !important;
}

.sub--block h6{
    color:#1B3760 !important;
    font-size: 15px !important;
    font-weight: 700  !important;
}
.sub--block h6:hover{
    color: #0BA9E2 !important;
}


.Contactbtns{
    padding: 0 !important;
    margin-top: 10px;
}

.footercopyrights_a{
    color:dimgray;
}

.iti{
    width: 100%;
}


/*.bbox {*/
/*    max-height: 8rem;*/
/*    margin-bottom: 0;*/
/*    overflow: hidden;*/
/*    font-size: 13px !important;*/
/*    line-height: 25px !important;*/
/*    font-family: "Poppins", sans-serif;*/
/*    transition: all 1s;*/
/*    clear: both;*/
/*}*/

/*.box--more-mode {*/
/*    max-height: initial;*/
/*}*/

.largeBox{
    display: none;
}

.morebtn{
    font-size: 13px;
}

.slick-current{
    width: 350px !important;
    height: 300px !important;
    margin-left: 2%;
}
.slick-center{
    width: 102px !important;
    height: 80px !important;
}

.not_readed{
    background-color: lightgray;
}

.forgItem{
    float: right;
    text-align: end;
}


#exzoom {
    width: 95%;
}
.hidden { display: none; }
.exzoom .exzoom_btn a.exzoom_next_btn {
    left: 100%;
}
.exzoom .exzoom_img_box{
    background-color: #fff;
}

.checkbox{
    width: 17px;
    height: 17px;
}

wechat{
    color: #09B83E;
}

.cert-trigger a img{
    width: 100% !important;
}

.whiteC{
    color: white;
}

.blackC{
    color: #000000;
}

.inlineflex{
    display: flex;
}



.ifeedback{
    width: 100%;
    margin-top: 0.25rem;
    font-size: .875em;
    color: #dc3545;
    margin: 37px 7px 15px 27px;
}

.menubtn{
    margin-top: 10%;
}























[data-component=cta-newsletter-modal] {
    /* Mobile Fixes */
    /* Form */
}
[data-component=cta-newsletter-modal] #newsletter-modal .modal-body {
    max-height: 405px;
}
[data-component=cta-newsletter-modal] .modal-dialog {
    top: 30%;
    max-width: 690px;
}
[data-component=cta-newsletter-modal] .close {
    font-size: 1.25em;
    color: #000;
    opacity: 1;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}
[data-component=cta-newsletter-modal] .modal-subtitle {
    font-family: "Open Sans", sans-serif;
    color: #026ecc;
    font-size: 0.875em;
    font-weight: 700;
}
[data-component=cta-newsletter-modal] .modal-title {
    font-size: 1.875em;
    font-weight: 600;
    line-height: 1.4;
}
[data-component=cta-newsletter-modal] .modal-title span {
    font-weight: 800;
}
[data-component=cta-newsletter-modal] .modal-text {
    font-size: 0.75em;
    font-weight: 600;
    line-height: 2;
}
[data-component=cta-newsletter-modal] .btn {
    font-size: 0.625em;
}
[data-component=cta-newsletter-modal] .btn-primary {
    background-color: #3382c7;
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
    padding: 0.9em 0.5em;
    color: #fff;
    line-height: normal;
}
[data-component=cta-newsletter-modal] .btn-primary span {
    line-height: 3.4;
}
[data-component=cta-newsletter-modal] .btn-primary:hover {
    background-color: #3382c7;
}
[data-component=cta-newsletter-modal] .btn-secondary {
    background-color: #252525;
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
    padding: 0.9em 0.5em;
    color: #fff;
    line-height: normal;
}
[data-component=cta-newsletter-modal] .btn-secondary span {
    line-height: 3.4;
}
[data-component=cta-newsletter-modal] .btn-secondary:hover {
    background-color: #252525;
    color: #fff;
}
[data-component=cta-newsletter-modal] .btn-primary:before {
    font-family: "FontAwesome";
    font-weight: normal;
    font-size: 2em;
    width: 2.8571428571em;
    float: left;
    margin: -0.4em -0.2em;
    padding: 0.76em 0.5em;
    background: #4565a2;
    content: "";
}
[data-component=cta-newsletter-modal] .btn-secondary:before {
    font-family: "FontAwesome";
    font-weight: normal;
    font-size: 2em;
    width: 2.8571428571em;
    float: left;
    margin: -0.4em -0.2em;
    padding: 0.78em 0.5em;
    background: #0f0f0f;
    content: "";
}
[data-component=cta-newsletter-modal] img {
    width: 100%;
    max-height: 405px;
}
@media screen and (max-width: 690px) {
    [data-component=cta-newsletter-modal] img {
        height: 100%;
    }
}
@media screen and (max-width: 575px) {
    [data-component=cta-newsletter-modal] .col-lg-6 {
        padding-left: 0;
    }
}
@media screen and (max-width: 370px) {
    [data-component=cta-newsletter-modal] #eval-modal .modal-body {
        max-height: 100%;
    }
    [data-component=cta-newsletter-modal] .wrap {
        padding-bottom: 0rem !important;
    }
    [data-component=cta-newsletter-modal] .modal-container {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    [data-component=cta-newsletter-modal] .btn {
        font-size: 0.5em;
    }
    [data-component=cta-newsletter-modal] .form-control {
        line-height: 1;
    }
}
[data-component=cta-newsletter-modal] .show {
    display: none;
}
[data-component=cta-newsletter-modal] .form-control {
    line-height: 2.3;
    background-color: #f5f5f5;
}
[data-component=cta-newsletter-modal] .form-control:focus {
    background-color: #f5f5f5;
}
[data-component=cta-newsletter-modal] ::-webkit-input-placeholder {
    color: #252525;
    font-size: 0.625em;
    font-weight: 800;
    font-family: "Open Sans", sans-serif;
}
[data-component=cta-newsletter-modal] :-moz-placeholder {
    color: #252525;
    font-size: 0.625em;
    opacity: 1;
    font-weight: 800;
    font-family: "Open Sans", sans-serif;
}
[data-component=cta-newsletter-modal] ::-moz-placeholder {
    color: #252525;
    font-size: 0.625em;
    opacity: 1;
    font-weight: 800;
    font-family: "Open Sans", sans-serif;
}
[data-component=cta-newsletter-modal] :-ms-input-placeholder {
    color: #252525;
    font-size: 0.625em;
    font-weight: 800;
    font-family: "Open Sans", sans-serif;
}
[data-component=cta-newsletter-modal] .btn-success {
    background-color: #252525;
    line-height: 3.7;
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
}
[data-component=cta-newsletter-modal] .btn-success:hover {
    background-color: #252525;
}

#logo_slider .owl-nav button{
    display: none !important;
}


.subbtn {
    top: 0;
    right: 0;
    height: 37px;
    padding: 0 20px;
    background-color: #4dc390;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 25px;
    /*border-top-right-radius: 25px;*/
    /*border-bottom-right-radius: 25px;*/
    box-shadow: none;
    font-size: 13px;
    font-weight: 600;
    width: 50%;
    margin:auto;
}


@media only screen and (min-width: 600px) {

    #fomob{
        display: none !important;

    }
}

#fpp{
    font-size: large;
    padding-top: inherit;
    border-top: 1px solid #a9a5a5;
}


@media only screen and (max-width: 600px) {

    #foodd{
        display: none !important;

    }
}


.newsmodel {
    position:fixed;
    bottom:1%;
    right:1%;

    /*left:1%;*/
    /*bottom:1%;*/
    color: #fff;
}

.modcon{
    background-color: #111723;
    color: #fff;
}

.modtitle{
    color: #689bc1;
}

.modal-backdrop{
    background-color: transparent !important;
}

.progressier-install-button{
    display: none;
}

.button--download , .menusec{
    display: flex;
}

.mobilelink{
    color: #1b3762;
    padding: 0px;
}
.mobilelink :hover {
    border: none;
    text-decoration: none;
}

/*.logosback{*/
/*    background: #ffffff;*/
/*}*/