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

*:not(i) {
    font-family: "Gilroy", sans-serif !important;
}

html {
    overflow-x: hidden !important;
}

body {
    padding: 0;
    margin: 0;
    overflow-x: unset;
}

body button {
    background-color: unset;
    border: unset;
    transition: all .4s ease-in-out;
}

body a {
    text-decoration: unset;
    color: inherit;
    transition: all .4s ease-in-out;
}

body svg {
    transition: all .4s ease-in-out;
}

body a:hover,
body button:hover {
    transition: all .4s ease-in-out;
}

body li {
    list-style: none;
}

body ul {
    padding-left: 0;
    margin-bottom: 0;
}

body img {
    width: 100%;
    display: block;
    position: relative;
}

body p {
    font-size: 16px;
    margin: 0;
}

input:focus,
textarea:focus,
select:focus {
    outline: 0 !important;
}

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


/**/
/*** START HEADER
/**/

.faven-header {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    transition: all .4s ease;
}

.faven-header::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0, -100%);
    transition: all .4s ease;
    z-index: -1;
}

.faven-header.sub-menu-active {
    transition: all .4s ease;
}

.faven-header.sub-menu-active::before {
    transition: all .4s ease;
    transform: translate(0, 0);
}

.faven-header.pages-header {
    position: relative;
    z-index: 999;
}

.faven-header .faven-topbar {
    margin: 35px 0 0;
    position: relative;
    z-index: 9;
}

.faven-header .faven-topbar .topbar-group {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    border-bottom: .5px solid #b0b0b073;
    padding: 0 0 12px;
}

.faven-header .faven-topbar .topbar-group .topbar-col {}

.faven-header .faven-topbar .topbar-group .topbar-col .topbar-links {
    display: flex;
    align-items: center;
    gap: 10px;
}

.faven-header .faven-topbar .topbar-group .topbar-col .topbar-links a {
    color: #B8B8B8;
    font-size: 12px;
    position: relative;
}

.faven-header .faven-topbar .topbar-group .topbar-col .topbar-links a:not(:first-child) {
    border-left: 1px solid #B8B8B8;
    padding: 0 0 0 10px;
}

.faven-header .faven-topbar .topbar-group .topbar-col .topbar-links a.active {
    color: #FF0000;
    padding: 0 5px;
}

.faven-header .faven-topbar .topbar-group .topbar-col .topbar-links a.active::before {
    content: "";
    height: 2px;
    width: 100%;
    position: absolute;
    bottom: -12px;
    left: 0;
    background-color: #FF0000;
}

.faven-header .faven-topbar .topbar-group .topbar-col .social-links {}

.social-links {}

.social-links .social-links-group {
    display: flex;
    align-items: center;
    gap: 10px;
}

.social-links .social-links-group a {
    border: 1px solid #D4D4D8;
    border-radius: 100%;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #A6A6A6;
    font-size: 12px;
}

.social-links .social-links-group a i {}

.faven-header .faven-head-main {
    margin: 30px 0;
}

.faven-header .faven-head-main .faven-head-main-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.faven-header .faven-head-main .faven-head-main-group .head-col {}

.faven-header .faven-head-main .faven-head-main-group .head-col.head-logos {
    flex: 1;
}

.faven-header .faven-head-main .faven-head-main-group .head-col .logo {}

.faven-header .faven-head-main .faven-head-main-group .head-col .logo a {}

.faven-header .faven-head-main .faven-head-main-group .head-col .logo a img {
    width: 150px;
}

.faven-header .faven-head-main .faven-head-main-group .head-col.head-menus {
    flex: 3;
}

.faven-header .faven-head-main .faven-head-main-group .head-col.head-menus .menu-group {}

.faven-header .faven-head-main .faven-head-main-group .head-col.head-menus .menu-group ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.faven-header .faven-head-main .faven-head-main-group .head-col.head-menus .menu-group ul li {}

.faven-header .faven-head-main .faven-head-main-group .head-col.head-menus .menu-group ul li a {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    display: flex;
    height: 40px;
    align-items: center;
    transition: all .4s ease;
}

.faven-header .faven-head-main .faven-head-main-group .head-col.head-menus .menu-group ul li a.active {
    color: #FF0000 !important;
}

.faven-header .faven-head-main .faven-head-main-group .head-col.head-menus .menu-group ul li a.active i {
    transform: rotate(180deg);
    transition: all .4s ease;
}

.faven-header.sub-menu-active .faven-head-main .faven-head-main-group .head-col.head-menus .menu-group ul li a,
.faven-header.pages-header .faven-head-main .faven-head-main-group .head-col.head-menus .menu-group ul li a {
    color: #000;
}

.faven-header .faven-head-main .faven-head-main-group .head-col.head-actions {
    flex: 1;
    position: relative;
}

.faven-header .faven-head-main .faven-head-main-group .head-col.head-actions .actions-group {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 20px;
}

.faven-header .faven-head-main .faven-head-main-group .head-col.head-actions .actions-group .search-action {}

.faven-header.pages-header .faven-head-main .faven-head-main-group .head-col.head-actions .actions-group .search-action svg {
    stroke: #000;
}

.faven-header.pages-header .faven-head-main .faven-head-main-group .head-col.head-actions .actions-group .search-action i{
    color: #000;
}

.faven-header .faven-head-main .faven-head-main-group .head-col.head-actions .actions-group .search-action img {}

.faven-header .faven-head-main .faven-head-main-group .head-col.head-actions .actions-group a {
    background-color: #ffffff52;
    height: 45px;
}

.faven-header.sub-menu-active .faven-head-main .faven-head-main-group .head-col.head-actions .actions-group a,
.faven-header.pages-header .faven-head-main .faven-head-main-group .head-col.head-actions .actions-group a {
    background-color: #E9E9E9;
    color: #000;
}


/**/
/*** START HOME HERO
/**/

.faven-hero {
    position: relative;
}

.faven-hero .faven-hero-wrapper {}

.faven-hero .faven-hero-wrapper .faven-hero-media-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.swiper.swiper-hero-media {
    z-index: -1;
}

.swiper.swiper-hero-media .swiper-slide {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 100vh;
}

.swiper.swiper-hero-media .swiper-slide::before {
    content: "";
    background: #00000000;
    background: -moz-linear-gradient(180deg, #000000c9 0%, #00000000 25%);
    background: -webkit-linear-gradient(180deg, #000000c9 0%, #00000000 25%);
    background: linear-gradient(180deg, #000000c9 0%, #00000000 25%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#000000", GradientType=1);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

.faven-hero .faven-hero-wrapper .faven-hero-content-slider {
    height: 100vh;
}

.swiper.swiper-hero-content {}

.swiper.swiper-hero-content .swiper-slide {}

.swiper.swiper-hero-content .swiper-slide {}

.swiper.swiper-hero-content .swiper-slide .hero-content-box {
    margin: 300px 0 0;
    max-width: 50%;
}

.swiper.swiper-hero-content .swiper-slide .hero-content-box .title {
    color: #fff;
    font-size: 50px;
    line-height: 60px;
    font-weight: 300;
    margin: 0 0 10px;
}

.swiper.swiper-hero-content .swiper-slide .hero-content-box .title strong {
    font-weight: 700;
}

.swiper.swiper-hero-content .swiper-slide .hero-content-box .title br {}

.swiper.swiper-hero-content .swiper-slide .hero-content-box p {
    font-weight: 300;
    color: #fff;
    font-size: 22px;
}

.swiper.swiper-hero-content .swiper-slide .hero-content-box .links-group {
    margin: 50px 0 0;
}

.swiper.swiper-hero-content .swiper-slide .hero-content-box .links-group .faven-button {}

.swiper.swiper-hero-content .swiper-slide .hero-content-box .links-group .faven-button.contact {
    background-color: #ff0000b3;
}

.swiper-hero-pagination-container {
    margin: 50px 0 0;
}

.swiper-hero-pagination-container .swiper-hero-pagination {
    display: flex;
    align-items: center;
    gap: 10px;
}

.swiper-hero-pagination-container .swiper-hero-pagination .swiper-pagination-bullet {
    background-color: unset;
    margin: 0 !important;
    width: 10px;
    height: 10px;
    background-color: #7b7b7b;
    opacity: 1 !important;
    transition: all .4s ease;
}

.swiper-hero-pagination-container .swiper-hero-pagination .swiper-pagination-bullet::before {
    content: "";
}

.swiper-hero-pagination-container .swiper-hero-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 50px;
    border-radius: 5px;
    background-color: #fff;
}

.swiper-hero-pagination-container .swiper-hero-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    content: "";
}



/*** FEATURES ***/

.faven-features {
    height: 175px;
    position: relative;
}

.faven-features::before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(assets/images/pattern.jpg);
    background-position: center;
    background-size: cover;
    z-index: -1;
}

.faven-features .faven-features-group {
    padding: 0 100px;
    height: 100%;
    align-items: center;
    display: flex;
}

.faven-features .faven-features-group .row {}

.faven-features .faven-features-group .features-box {
    text-align: center;
    transition: all .4s ease;
}

.faven-features .faven-features-group .features-box:hover .title {
    color: #E20000;
    transition: all .4s ease;
}

.faven-features .faven-features-group .features-box .title {
    color: #fff;
    font-size: 40px;
    font-weight: 600;
    position: relative;
    line-height: 1;
    width: 100%;
    margin: 0 0 16px;
    transition: all .4s ease;
}

.faven-features .faven-features-group .features-box .title::before {
    content: "";
    width: 35px;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 8px);
    background-color: #303947;
    border-radius: 10px;
}

.faven-features .faven-features-group .features-box p {
    color: #8C939F;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 200;
}


/*** START ABOUT **/

.faven-about {
    margin: 100px 0 0;
}

.faven-about .faven-about-head {}

.faven-about .faven-about-head h2 {}

.faven-about .faven-about-head h3 {}

.faven-about .faven-about-middle {}

.faven-about .faven-about-middle .faven-about-middle-wrapper {}

.faven-about .faven-about-middle .faven-about-middle-wrapper .faven-about-slider {
    display: flex;
    align-items: center;
    justify-content: center;
}

.faven-about .faven-about-middle .faven-about-middle-wrapper .faven-about-slider .swiper-navigation-button {}

.faven-about .faven-about-middle .faven-about-middle-wrapper .faven-about-slider .swiper-navigation-button.prev {
    transform: translate(50px, 0);
}

.faven-about .faven-about-middle .faven-about-middle-wrapper .faven-about-slider .swiper-navigation-button.next {
    transform: translate(-50px, 0);
}

.faven-about .faven-about-middle .faven-about-middle-wrapper .faven-about-slider .swiper-navigation-button img {
    width: 25px;
}

.swiper-about-media {
    width: 100%;
    max-width: 900px;
    perspective: 1200px;
    margin: 30px 0 0 !important;
    width: fit-content !important;
    padding: 0 0 35px !important;
}

.swiper-about-media::before {
    content: "";
    width: 75%;
    height: 60%;
    background-color: #E20000;
    position: absolute;
    border-radius: 25px;
    transform: rotate(-4deg);
    left: 75px;
    bottom: 25px;
}

.swiper-about-media::after {
    content: "";
    width: 60%;
    height: 60%;
    background-color: #E20000;
    position: absolute;
    border-radius: 25px;
    transform: rotate(-7deg);
    right: 120px;
    top: 30px;
}

.swiper-about-media .swiper-slide {
    width: 300px;
    height: 450px;
    border-radius: 25px;
    overflow: hidden;
    background: #fff;
    bottom: -20px;
}

.swiper-about-media .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.swiper-about-media .swiper-slide-active {
    z-index: 10;
    bottom: 0;
}

.faven-about .faven-about-foot {
    margin: 50px 0 0;
}

.faven-about .faven-about-foot .faven-about-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.faven-about .faven-about-foot .faven-about-content p {
    font-size: 16px;
    font-weight: 400;
    width: 65%;
    line-height: 26px;
}

.faven-about .faven-about-foot .faven-about-content a {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
}



/*** START SOLUTIONS /**/

.faven-solutions {
    background-color: #F9FAFD;
    margin: 100px 0;
    padding: 50px 0 100px;
}

.faven-solutions .faven-solutions-head {}

.faven-solutions .faven-solutions-head .faven-head {}

.faven-solutions .faven-solutions-head .faven-head .subtitle {}

.faven-solutions .faven-solutions-head .faven-head h3 {}

.faven-solutions .faven-solutions-head .faven-head p {}

.faven-solutions .faven-solutions-body {
    margin: 50px 0 0;
}

.faven-solutions .faven-solutions-body .row {}

.solutions-card {
    background-color: #fff;
    padding: 30px;
    border-radius: 25px;
    margin: 0 0 30px;
    transition: all .5s ease;
    height: 250px;
}

.solutions-card:hover {
    box-shadow: -1px 1px 14px 0px rgba(0, 0, 0, 0.31);
    -webkit-box-shadow: -1px 1px 14px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: -1px 1px 14px 0px rgba(0, 0, 0, 0.31);
    transition: all .5s ease;
}

.solutions-card .solutions-card-wrapper {}

.solutions-card .solutions-card-wrapper .solutions-card-icon {
    width: 50px;
    height: 50px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 20px;
}

.solutions-card .solutions-card-wrapper .solutions-card-icon img {
    width: 28px;
}

.solutions-card .solutions-card-wrapper h4 {
    color: #555E7A;
    font-size: 24px;
    font-weight: 500;
}

.solutions-card .solutions-card-wrapper p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin: 0 0 10px;
}

.solutions-card .solutions-card-wrapper a {
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 5px;
}

.solutions-card .solutions-card-wrapper a svg {
    width: 20px;
}

.solutions-card .solutions-card-wrapper a svg path {}

/**/
/*** END SOLUTION
/**/



/**/
/*** START PRODUCTS
/**/

.faven-products {
    margin: 0 0 125px;
}

.faven-products .faven-products-head {}

.faven-products .faven-products-head .faven-head {
    flex-direction: row;
    justify-content: space-between;
}

.faven-products .faven-products-head .subtitle {
    margin: 0 0 15px 10px;
}

.faven-products .faven-products-head h3 {}

.faven-products .faven-products-head h2 {}


.faven-products .faven-products-body {
    margin: 50px 0;
}

.faven-products .faven-products-body .faven-products-slider {
    transform: scale(1.08);
}

.swiper.swiper-products {
    padding: 40px 0;
}

.swiper.swiper-products .swiper-slide {
    position: relative;
    opacity: 0;
    transition: all .4s ease;
}

.swiper.swiper-products .swiper-slide.swiper-slide-active {
    z-index: 99;
    transform: scale(1.1);
    opacity: 1;
}

.swiper.swiper-products .swiper-slide.swiper-slide-next {
    transform: rotate(3deg) translate(0, 10px);
    opacity: 1;
    z-index: 9;
}

.swiper.swiper-products .swiper-slide.swiper-slide-next+.swiper-slide {
    transform: rotate(5deg) translate(0, 25px);
    opacity: 1;
}

.swiper.swiper-products .swiper-slide.swiper-slide-prev {
    transform: rotate(-3deg) translate(0, 10px);
    opacity: 1;
    z-index: 9;
}

.swiper.swiper-products .swiper-slide:has(+ .swiper-slide-prev) {
    transform: rotate(-5deg) translate(0, 25px);
    opacity: .3;
}


.faven-products .faven-products-foot {}

.faven-products .faven-products-foot .faven-slider-navigation {
    display: flex;
    justify-content: center;
    gap: 75px;
    margin: -25px 0;
}

.faven-products .faven-products-foot .faven-slider-navigation button {}

.faven-products .faven-products-foot .faven-slider-navigation button img {
    width: 30px;
}


.products-card {
    position: relative;
}

.products-card .card-image {
    position: relative;
}

.products-card .card-image::before {
    content: "";
    background: #ff000000;
    background: -moz-linear-gradient(180deg, #ff000000 60%, #ff0000 100%);
    background: -webkit-linear-gradient(180deg, #ff000000 60%, #ff0000 100%);
    background: linear-gradient(180deg, #ff000000 60%, #ff0000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#000000", GradientType=1);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    border-radius: 25px;
}

.products-card .card-image img {
    z-index: 0;
    border-radius: 25px;
    height: 350px;
    object-fit: cover;
}

.products-card .card-content {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 99;
    display: flex;
    align-items: center;
    padding: 0 15px 15px 15px;
    gap: 10px;
}

.products-card .card-content h4 {
    color: #fff;
    font-size: 16px;
}

.products-card .card-content a {
    background-color: #ebebeb99;
    font-size: 13px;
    height: 40px;
    padding: 0 15px;
}

.products-card .card-content a:hover {
    background-color: #ffffff30 !important;
}

.products-card .card-content a img {
    width: 20px;
}



/*** START SYSTEMS ***/

.faven-systems {
    padding: 100px 0 50px;
    position: relative;
    height: 600px;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.faven-systems::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #0000009c;
}

.faven-systems .faven-systems-body {
    position: relative;
    z-index: 1;
    height: 100%;
}

.faven-systems .faven-systems-body .faven-systems-group {
    height: 100%;
}

.faven-systems .faven-systems-body .faven-systems-group .row {}

.faven-systems .faven-systems-body .faven-systems-group .faven-head {
    align-items: flex-start;
}

.faven-systems .faven-systems-body .faven-systems-group .faven-head .subtitle {
    margin: 0 0 30px 10px;
    color: #fff;
}

.faven-systems .faven-systems-body .faven-systems-group .faven-head .subtitle::before {
    background-color: #fff;
}

.faven-systems .faven-systems-body .faven-systems-group .faven-systems-filter-area {
    display: flex;
}

.faven-systems .faven-systems-body .faven-systems-group .faven-systems-filter-area .faven-systems-filter-area-wrapper {
    display: flex;
}

.faven-systems .faven-systems-body .faven-systems-group .faven-systems-filter-area .system-filter-bar {
    width: 1px;
    background-color: #fff;
    position: relative;
}

.faven-systems .faven-systems-body .faven-systems-group .faven-systems-filter-area .system-filter-bar .progress-bar {
    width: 5px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    transition: all .4s ease;
}

.faven-systems .faven-systems-body .faven-systems-group .faven-systems-list {
    display: flex;
    flex-direction: column;
    gap: 25px;
    margin: 0 0 0 20px;
    padding: 10px 0;
}

.faven-systems .faven-systems-body .faven-systems-group .faven-systems-list .systems-item {
    font-size: 18px;
    color: #ffffff80;
    font-weight: 500;
    cursor: pointer;
    transition: all .5s ease;
    height: 40px;
}

.faven-systems .faven-systems-body .faven-systems-group .faven-systems-list .systems-item.active {
    color: #fff;
    font-size: 28px;
    font-weight: 600;
}

.faven-systems .faven-systems-body .faven-systems-group .faven-systems-content {
    display: flex;
    height: 100%;
    align-items: flex-end;
    position: relative;
}

.faven-systems .faven-systems-body .faven-systems-group .faven-systems-content .faven-systems-content-item {
    position: absolute;
    bottom: 0;
    right: 0;
    appearance: unset;
    opacity: 0;
    transform: translate(30px, 5px);
    transition: all 1s ease;
    display: none;
}

.faven-systems .faven-systems-body .faven-systems-group .faven-systems-content .faven-systems-content-item.active {
    opacity: 1;
    appearance: auto;
    transform: translate(0, 0);
    transition: all .4s ease;
    display: block;
}

.faven-systems .faven-systems-body .faven-systems-group .faven-systems-content .faven-systems-content-item p {
    color: #fff;
    text-align: end;
    font-weight: 400;
    line-height: 28px;
}

.faven-systems .faven-systems-body .faven-systems-group .faven-systems-content .faven-systems-content-item a {
    float: right;
    margin: 20px 0 0;
    background-color: #ff0000b3;
    font-size: 14px;
    padding: 0 60px;
}

.faven-systems .faven-systems-body .faven-systems-group .faven-systems-content .faven-systems-content-item a:hover {
    background-color: #ffffff52 !important;
}

/*** END SYSTEMS ***/

.faven-process {
    margin: 60px 0 0;
}

.faven-process .faven-process-head {
    margin: 0 0 50px;
}

.faven-process .faven-process-head .faven-head {}

.faven-process .faven-process-head .faven-head h3 {}

.faven-process .faven-process-head .faven-head p {}

.faven-process .faven-process-middle {
    display: flex;
    justify-content: center;
}

.faven-process .faven-process-middle .faven-process-group {
    display: flex;
    justify-content: space-between;
    width: 70%;
    position: relative;
}

.faven-process .faven-process-middle .faven-process-group::before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 25%;
    left: 0;
    transform: translate(0, -50%);
    background-color: #cccccc;
    z-index: -1;
}

.faven-process .faven-process-middle .faven-process-group .faven-process-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.faven-process .faven-process-middle .faven-process-group .faven-process-item .process-icon {
    background-color: #DC0024;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0 0 30px;
}

.faven-process .faven-process-middle .faven-process-group .faven-process-item .process-icon::before {
    content: "";
    width: 70px;
    height: 70px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #DC0024;
    border-radius: 100%;
}

.faven-process .faven-process-middle .faven-process-group .faven-process-item .process-icon span {
    width: 90px;
    height: 90px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid rgb(220 0 36 / 30%);
    border-radius: 100%;
}

.faven-process .faven-process-middle .faven-process-group .faven-process-item .process-icon img {
    width: 23px;
}

.faven-process .faven-process-middle .faven-process-group .faven-process-item h4 {
    font-size: 17px;
    font-weight: 600;
    margin: 0;
}

.faven-process .faven-process-middle .faven-process-group .faven-process-item p {
    font-size: 13px;
    text-align: center;
}


/*** END PROCESS ***/



/*** START REFERENCES ***/

.faven-references {
    background-color: #F9FAFD;
    padding: 50px 0;
    margin: 100px 0;
}

.faven-references .faven-references-head {}

.faven-references .faven-references-head .faven-head {}

.faven-references .faven-references-head .faven-head h3 {
    color: #000;
    font-size: 25px;
    letter-spacing: 5px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 0 20px;
}

.faven-references .faven-references-slider {}

.swiper-references {}

.swiper-references .swiper-slide {}

.swiper-references .swiper-slide .images {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 80px;
    padding: 10px;
}

.swiper-references .swiper-slide .images img {
    height: 80px;
    max-width: 100%;
    width: auto;
    object-fit: contain;
    display: block;
}




/*** FOOTER ***/

.faven-footer {
    margin: 100px 0 0;
}

.faven-footer .faven-footer-menus {
    padding: 0 0 75px;
}

.faven-footer .faven-footer-menus .faven-footer-menus-group {
    margin: auto;
    padding: 0 200px;
}

.faven-footer .faven-footer-menus .faven-footer-menus-group .row {}

.faven-footer .faven-footer-menus .faven-footer-menus-group .row .col {}

.faven-footer .faven-footer-menus .faven-footer-menus-group .footer-menu-item {}

.faven-footer .faven-footer-menus .faven-footer-menus-group .footer-menu-item .title {
    font-size: 18px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 0 0 5px;
}

.faven-footer .faven-footer-menus .faven-footer-menus-group .footer-menu-item .title i {
    color: #DC0024;
    font-size: 14px;
    line-height: 1;
    margin: 0 0 3px;
}

.faven-footer .faven-footer-menus .faven-footer-menus-group .footer-menu-item .menu-content {}

.faven-footer .faven-footer-menus .faven-footer-menus-group .footer-menu-item .menu-content ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.faven-footer .faven-footer-menus .faven-footer-menus-group .footer-menu-item .menu-content ul li {}

.faven-footer .faven-footer-menus .faven-footer-menus-group .footer-menu-item .menu-content ul li a {
    font-size: 14px;
    font-weight: 300;
}

.faven-footer .faven-footer-menus .faven-footer-menus-group .footer-menu-item .menu-content ul li a:hover {
    color: #DC0024
}


.faven-footer .faven-footer-bar {
    background-color: #1E1E1E;
    padding: 30px 0;
}

.faven-footer .faven-footer-bar .faven-footer-bar-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 200px;
}

.faven-footer .faven-footer-bar .faven-footer-bar-group .logo {}

.faven-footer .faven-footer-bar .faven-footer-bar-group .logo a {}

.faven-footer .faven-footer-bar .faven-footer-bar-group .logo a img {
    width: 120px;
}

.faven-footer .faven-footer-bar .faven-footer-bar-group .social-links {}

.faven-footer .faven-footer-bar .faven-footer-bar-group .social-links .social-links-group {}

.faven-footer .faven-footer-bar .faven-footer-bar-group .social-links .social-links-group a {
    border-color: #D4D4D8;
    color: #D4D4D8;
    width: 30px;
    height: 30px;
    font-size: 14px;
}

.faven-footer .faven-footer-bar .faven-footer-bar-group .social-links .social-links-group a i {}

.faven-footer .faven-footer-copyright {
    padding: 30px 0;
}

.faven-footer .faven-footer-copyright .faven-footer-copyright-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.faven-footer .faven-footer-copyright .faven-footer-copyright-group .copyright-col {}

.faven-footer .faven-footer-copyright .faven-footer-copyright-group .copyright-col.contact {
    display: flex;
    align-items: center;
    gap: 50px;
}

.faven-footer .faven-footer-copyright .faven-footer-copyright-group .copyright-col img.logo {
    width: 100px;
    margin: 0 0 10px;
}

.faven-footer .faven-footer-copyright .faven-footer-copyright-group .copyright-col p {
    font-size: 14px;
    line-height: 1;
}

.faven-footer .faven-footer-copyright .faven-footer-copyright-group .copyright-col .copyright-contact-item {
    display: flex;
    flex-direction: column;
}

.faven-footer .faven-footer-copyright .faven-footer-copyright-group .copyright-col .copyright-contact-item span {
    font-weight: 300;
    font-size: 12px;
}

.faven-footer .faven-footer-copyright .faven-footer-copyright-group .copyright-col .copyright-contact-item a {
    font-size: 16px;
    font-weight: 500;
}


.search-action {}

.search-action img {
    width: 24px;
}

.search-action svg {
    width: 24px;
    height: 24px;
    stroke: #fff;
}

.search-action i {
    color: #fff;
    font-size: 30px;
    line-height: 1;
    font-weight: 100;
    position: relative;
    top: 5px;
    display: none;
}

.search-action svg path {}

.links-group {
    display: flex;
    align-items: center;
    gap: 15px;
}

body .faven-button {
    height: 55px;
    background-color: #FF0000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 40px;
    border-radius: 10px;
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    width: fit-content;
    gap: 5px;
}

body .faven-button:hover {
    background-color: #C27D1F !important;
}

body .faven-button.transparent {
    background-color: #ffffff52;
}

body .faven-button img {
    width: 20px;
    margin: 0 0 3px;
}

body .faven-button i {}

.faven-head {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.faven-head .subtitle {
    color: #DC0024;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    margin: 0 0 15px;
    line-height: 1;
    width: fit-content;
}

.faven-head .subtitle::before {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translate(0, -60%);
    background-color: #DC0024;
    border-radius: 100%;
}

.faven-head h3 {
    font-size: 35px;
    line-height: 40px;
    font-weight: 500;
    color: #555E7A;
    margin: 0 0 15px;
}

.faven-head h2 {}

.faven-head p {
    font-size: 18px;
    font-weight: 400;
    max-width: 50%;
    line-height: 28px;
}

.faven-head .faven-head-col {}

.faven-head a {
    font-size: 16px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 3px;
}

.faven-head a i {
    line-height: 1;
}

.swiper-navigation-button {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}

.swiper-navigation-button img {
    width: 35px;
}

body .swiper {
    display: none;
}

body .swiper.swiper-horizontal,
body .swiper.swiper-vertical {
    display: block;
}



/** START HEAD SUB MENU  **/

.sub-head-menu {
    position: absolute;
    left: 0;
    top: 80%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all .4s ease;
}

.sub-head-menu.active {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
    transition: all .4s ease;
}

.sub-head-menu .sub-head-menu-wrapper {
    background-color: #FAFAFA;
    margin: 35px 0 0;
}

.sub-head-menu .sub-head-menu-wrapper .sub-head-menu-group {
    display: grid;
    grid-template-columns: 1fr 3fr;
}

.sub-head-menu .sub-head-menu-wrapper .sub-head-menu-group .sub-head-menu-title {
    background-color: #DC0024;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sub-head-menu .sub-head-menu-wrapper .sub-head-menu-group .sub-head-menu-title::before {
    content: "";
}

.sub-head-menu .sub-head-menu-wrapper .sub-head-menu-group .sub-head-menu-title .title {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
}

.sub-head-menu .sub-head-menu-wrapper .sub-head-menu-group .sub-head-menu-list {
    padding: 35px 70px;
}

header.faven-header .faven-head-main .sub-head-menu .sub-head-menu-wrapper .sub-head-menu-group .sub-head-menu-list ul {
    flex-direction: column;
    align-items: flex-start;
}

.sub-head-menu .sub-head-menu-wrapper .sub-head-menu-group .sub-head-menu-list ul li {
    display: block;
    width: 30%;
}

.sub-head-menu .sub-head-menu-wrapper .sub-head-menu-group .sub-head-menu-list ul li:not(:last-child) {
    border-bottom: 1px solid #B0B0B0;
    margin: 0 0 15px;
    padding: 0 0 15px;
}

header.faven-header .faven-head-main .sub-head-menu .sub-head-menu-wrapper .sub-head-menu-group .sub-head-menu-list ul li a {
    color: #000 !important;
    display: flex;
    align-items: center;
    font-weight: 200;
}

header.faven-header .faven-head-main .sub-head-menu .sub-head-menu-wrapper .sub-head-menu-group .sub-head-menu-list ul li a.faven-button{
    color: #fff !important;
    margin: 15px 0  0;
    height: 50px;
    font-weight: 500;
}

header.faven-header .faven-head-main .sub-head-menu .sub-head-menu-wrapper .sub-head-menu-group .sub-head-menu-list ul li a.faven-button i{
    font-size: 18px;
    line-height: 1;
    top: 1px;
    position: relative;
}

.sub-head-menu .sub-head-menu-wrapper .sub-head-menu-group .sub-head-menu-list ul li a i {
    margin: 0 0 2px;
    font-size: 12px;
}

/** END HEAD SUB MENU  **/



/** START PAGE HEAD  **/

.faven-page-head {
    background-image: url(assets/images/page-head.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
}

.faven-page-head::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #ff0000e6;
}

.faven-page-head .page-head-wrapper {}

.faven-page-head .page-head-wrapper .page-head-group {
    position: relative;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 20px 0;
}

body .breadcrumb {
    margin: 0 0 5px;
}

body .breadcrumb ul {
    display: flex;
    gap: 5px;
}

body .breadcrumb ul li {
    color: #fff;
    font-size: 14px;
    font-weight: 200;
}

body .breadcrumb ul li a {}

body .breadcrumb ul li a::after {
    content: "/";
}

.faven-page-head .page-head-wrapper .page-head-group .title {}

.faven-page-head .page-head-wrapper .page-head-group .title h1 {
    text-align: center;
    color: #fff;
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0;
}


/** END PAGE HEAD  **/



/** START SYSTEMS PAGE **/

.faven-systems-page {
    margin: 50px 0;
}

.faven-systems-page .faven-systems-page-head {
    margin: 0 0 30px;
}

.faven-systems-page .faven-systems-page-head .faven-head {}

.faven-systems-page .faven-systems-page-head .faven-head .subtitle {}

.faven-systems-page .faven-systems-page-head .faven-head h3 {}

.faven-systems-page .faven-systems-page-body {}

.faven-systems-page .faven-systems-page-body .faven-systems-detail-page-wrapper {
    padding: 0 100px;
}

.faven-systems-page .faven-systems-page-body .faven-systems-detail-page-wrapper .row {}

.faven-systems-page .faven-systems-page-body .faven-systems-detail-page-wrapper .row>div {
    padding: 0 5px;
}

.systems-card {
    position: relative;
    margin: 0 0 10px;
}

.systems-card .card-image {
    position: relative;
}

.systems-card .card-image::before {
    content: "";
    background: #00000000;
    background: -moz-linear-gradient(180deg, #000000c9 0%, #00000000 25%);
    background: -webkit-linear-gradient(180deg, #000000c9 0%, #00000000 25%);
    background: linear-gradient(270deg, #000000db 0%, #00000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#000000", GradientType=1);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    border-radius: 30px;
}

.systems-card .card-image img {
    border-radius: 30px;
    z-index: -1;
    height: 300px;
    object-fit: cover;
}

.systems-card .card-content {
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translate(0, -50%);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
}

.systems-card .card-content h4 {
    color: #fff;
    font-size: 26px;
    font-weight: 300;
    max-width: 150px;
    line-height: 32px;
    margin: 0 0 10px;
}

.systems-card .card-content h4 strong {
    font-weight: 600;
}

.systems-card .card-content .faven-button {
    background-color: #ebebeb99;
    height: 40px;
    padding: 0 20px;
}

.systems-card .card-content .faven-button img {}



/** START SYSTEM DETAIL **/

.faven-systems-detail-page {
    margin: 100px 0;
}

.faven-systems-detail-page .faven-systems-detail-page-wrapper {
    border-bottom: .5px solid #B0B0B0;
    padding: 0 0 75px;
}

.faven-systems-detail-page .faven-systems-detail-page-wrapper .faven-system-page-group {
    display: flex;
    gap: 30px;
}

.faven-systems-detail-page .faven-systems-detail-page-wrapper .faven-system-page-group .faven-system-page-media {
    width: 50%;
}

.faven-systems-detail-page .faven-systems-detail-page-wrapper .faven-system-page-group .faven-system-page-media .system-page-media-slider {}

.swiper.swiper-system-gallery {}

.swiper.swiper-system-gallery .swiper-wrapper {}

.swiper.swiper-system-gallery .swiper-wrapper .swiper-slide {}

.swiper.swiper-system-gallery .swiper-wrapper .swiper-slide a {}

.swiper.swiper-system-gallery .swiper-wrapper .swiper-slide a img {
    border-radius: 20px;
}

.faven-systems-detail-page .faven-systems-detail-page-wrapper .faven-system-page-group .faven-system-page-content {}

.faven-systems-detail-page .faven-systems-detail-page-wrapper .faven-system-page-group .faven-system-page-content .faven-head {
    align-items: flex-start;
    text-align: left;
}

.faven-systems-detail-page .faven-systems-detail-page-wrapper .faven-system-page-group .faven-system-page-content .faven-head .subtitle {
    font-size: 12px;
    margin: 0 0 10px 10px;
}

.faven-systems-detail-page .faven-systems-detail-page-wrapper .faven-system-page-group .faven-system-page-content .faven-head h3 {
    font-size: 26px;
    line-height: 34px;
}

.faven-systems-detail-page .faven-systems-detail-page-wrapper .faven-system-page-group .faven-system-page-content .faven-head p {
    max-width: 100%;
    font-size: 15px;
}

.faven-systems-detail-page .faven-systems-detail-page-wrapper .faven-system-page-group .faven-system-page-content .system-usage {
    margin: 40px 0 0;
}

.faven-systems-detail-page .faven-systems-detail-page-wrapper .faven-system-page-group .faven-system-page-content .system-usage .system-usage-wrapper {}

.faven-systems-detail-page .faven-systems-detail-page-wrapper .faven-system-page-group .faven-system-page-content .system-usage .system-usage-wrapper .label {
    color: #555E7A;
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 15px;
}

.faven-systems-detail-page .faven-systems-detail-page-wrapper .faven-system-page-group .faven-system-page-content .system-usage .system-usage-wrapper .system-usage-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 20px;
}

.faven-systems-detail-page .faven-systems-detail-page-wrapper .faven-system-page-group .faven-system-page-content .system-usage .system-usage-wrapper .system-usage-list .system-usage-item {
    border: .5px solid #FF0000;
    border-radius: 10px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.faven-systems-detail-page .faven-systems-detail-page-wrapper .faven-system-page-group .faven-system-page-content .system-usage .system-usage-wrapper .system-usage-list .system-usage-item span {}

.faven-systems-detail-page .faven-systems-detail-page-wrapper .faven-system-page-group .faven-system-page-content .system-action {}

.faven-systems-detail-page .faven-systems-detail-page-wrapper .faven-system-page-group .faven-system-page-content .system-action .faven-button {
    width: 100%;
    height: 50px;
    background-color: #DC0024;
    margin: 40px 0 0;
}

.faven-systems-detail-page .faven-systems-detail-page-additional {
    margin: 75px 0 0;
}

.faven-systems-detail-page .faven-systems-detail-page-additional .faven-systems-detail-page-add-area {}

.faven-systems-detail-page .faven-systems-detail-page-additional .faven-systems-detail-page-add-area .row {}

.faven-systems-detail-page .faven-systems-detail-page-additional .faven-systems-detail-page-add-area .add-content {
    padding: 0 30px 0 0;
}

.faven-systems-detail-page .faven-systems-detail-page-additional .faven-systems-detail-page-add-area .add-content h2 {
    font-family: 'Black Mango' !important;
    font-size: 40px;
    margin: 0 0 15px;
}

.faven-systems-detail-page .faven-systems-detail-page-additional .faven-systems-detail-page-add-area .add-content h2 span {
    display: block;
    font-family: 'Black Mango' !important;
    color: #DC0024;
}

.faven-systems-detail-page .faven-systems-detail-page-additional .faven-systems-detail-page-add-area .add-media {
    display: flex;
    justify-content: flex-end;
}

.faven-systems-detail-page .faven-systems-detail-page-additional .faven-systems-detail-page-add-area .add-media img {}

.faven-systems-detail-page .faven-systems-detail-page-additional p {
    color: #555E7A;
    font-size: 16px;
    font-weight: 300;
}

.faven-systems-detail-page .faven-systems-detail-page-additional .faven-systems-detail-page-add-content {
    display: flex;
    justify-content: center;
    margin: 50px 0;
}

.faven-systems-detail-page .faven-systems-detail-page-additional .faven-systems-detail-page-add-content .content-body{
    display: flex;
    justify-content: center;
}

.faven-systems-detail-page .faven-systems-detail-page-additional .faven-systems-detail-page-add-content p {
    width: 50%;
    text-align: center;
}

.faven-systems-detail-page .faven-systems-detail-page-additional .faven-systems-detail-page-media-group {
    display: flex;
    justify-content: center;
}

.faven-systems-detail-page .faven-systems-detail-page-additional .faven-systems-detail-page-media-group .media-row {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 45%;
}

.faven-systems-detail-page .faven-systems-detail-page-additional .faven-systems-detail-page-media-group .media-row .media-item {}

.faven-systems-detail-page .faven-systems-detail-page-additional .faven-systems-detail-page-media-group .media-row .media-item img {}

.faven-systems-detail-page .faven-systems-detail-page-videos {
    margin: 50px 0 0;
}

.faven-systems-detail-page .faven-systems-detail-page-videos .faven-systems-detail-page-videos-wrapper {}

.faven-systems-detail-page .faven-systems-detail-page-videos .faven-systems-detail-page-videos-wrapper h2 {
    font-family: 'Black Mango' !important;
    font-size: 40px;
    text-align: center;
    margin: 0 auto 30px;
    max-width: 40%;
}

.faven-systems-detail-page .faven-systems-detail-page-videos .faven-systems-detail-page-videos-wrapper .videos-card {
    position: relative;
}

.faven-systems-detail-page .faven-systems-detail-page-videos .faven-systems-detail-page-videos-wrapper .videos-card .videos-image {
    position: relative;
}

.faven-systems-detail-page .faven-systems-detail-page-videos .faven-systems-detail-page-videos-wrapper .videos-card .videos-image::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #ff000094;
    z-index: 9;
    border-radius: 30px;
}

.faven-systems-detail-page .faven-systems-detail-page-videos .faven-systems-detail-page-videos-wrapper .videos-card .videos-image img {
    border-radius: 30px;
    object-fit: cover;
}

.faven-systems-detail-page .faven-systems-detail-page-videos .faven-systems-detail-page-videos-wrapper .videos-card .videos-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    background-color: #fff;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.faven-systems-detail-page .faven-systems-detail-page-videos .faven-systems-detail-page-videos-wrapper .videos-card .videos-play-button i {
    font-size: 22px;
    line-height: 1;
    position: relative;
    z-index: 9;
}

.faven-systems-detail-page .faven-systems-detail-page-videos .faven-systems-detail-page-videos-wrapper .videos-card .videos-play-button span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    z-index: 0;
}

.faven-systems-detail-page .faven-systems-detail-page-videos .faven-systems-detail-page-videos-wrapper .videos-card .videos-play-button span:nth-child(2) {
    background-color: #ffffff99;
    width: 100px;
    height: 100px;
}

.faven-systems-detail-page .faven-systems-detail-page-videos .faven-systems-detail-page-videos-wrapper .videos-card .videos-play-button span:nth-child(3) {
    background-color: rgb(255 255 255 / 25%);
    width: 150px;
    height: 150px;
}



/** START PRODUCT DETAIL **/

.faven-product-page {
    margin: 100px 0;
}

.faven-product-page .faven-product-page-head {
    margin: 0 0 50px;
}

.faven-product-page .faven-product-page-head h2 {}

.faven-product-page .faven-product-page-head h3 {}

.faven-product-page .faven-product-page-head .subtitle {}

.faven-product-page .faven-product-page-head .faven-product-page-filter {
    margin: 20px 0 0;
}

.faven-product-page .faven-product-page-head .faven-product-page-filter .faven-product-page-filter-wrapper {}

.faven-product-page .faven-product-page-head .faven-product-page-filter .faven-product-page-filter-wrapper .faven-product-page-filter-group {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
}

.faven-product-page .faven-product-page-head .faven-product-page-filter .faven-product-page-filter-wrapper .faven-product-page-filter-group a {
    background-color: #f6f6f6;
    color: #A4A4A4;
    font-size: 12px;
    padding: 0 15px;
    height: 40px;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 500;
}

.faven-product-page .faven-product-page-head .faven-product-page-filter .faven-product-page-filter-wrapper .faven-product-page-filter-group a:hover {
    background-color: #FF0000 !important;
    color: #fff;
}

.faven-product-page .faven-product-page-body {}

.faven-product-page .faven-product-page-body .faven-product-page-wrapper {}

.product-boxes {
    background-color: #F8F8F8;
    display: block;
    border-radius: 20px;
    padding: 10px;
    margin: 0 0 20px;
}

.product-boxes .boxes-image {
    position: relative;
}

.product-boxes .boxes-image .main-image {
    border-radius: 15px;
}

.product-boxes .boxes-image .hover-media-wrapper {}

.product-boxes .boxes-image .hover-media-wrapper .hover-media-item {}

.product-boxes .boxes-image .hover-pagination {}

.product-boxes .boxes-content {}

.product-boxes .boxes-content .boxes-content-group {
    display: flex;
    align-items: center;
    padding: 20px;
    justify-content: space-between;
    gap: 20px;
}

.product-boxes .boxes-content .boxes-content-group .title {}

.product-boxes .boxes-content .boxes-content-group .title h4 {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
}

.product-boxes .boxes-content .boxes-content-group .faven-button {
    height: 40px;
    padding: 0 15px;
    background-color: #DC0024;
    font-size: 14px;
}

.product-boxes .boxes-content .boxes-content-group .faven-button img {
    width: 18px;
}


.hover-media-wrapper,
.hover-pagination {
    position: absolute;
    width: 100%;
    display: flex
}

.hover-pagination {
    justify-content: center;
    gap: 5px;
    z-index: 9;
    position: absolute;
    bottom: 10px;
}

.hover-pagination .hover-item-bullet {
    height: 8px;
    width: 8px;
    background-color: #C9C9C9;
    transition: all .3s;
    position: relative;
    overflow: hidden;
    display: block;
    border-radius: 5px
}

.hover-pagination .hover-item-bullet::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #F90000;
    left: -100%;
    transition: all .3s;
    position: absolute;
    top: 0;
    display: block
}

.hover-pagination .hover-item-bullet.active {
    transition: all .3s;
    width: 30px;
}

.hover-pagination .hover-item-bullet.active::before {
    left: 0;
    transition: all .3s
}

.hover-media-wrapper {
    left: 0;
    top: 0;
    height: 100%
}

.hover-media-wrapper .hover-media-item {
    flex: 1;
    height: 100%
}


/** START PRODUCT DETAIL **/

.faven-product-detail-page {}

.faven-product-detail-page .faven-product-detail-page-head {
    padding: 40px 0 25px;
}

.faven-product-detail-page .faven-product-detail-page-head .faven-product-detail-page-head-back {}

.faven-product-detail-page .faven-product-detail-page-head .faven-product-detail-page-head-back a {
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.faven-product-detail-page .faven-product-detail-page-head .faven-product-detail-page-head-back a i {}

.faven-product-detail-page .faven-product-detail-page-body {}

.faven-product-detail-page .faven-product-detail-page-body .faven-product-detail-page-wrapper {}

.faven-product-detail-page .faven-product-detail-page-body .faven-product-detail-page-wrapper .faven-product-detail-boxes {
    background-color: #F9FAFD;
    padding: 60px;
    border-radius: 20px;
}

.faven-product-detail-page .faven-product-detail-page-body .faven-product-detail-page-wrapper .faven-product-detail-boxes .media {}

.faven-product-detail-page .faven-product-detail-page-body .faven-product-detail-page-wrapper .faven-product-detail-boxes .media img {
    border-radius: 20px;
}

.faven-product-detail-page .faven-product-detail-page-body .faven-product-detail-page-wrapper .faven-product-detail-boxes .row {}

.faven-product-detail-page .faven-product-detail-page-body .faven-product-detail-page-wrapper .faven-product-detail-boxes .content {
    padding: 0 30px 0 0;
}

.faven-product-detail-page .faven-product-detail-page-body .faven-product-detail-page-wrapper .faven-product-detail-boxes .content h2 {
    color: #555E7A;
    font-size: 24px;
    font-weight: 500;
}

.faven-product-detail-page .faven-product-detail-page-body .faven-product-detail-page-wrapper .faven-product-detail-boxes .content p {
    font-size: 15px;
    font-weight: 300;
    line-height: 25px;
    margin: 0 0 20px;
}

.faven-product-detail-page .faven-product-detail-page-body .faven-product-detail-page-wrapper .faven-product-detail-boxes .content .faven-button {
    background-color: #DC0024;
    height: 40px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}

.faven-product-detail-page .faven-product-detail-page-body .faven-product-detail-page-wrapper .faven-product-detail-gallery {
    display: flex;
    justify-content: center;
    margin: 60px 0 0;
}

.faven-product-detail-page .faven-product-detail-page-body .faven-product-detail-page-wrapper .faven-product-detail-gallery .faven-product-detail-gallery-wrapper {
    display: flex;
    align-items: center;
    width: 70%;
    gap: 30px;
}

.faven-product-detail-page .faven-product-detail-page-body .faven-product-detail-page-wrapper .faven-product-detail-gallery .faven-product-detail-gallery-wrapper .swiper-navigation-button {}

.faven-product-detail-page .faven-product-detail-page-body .faven-product-detail-page-wrapper .faven-product-detail-gallery .faven-product-detail-gallery-wrapper .swiper-navigation-button img {
    width: 25px;
}

.swiper.swiper-product-gallery {
    width: 100%;
    margin: 0;
}

.swiper.swiper-product-gallery .swiper-wrapper {}


.swiper.swiper-product-gallery .swiper-wrapper .swiper-slide.swiper-slide-active a img {
    opacity: 1;
}

.swiper.swiper-product-gallery .swiper-wrapper .swiper-slide.swiper-slide-next a img {
    opacity: 1;
}

.swiper.swiper-product-gallery .swiper-wrapper .swiper-slide.swiper-slide-next+.swiper-slide a img {
    opacity: 1;
}

.swiper.swiper-product-gallery .swiper-wrapper .swiper-slide a {}

.swiper.swiper-product-gallery .swiper-wrapper .swiper-slide a img {
    border-radius: 20px;
    opacity: .3;
    transition: all .4s ease;
}


/** CONTACT PAGE **/

.faven-contact-page {
    margin: 100px 0 0;
}

.faven-contact-page .faven-contact-page-wrapper {}

.faven-contact-page .faven-contact-page-wrapper .faven-contact-page-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.faven-contact-page .faven-contact-page-wrapper .faven-contact-page-head .title {
    width: 60%;
}

.faven-contact-page .faven-contact-page-wrapper .faven-contact-page-head .title .subtitle {
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 10px;
}

.faven-contact-page .faven-contact-page-wrapper .faven-contact-page-head .title h1 {
    font-size: 60px;
    font-weight: 500;
}

.faven-contact-page .faven-contact-page-wrapper .faven-contact-page-head .social-links {}

.faven-contact-page .faven-contact-page-wrapper .faven-contact-page-head .social-links .social-links-group {
    flex-direction: column;
}

.faven-contact-page .faven-contact-page-wrapper .faven-contact-page-head .social-links .social-links-group a {
    border-color: #B7B7B7;
    width: 40px;
    height: 40px;
    font-size: 16px;
}

.faven-contact-page .faven-contact-page-wrapper .faven-contact-page-head .social-links .social-links-group a i {}

.faven-contact-page .faven-contact-page-wrapper .faven-contact-page-body {
    margin: 50px 0 0;
}

.faven-contact-page .faven-contact-page-wrapper .faven-contact-page-body .faven-contact-page-form {}

.faven-input-group {
    margin: 0 0 30px;
}

.faven-input-group input,
.faven-input-group select,
.faven-input-group textarea {
    width: 100%;
    border: unset;
    border-bottom: 1px solid #CACACA;
    height: 60px;
    font-size: 16px;
    color: #000;
}

.faven-input-group input::placeholder,
.faven-input-group select::placeholder,
.faven-input-group textarea::placeholder {
    color: #000;
}

.faven-input-group input {}

.faven-input-group select {}

.faven-input-group textarea {
    height: 120px;
}

.faven-contact-page .faven-contact-page-wrapper .faven-contact-page-body .faven-contact-page-form .form-action-buttons {
    display: flex;
    gap: 20px;
}

.faven-contact-page .faven-contact-page-wrapper .faven-contact-page-body .faven-contact-page-form .form-action-buttons .faven-submit {
    background-color: #dedede40;
    border: unset;
    height: 50px;
    padding: 0 25px;
    color: #A4A4A4;
    font-size: 15px;
    font-weight: 500;
    position: relative;
}

.faven-contact-page .faven-contact-page-wrapper .faven-contact-page-body .faven-contact-page-form .form-action-buttons .whatsapp {
    background-color: #dc00241c;
    border: unset;
    height: 50px;
    padding: 0 70px 0 50px;
    color: #DC0024;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    display: flex;
    width: fit-content;
    align-items: center;
}

.faven-contact-page .faven-contact-page-wrapper .faven-contact-page-body .faven-contact-page-form .form-action-buttons .whatsapp i {
    position: absolute;
    right: 15px;
}

.faven-contact-page .faven-contact-page-info {
    background-color: #FAFAFA;
    margin: 50px 0 0;
    padding: 50px 0;
}

.faven-contact-page .faven-contact-page-info .faven-contact-page-info-wrapper {}

.faven-contact-page .faven-contact-page-info .faven-contact-page-info-wrapper .row {}

.faven-contact-page .faven-contact-page-info .faven-contact-page-info-wrapper .info-title {}

.faven-contact-page .faven-contact-page-info .faven-contact-page-info-wrapper .info-title h2 {
    font-size: 45px;
    font-weight: 700;
}

.faven-contact-page .faven-contact-page-info .faven-contact-page-info-wrapper .info-list {}

.faven-contact-page .faven-contact-page-info .faven-contact-page-info-wrapper .info-list ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.faven-contact-page .faven-contact-page-info .faven-contact-page-info-wrapper .info-list ul li {}

.faven-contact-page .faven-contact-page-info .faven-contact-page-info-wrapper .info-list ul li a {
    font-size: 18px;
    font-weight: 500;
}



/** REFERENCES **/

.faven-references-page {
    padding: 0 50px;
}

.faven-references-page .faven-references-page-container {
    background-color: #F9FAFD;
    border-radius: 30px;
}

.faven-references-page .faven-references-page-container .faven-references-page-wrapper {
    padding: 50px 0;
}

.faven-references-page-boxes {
    background-color: #fff;
    border-radius: 30px;
}

.faven-references-page-boxes .faven-references-page-boxes-group {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
}

.faven-references-page-boxes .faven-references-page-boxes-group .faven-references-page-boxes-col {}

.faven-references-page-boxes .faven-references-page-boxes-group .faven-references-page-boxes-col .media {}

.faven-references-page-boxes .faven-references-page-boxes-group .faven-references-page-boxes-col .media img {
    border-radius: 0 30px 30px 0;
}

.faven-references-page-boxes .faven-references-page-boxes-group .faven-references-page-boxes-col .content {
    letter-spacing: -1px;
    padding: 70px;
}

.faven-references-page-boxes .faven-references-page-boxes-group .faven-references-page-boxes-col .content h1 {
    font-family: "Sora", sans-serif !important;
    font-size: 35px;
    line-height: 45px;
    margin: 0 0 10px;
}

.faven-references-page-boxes .faven-references-page-boxes-group .faven-references-page-boxes-col .content h1 span {
    font-family: "Sora", sans-serif !important;
    color: #DC0024;
    display: block;
}

.faven-references-page-boxes .faven-references-page-boxes-group .faven-references-page-boxes-col .content p {
    font-family: "Sora", sans-serif !important;
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    max-width: 75%;
}

.faven-references-page-logos {
    margin: 50px 0 0;
}

.faven-references-page-logos .faven-references-page-logos-group {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 30px;
}

.faven-references-page-logos .faven-references-page-logos-group .faven-references-page-logos-item {
    height: 250px;
    background-color: #fff;
    border-radius: 30px;
    display: flex;
    align-items: center;
}

.faven-references-page-logos .faven-references-page-logos-group .faven-references-page-logos-item img {}



/** BLOG **/

.faven-blog-page {
    padding: 0 50px;
}

.faven-blog-page .faven-blog-page-container {
    background-color: #F9FAFD;
    border-radius: 30px;
}

.faven-blog-page .faven-blog-page-container .faven-blog-page-wrapper {
    padding: 100px 0;
}

.faven-blog-page .faven-blog-page-head {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 0 0 50px;
}

.faven-blog-page .faven-blog-page-head h1 {
    font-size: 35px;
    font-weight: 600;
}

.faven-blog-page .faven-blog-page-head p {
    font-size: 16px;
    border-left: 2px solid #000;
    padding: 0 0 0 20px;
    max-width: 30%;
}

.faven-blog-page .faven-blog-page-body {}

.faven-blog-page .faven-blog-page-body .faven-blog-page-body-wrapper {}

.faven-blog-page .faven-blog-page-body .faven-blog-page-body-wrapper .row {}

.blog-card {
    position: relative;
    margin: 0 0 25px;
    display: block;
}

.blog-card .card-image {}

.blog-card .card-image img {
    border-radius: 30px;
    height: 350px;
    object-fit: cover;
}

.blog-card .card-content {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    padding: 0 30px 30px 30px;
    justify-content: space-between;
    width: 100%;
}

.blog-card .card-content h2 {
    color: #fff;
    font-size: 25px;
}

.blog-card .card-content .faven-button {
    background-color: #ebebeb80;
    height: 45px;
    padding: 0 25px;
}

.blog-card .card-content .faven-button img {}


/** BLOG DETAY **/

.faven-blog-detail {
    margin: 100px 0;
}

.faven-blog-detail .faven-blog-detail-wrapper {}

.faven-blog-detail .faven-blog-detail-wrapper .blog-media {
    margin: 0 0 50px;
}

.faven-blog-detail .faven-blog-detail-wrapper .blog-media .main {
    border-radius: 30px;
}

.faven-blog-detail .faven-blog-detail-wrapper .blog-content {}

.faven-blog-detail .faven-blog-detail-wrapper .blog-content h2 {
    font-size: 30px;
    font-weight: 500;
    margin: 0 0 20px;
}

.faven-blog-detail .faven-blog-detail-wrapper .blog-content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin: 0 0 20px;
}


/** ABOUT PAGE **/

.faven-about-page {}

.faven-about-page .faven-about-page-main {
    background-color: #DC0024;
    padding: 50px 0;
}

.faven-about-page .faven-about-page-main .content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 30px 0 0;
}

.faven-about-page .faven-about-page-main .content h1 {
    color: #fff;
    font-size: 35px;
    font-weight: 600;
    margin: 0 0 10px;
}

.faven-about-page .faven-about-page-main .content .content-element {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.faven-about-page .faven-about-page-main .content .content-element i {
    color: #fff;
}

.faven-about-page .faven-about-page-main .content .content-element p,
.faven-about-page .faven-about-page-main .content .content-element .content-body{
    color: #fff;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
}

.faven-about-page .faven-about-page-our {
    margin: 50px 0 0;
}

.faven-about-page .faven-about-page-our .faven-about-page-our-head {
    text-align: center;
    max-width: 75%;
    margin: 0 auto 50px;
}

.faven-about-page .faven-about-page-our .faven-about-page-our-head h2 {
    color: #555E7A;
    font-size: 26px;
    font-weight: 500;
}

.faven-about-page .faven-about-page-our .faven-about-page-our-head p {
    color: #555E7A;
    font-size: 16px;
    font-weight: 400;
}

.faven-about-page .faven-about-page-our .faven-about-page-our-boxes {
    display: flex;
    align-items: center;
    gap: 20px;
}

.faven-about-page .faven-about-page-our .faven-about-page-our-boxes .faven-about-page-our-card {
    background-color: #F1F2F4;
    padding: 30px;
    border-radius: 25px;
    transition: all .4s ease;
}

.faven-about-page .faven-about-page-our .faven-about-page-our-boxes .faven-about-page-our-card:hover {
    background-color: #121212;
    transition: all .4s ease;
}

.faven-about-page .faven-about-page-our .faven-about-page-our-boxes .faven-about-page-our-card:hover .card-head .icon {
    background-color: #D21E24;
    color: #fff;
}

.faven-about-page .faven-about-page-our .faven-about-page-our-boxes .faven-about-page-our-card:hover .card-head .icon::before {
    background-color: #d21e2447;
}

.faven-about-page .faven-about-page-our .faven-about-page-our-boxes .faven-about-page-our-card:hover .card-head h3 {
    color: #fff;
}

.faven-about-page .faven-about-page-our .faven-about-page-our-boxes .faven-about-page-our-card:hover p,
.faven-about-page .faven-about-page-our .faven-about-page-our-boxes .faven-about-page-our-card:hover .content-body{
    color: #fff;
}

.faven-about-page .faven-about-page-our .faven-about-page-our-boxes .faven-about-page-our-card .card-head {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 0 0 20px;
}

.faven-about-page .faven-about-page-our .faven-about-page-our-boxes .faven-about-page-our-card .card-head .icon {
    width: 50px;
    height: 50px;
    background-color: #FFF;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
    position: relative;
}

.faven-about-page .faven-about-page-our .faven-about-page-our-boxes .faven-about-page-our-card .card-head .icon::before {
    content: "";
    width: 70px;
    height: 70px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffff6b;
    border-radius: 100%;
}

.faven-about-page .faven-about-page-our .faven-about-page-our-boxes .faven-about-page-our-card .card-head .icon i {
    position: relative;
}

.faven-about-page .faven-about-page-our .faven-about-page-our-boxes .faven-about-page-our-card .card-head h3 {
    margin: 0;
    font-size: 24px;
    font-weight: 500;
}

.faven-about-page .faven-about-page-our .faven-about-page-our-boxes .faven-about-page-our-card p {
    font-size: 16px;
}



.faven-about-page-history {
    background-color: #F9FAFD;
    margin: 100px 0 50px;
    padding: 50px 0 100px;
}

.faven-about-page-history .faven-about-page-history-head {
    display: flex;
    justify-content: center;
    margin: 0 0 50px;
}

.faven-about-page-history .faven-about-page-history-head h2 {
    color: #555E7A;
    font-size: 26px;
    font-weight: 500;
    position: relative;
    width: fit-content;
    padding: 0 0 8px;
}

.faven-about-page-history .faven-about-page-history-head h2::before {
    content: "";
    width: 50%;
    height: 2px;
    background-color: #DC0024;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

.faven-about-page-history .faven-about-page-history-body {}

.faven-about-page-history-cronology {
    display: flex;
    flex-direction: column;
    width: 70%;
    margin: auto;
    position: relative;
}

.faven-about-page-history-cronology::before {
    content: "";
    width: .5px;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: 0;
    background-color: #000;
}

.faven-about-page-history-cronology .faven-about-page-history-cronology-row {
    display: flex;
    position: relative;
    margin: 0 0 30px;
}

.faven-about-page-history-cronology .faven-about-page-history-cronology-row::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    border: 3px solid #000;
    border-radius: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    background-color: #F9FAFD;
}

.faven-about-page-history-cronology .faven-about-page-history-cronology-row:nth-child(even) {}

.faven-about-page-history-cronology .faven-about-page-history-cronology-row:nth-child(even) .faven-about-page-history-cronology-item {
    text-align: end;
    padding: 0 30px 0 0;
}

.faven-about-page-history-cronology .faven-about-page-history-cronology-row:nth-child(odd) {
    justify-content: flex-end;
}

.faven-about-page-history-cronology .faven-about-page-history-cronology-row:nth-child(odd) .faven-about-page-history-cronology-item {
    padding: 0 0 0 30px;
}

.faven-about-page-history-cronology .faven-about-page-history-cronology-row .faven-about-page-history-cronology-item {
    width: 50%;
}

.faven-about-page-history-cronology .faven-about-page-history-cronology-row .faven-about-page-history-cronology-item .date {
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    margin: 0 0 5px;
}

.faven-about-page-history-cronology .faven-about-page-history-cronology-row .faven-about-page-history-cronology-item .title {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 5px;
}

.faven-about-page-history-cronology .faven-about-page-history-cronology-row .faven-about-page-history-cronology-item p {
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
}


.faven-about-page-policy {}

.faven-about-page-policy .faven-about-page-policy-wrapper {
    text-align: center;
}

.faven-about-page-policy .faven-about-page-policy-wrapper .faven-about-page-policy-head {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 50px;
}

.faven-about-page-policy .faven-about-page-policy-wrapper .faven-about-page-policy-head h2 {
    color: #555E7A;
    font-size: 26px;
    font-weight: 500;
    position: relative;
    width: fit-content;
    margin: 0 0 10px;
}

.faven-about-page-policy .faven-about-page-policy-wrapper .faven-about-page-policy-head p {
    color: #555E7A;
    font-size: 17px;
    text-align: center;
    max-width: 50%;
    line-height: 27px;
}

.faven-about-page-policy .faven-about-page-policy-wrapper .faven-about-page-policy-body {}

.faven-about-page-policy .faven-about-page-policy-wrapper .faven-about-page-policy-body .faven-about-page-policy-group {
    width: 75%;
    margin: auto;
}

.faven-about-page-policy .faven-about-page-policy-wrapper .faven-about-page-policy-body .faven-about-page-policy-group .row{
    --bs-gutter-y: 20px;
}

.faven-about-page-policy .faven-about-page-policy-wrapper .faven-about-page-policy-body .faven-about-page-policy-group .policy-card {
    border: 1px solid #E9E9E9;
    border-radius: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 25px 0;
}

.faven-about-page-policy .faven-about-page-policy-wrapper .faven-about-page-policy-body .faven-about-page-policy-group .policy-card .icon {
    margin: 0 0 10px;
}

.faven-about-page-policy .faven-about-page-policy-wrapper .faven-about-page-policy-body .faven-about-page-policy-group .policy-card .icon img {
    width: 35px;
    height: 35px;
}

.faven-about-page-policy .faven-about-page-policy-wrapper .faven-about-page-policy-body .faven-about-page-policy-group .policy-card .title {
    color: #555E7A;
    font-size: 16px;
    font-weight: 400;
}

.faven-about-page-references {
    background-color: #F9FAFD;
    margin: 100px 0 50px;
    padding: 50px 0;
}

.faven-about-page-references .faven-references-head {
    text-align: center;
    margin: 0 0 50px;
}

.faven-about-page-references .faven-references-head .faven-head h3 {
    color: #000;
    font-size: 25px;
    font-weight: 500;
}

.faven-about-page-references .faven-references-page-logos {
    margin: 0;
}

.faven-about-page-references .faven-references-page-logos .faven-references-page-logos-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.faven-about-page-references .faven-references-page-logos .faven-references-page-logos-item img {
    max-height: 80px;
    width: auto;
    object-fit: contain;
}


/** CART PAGE **/

.faven-cart-page {}

.faven-cart-page .faven-cart-page-wrapper {
    display: flex;
    gap: 60px;
}

.faven-cart-page .faven-cart-page-wrapper .faven-cart-page-group {}

.faven-cart-page .faven-cart-page-wrapper .faven-cart-page-group.list {
    background-color: #F8F8F8;
    position: relative;
    width: 70%;
    padding: 30px 0 0;
}

.faven-cart-page .faven-cart-page-wrapper .faven-cart-page-group.list::before {
    content: "";
    position: absolute;
    right: 99%;
    top: 0;
    background-color: #F8F8F8;
    width: 1000%;
    height: 100%;
    z-index: -1;
}

.faven-cart-page .faven-cart-page-wrapper .faven-cart-page-group .faven-cart-page-col {}

.faven-cart-page .faven-cart-page-wrapper .faven-cart-page-group .faven-cart-page-col .breadcrumb {}

.faven-cart-page .faven-cart-page-wrapper .faven-cart-page-group .faven-cart-page-col .breadcrumb ul {}

.faven-cart-page .faven-cart-page-wrapper .faven-cart-page-group .faven-cart-page-col .breadcrumb ul li {
    color: #000;
}

.faven-cart-page .faven-cart-page-wrapper .faven-cart-page-group .faven-cart-page-col .breadcrumb ul li a {}

.cart-table {
    padding: 100px 50px 50px 0;
}

.cart-table .cart-table-head {
    display: grid;
    border-bottom: 1px solid #D9D9D9;
    padding: 0 0 25px;
    grid-template-columns: 1fr 1fr;
}

.cart-table .cart-table-head .head-item {}

.cart-table .cart-table-head .head-item span {
    font-size: 18px;
    font-weight: 400;
}

.cart-table .cart-table-body {}

.cart-table .cart-table-body .body-item {
    position: relative;
    padding: 40px 0;
}

.cart-table .cart-table-body .body-item:not(:last-child) {
    border-bottom: 1px solid #D9D9D9;
}

.cart-table .cart-table-body .body-item .body-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.cart-table .cart-table-body .body-item .body-group .body-col {
    display: flex;
    align-items: center;
    gap: 25px;
}

.cart-table .cart-table-body .body-item .body-group .body-col .media {}

.cart-table .cart-table-body .body-item .body-group .body-col .media img {
    width: 100px;
    border-radius: 10px;
}

.cart-table .cart-table-body .body-item .body-group .body-col .title {}

.cart-table .cart-table-body .body-item .body-group .body-col .title span {
    color: #555E7A;
    font-size: 20px;
    font-weight: 400;
}

.cart-table .cart-table-body .body-item .body-group .cart-remove {
    background-color: #000;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.cart-table .cart-table-body .body-item .body-group .cart-remove i {}

.faven-cart-page .faven-cart-page-wrapper .faven-cart-page-group.form {
    width: 30%;
}

.faven-cart-page .faven-cart-page-wrapper .faven-cart-page-group.form .title {
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    margin: 0 0 20px;
}

.cart-page-form-area {}

.cart-page-form-area .faven-input-group {
    margin: 0 0 20px;
}

.cart-page-form-area .faven-input-group input,
.cart-page-form-area .faven-input-group textarea {
    background-color: #F8F8F8;
    border: unset;
    padding: 0 20px;
    font-size: 14px;
}

.cart-page-form-area .faven-input-group textarea {
    padding: 20px;
    height: 200px;
}

.cart-page-form-area .faven-input-group input::placeholder,
.cart-page-form-area .faven-input-group textarea::placeholder {
    color: #C9CACC;
}

.cart-page-form-area .faven-submit {}

.cart-page-form-area .faven-submit .submit {
    background-color: #F8F8F8;
    width: 100%;
    height: 50px;
    color: #A4A4A4;
    font-size: 15px;
    font-weight: 500;
}

.cart-page-form-area .faven-submit .submit i {}


.counter {}

.counter .counter-cart {}

.counter .counter-cart button {
    width: 40px;
    height: 40px;
    border: 1px solid #B7B7B7;
    border-radius: 100%;
    font-size: 14px;
}

.counter .counter-cart button i {}

.counter .counter-cart input {
    background-color: unset;
    border: unset;
    width: 35px;
    text-align: center;
    padding: 0 0 0 10px;
    font-size: 16px;
    font-weight: 600;
}


/** SEARCH POP **/

.search-pop {
    position: absolute;
    right: 0;
    top: 60px;
    transform: translate(100%, 0);
    opacity: 0;
    visibility: hidden;
    transition: all .4s ease;
}

.search-pop.active {
    transform: translate(0, 0);
    opacity: 1;
    visibility: unset;
    transition: all .4s ease;
}

.search-pop .search-pop-wrapper {}

.search-pop .search-pop-wrapper .search-pop-card {
    position: relative;
    width: 300px;
}

.pages-header .search-pop .search-pop-wrapper .search-pop-card{
    background-color: #fff;
}

.pages-header .search-pop .search-pop-wrapper .search-pop-card input{
    color: #000;
    padding: 0 20px;
}
.pages-header .search-pop .search-pop-wrapper .search-pop-card input::placeholder{
    color : #000;
}
.pages-header .search-pop .search-pop-wrapper .search-pop-card button {
    right: 20px;
}
.pages-header .search-pop .search-pop-wrapper .search-pop-card button svg{
    stroke: #000;
}

.search-pop .search-pop-wrapper .search-pop-card input {
    border: unset;
    border-bottom: 1px solid #fff;
    background-color: unset;
    color: #fff;
    display: block;
    width: 100%;
    height: 45px;
    font-size: 14px;
}

.search-pop .search-pop-wrapper .search-pop-card input::placeholder {
    color: #fff;
}

.search-pop .search-pop-wrapper .search-pop-card .icon {
    position: absolute;
    right: 0;
    bottom: 15px;
    border: none;
    background: none;
    padding: 0;
    cursor: pointer;
}

.search-pop .search-pop-wrapper .search-pop-card .icon svg {
    stroke: #fff;
    width: 24px;
}

.search-pop .search-pop-wrapper .search-pop-card .icon svg path {}

/* TinyMCE içerik alanları - zengin metin stilleri */
.content-body p { margin-bottom: 0.75em; }
.content-body p:last-child { margin-bottom: 0; }
.content-body ul, .content-body ol { margin: 0.5em 0; padding-left: 1.5em; }
.content-body li { margin-bottom: 0.25em; }
.content-body h1, .content-body h2, .content-body h3, .content-body h4 { margin: 1em 0 0.5em; font-weight: 600; }
.content-body img { max-width: 100%; height: auto; }
.content-body a { color: inherit; text-decoration: underline; }