/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.5.1.1788189253
Updated: 2026-08-31 15:14:13

*/

.sec--padding {
	padding: 100px 0px;
}

.back-drop-filter {
	backdrop-filter: blur(10px);
}

/* LOADER CSS */
.main--animation--container {
    position: relative;
}

.white--outline {
    transform: translateY(-50%);
}

.blue--img {
    transform: translateY(-50%);
}

/* PRIMARY BUTTON CSS  */

.btn--primary .elementor-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: transparent;
    border: 1px solid #fff;
/*     color: #fff !important; */
    transition: color 0.4s ease;
    z-index: 1;
}

/* Button Content */
.btn--primary .elementor-button-content-wrapper,
.btn--primary .elementor-button-text {
    position: relative;
    z-index: 2;
/*     color: inherit !important; */
    transition: color 0.4s ease;
}

/* Fill Effect */
.btn--primary .elementor-button::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #fff;

    transform: scaleY(0);
    transform-origin: bottom;

    transition: transform 0.4s ease;
    z-index: 1;
}

/* Hover */
.btn--primary .elementor-button:hover::before {
    transform: scaleY(1);
}

.btn--primary .elementor-button:hover,
.btn--primary .elementor-button:hover .elementor-button-text {
    color: #007DEE !important;
}


/* SECONDARY BUTTON CSS  */

.btn--secondary .elementor-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: transparent;
    transition: color 0.4s ease;
    z-index: 1;
}

/* Button Content */
.btn--secondary .elementor-button-content-wrapper,
.btn--secondary .elementor-button-text {
    position: relative;
    z-index: 2;
    transition: color 0.4s ease;
}

/* Fill Effect */
.btn--secondary .elementor-button::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #007DEE;
    transform: scaleY(0);
    transform-origin: bottom;
    transition: transform 0.4s ease;
    z-index: 1;
}

/* Hover */
.btn--secondary .elementor-button:hover::before {
    transform: scaleY(1);
}

.btn--secondary .elementor-button:hover,
.btn--secondary .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
}


/* FORM BUTTON CSS */

#form--btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: color 0.4s ease;
    z-index: 1;
}

/* Button Content */
#form--btn .elementor-button-content-wrapper,
#form--btn .elementor-button-text {
    position: relative;
    z-index: 2;
    color: inherit !important;
    transition: color 0.4s ease;
}

/* Fill Effect */
#form--btn::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #fff;

    transform: scaleY(0);
    transform-origin: bottom;

    transition: transform 0.4s ease;
    z-index: 1;
}

/* Hover */
#form--btn:hover::before {
    transform: scaleY(1);
}

#form--btn:hover,
#form--btn:hover .elementor-button-text {
    color: #007DEE !important;
}

/* NEW FORM BUTTON */
.contact--form.black .wpforms-submit {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: color 0.4s ease;
    z-index: 1;
}

.contact--form.black .wpforms-submit .elementor-button-content-wrapper,
.contact--form.black .wpforms-submit .elementor-button-text {
    position: relative;
    z-index: 2;
    color: inherit !important;
    transition: color 0.4s ease;
}

/* Fill Effect */
.contact--form.black .wpforms-submit::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #fff;

    transform: scaleY(0);
    transform-origin: bottom;

    transition: transform 0.4s ease;
    z-index: 1;
}

/* Hover */
.contact--form.black .wpforms-submit:hover::before {
    transform: scaleY(1);
}

.contact--form.black .wpforms-submit:hover,
.contact--form.black .wpforms-submit:hover {
    color: #007DEE !important;
}

.contact--form.black button.wpforms-submit {
    background: #007dee !important;
    border: solid 1px #007dee;
    font-size: 14px !important;
    font-weight: 400;
    text-transform: uppercase;
    height: 45px;
    padding: 20px;
}


/* PRODUCT CARD BUTTON */

.product--btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    cursor: pointer;
    transition: color 0.4s ease;
    isolation: isolate;
}

.product--btn::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: #007DEE;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: width 0.45s ease, height 0.45s ease;
    z-index: -1;
}

.product--btn:hover::before {
    width: 180%;
    height: 180%;
}

.product--btn svg {
    width: 14px;
    height: 12px;
    color: #007DEE;
    transition: color 0.35s ease;
    position: relative;
    z-index: 1;
}

.product--btn:hover svg {
    color: #fff;
}


/* HEADING BLUE COLOR */
.blue--text {
	color: #007DEE;
}


/* HEADER CSS */
header .elementor-sticky--effects .header--main {
    background: #fff;
	box-shadow: 0px 15px 20px 0px rgb(0 0 0 / 10%);
}

header .header--main .blue--logo {
    filter: brightness(0) saturate(100%) invert(100%);
}

header .elementor-sticky--effects .header--main .blue--logo {
    filter: unset;
}

header .elementor-sticky--effects .header--main .main--menu a.elementor-item {
    color: #2D2926 !important;
}

header .elementor-sticky--effects .header--main .main--menu a.elementor-item.has-submenu svg {
    fill: #2D2926 !important;
}

header .elementor-sticky--effects .header--main .main--menu a.elementor-item.elementor-item-active {
    color: #007DEE !important;
}

header .elementor-sticky--effects .header--btn a {
    background: #007DEE !important;
    border-color: #007DEE !important;
}

.header--social--icon .elementor-social-icon {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.header--social--icon .elementor-social-icon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: width .5s ease, height .5s ease;
    z-index: -1;
}

.header--social--icon .elementor-social-icon:hover::before {
    width: 200%;
    height: 200%;
}

/* Default icon */
.header--social--icon .elementor-social-icon svg path {
/*     fill: #fff !important; */
    transition: fill .5s ease;
}

/* Hover icon */
.header--social--icon .elementor-social-icon:hover svg path {
    fill: #007DEE !important;
}

.card--con:hover img {
    transform: scale(1.2);
}

/* SERVICES SECTION */

.service--card .serv--top, 
.service--card .serv--bottom .bottom--bar {
    opacity: 0;
    transition: 0.5s all ease;
}

.service--card .serv--bottom h2 {
    opacity: 1 !important;
    transition: 0.5s all ease;
}

.service--card:hover .serv--top, 
.service--card:hover .serv--bottom .bottom--bar {
    opacity: 1;
}

.service--card .serv--bottom {
    transform: translateY(180px);
}

.service--card:hover .serv--bottom {
    transform: translateY(0px);
}

/* WHY CHOOSE SECTION */

.why--card h3 {
    padding-bottom: 10px;
    position: relative;
}

.why--card h3::before {
    content: "";
    background: #000000;
    height: 1px;
    width: 20px;
    position: absolute;
    left: 0;
    top: 38px;
}
.featured .acf-card-item-4d9b9421 h2 {
	position: relative;
}

.featured .acf-card-item-4d9b9421 h2::before {
    content: "";
    background: #000000;
    height: 1px;
    width: 20px;
    position: absolute;
    left: 0;
    top: 38px;
}

.acf-field-item-4d9b9421.acf-field-features_description {
    color: #878787;
    font-size: 14px;
    font-weight: 300;
}


/* CONTACT FORM */
.contact--form.black .wpforms-form label {
    font-size: 14px;
	font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.contact--form.black .wpforms-container {
    margin: 0;
}
.contact--form select option {
	background: #00529D;
	color: #ffffff;
	text-transform: uppercase;
}



/* PRODUCTS PAGE MAIN CSS */

/* PRODUCTS SECTION MAIN CSS */

.products-main-section .inner-left-col .left-content {
    padding: 100px 50px 100px 0px;
}

.products-main-section .section-subtitle {
    color: #B0B0B0;
    font-family: "Google Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2em;
    text-transform: uppercase;
}

.products-main-section h2.section-title {
    color: #000;
    font-family: "Google Sans";
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2em;
    letter-spacing: -0.8px;
	margin-top: 10px;
}

.products-main-section .custom-accordion {
    margin-top: 20px;
}

.products-main-section .accordion-item {
    border-top: 1px solid #f6f6f6;
    border-right: 1px solid #f6f6f6;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #f6f6f6;
    background: transparent !important;
    border-radius: 0px !important;
}

.products-main-section .accordion-item.active {
    border-radius: 16px !important;
    border: 1px solid #007DEE;
    background: rgba(0, 125, 238, 0.06);
}

.products-main-section h2.accordion-header button {
    color: #000;
    font-family: "Google Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2em;
    letter-spacing: -0.48px;
	border: unset;
	padding: 25px;
	background: transparent !important;
}

.products-main-section button.accordion-button.collapsed:hover {
    background: transparent;
}

.products-main-section .accordion.custom-accordion .accordion-body p {
    color: #878787;
    font-family: "Google Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6em;
    letter-spacing: -0.16px;
}

.products-main-section a.elementor-button.product-main-btn {
    color: #007DEE !important;
    text-align: center;
    font-family: "Google Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    padding: 10px 20px;
    text-transform: uppercase;
    border-radius: 100px;
    border: 1px solid #007DEE;
}

.products-main-section .accordion-button:not(.collapsed) {
    background: transparent;
    box-shadow: unset;
	color: #007DEE !important;
	font-weight: 600;
	padding: 25px;
}

.products-main-section .accordion-body {
    padding: 0 25px 25px 25px;
}

.products-main-section button:focus:not(:focus-visible) {
	background: transparent;
}

.products-main-section .media-wrapper {
    height: 100%;
}

.products-main-section .media-wrapper video {
    height: 100%;
    object-fit: cover;
}

/* PRODUCT SINGLE POST CSS  */

.product--gallery .e-gallery-image{
    position: relative;
}
.product--gallery .e-gallery-image::before{
    content: "";
    position: absolute;
    top: 30px;
    left: 30px;
    width: 180px;
    height: 40px;
    background: url("https://fjhgfb.cpserver.com/ar/epik-equipment/wp-content/uploads/2026/07/water-mark.svg") no-repeat center;
    background-size: contain;
    pointer-events: none;
	opacity: 0.5;
}

.product--img--slider img.swiper-slide-image {
    filter: grayscale(1);
	transition: 0.5s all ease;
	width: 100%;
}

.product--img--slider .swiper-slide:hover img.swiper-slide-image {
    filter: grayscale(0);
}

.product--img--slider .swiper-slide-inner{
    position: relative;
    overflow: hidden;
}

/* .product--img--slider .swiper-slide-inner::before{
    content: "REQUEST A QUOTE";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(.9);
    padding: 12px 20px;
    border: 1px solid #fff;
    border-radius: 40px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0;
    background: rgba(255,255,255,.08);
    backdrop-filter: blur(6px);
    opacity: 0;
    visibility: hidden;
    transition: all .35s ease;
    z-index: 10;
    pointer-events: none;
} */

/* Dark overlay */
/* .product--img--slider .swiper-slide-inner::after{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.35);
    opacity: 0;
    transition: .35s ease;
    z-index: 5;
}
 */
/* Hover */
.product--img--slider .swiper-slide:hover .swiper-slide-inner::before,
.product--img--slider .swiper-slide:hover .swiper-slide-inner::after{
    opacity: 1;
    visibility: visible;
}

.product--img--slider .swiper-slide:hover .swiper-slide-inner::before{
    transform: translate(-50%, -50%) scale(1);
}

/* SERVICE DETAIL PAGE */
.serv--icon--list .acf-card-item-4d9b9421 {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    justify-content: flex-start;
    padding: 0 !important;
}

.serv--icon--list02 .acf-card-item-4d9b9421:last-child {
    border-width: 0px 0px 0px 0px !important;
}

.serv--icon--list .acf-card-item-4d9b9421 img {
    width: 35px;
}

.serv--icon--list .acf-field-item-4d9b9421.acf-image-wrapper-4d9b9421 {
    width: fit-content;
}

.serv--icon--list .acf-card-item-4d9b9421:hover {
	box-shadow: unset !important;
}

.serv--icon--list .acf-field-item-4d9b9421 {
    color: #878787;
    font-size: 16px;
    font-weight: 400;
	font-family: 'Google sans';
}

.serv--icon--list02 .acf-grid-container-4d9b9421 {
    display: grid;
    grid-template-columns: repeat(5, 1fr) !important;
    row-gap: 30px !important;
}

.serv--icon--list02 .acf-card-item-4d9b9421 img {
    width: 50px;
}

.serv--icon--list02 .acf-card-item-4d9b9421 h2 {
    font-family: 'Google sans';
    font-size: 20px;
    font-weight: 400;
}

.serv--icon--list02 .acf-card-item-4d9b9421 {
    gap: 30px;
}

.serv--icon--list02 .acf-card-item-4d9b9421:hover {
    box-shadow: unset;
}

/* BLOG LISTING PAGE CSS */
.blog--page .card--con {
    background: #F6F6F6 !important;
}
.blog--page nav.elementor-pagination .page-numbers {
    border: solid 1px rgb(135 135 135 / 50%);
    padding: 10px 17px;
    border-radius: 6px;
}
.blog--page nav.elementor-pagination .page-numbers.current {
    background: #007DEE;
    border: solid 1px #007DEE;
    padding: 10px 17px;
    border-radius: 6px;
}

/* BLOG DETAILS PAGE CSS */
.blog--single--page .reading-time {
    display: inline-block;
    font-size: 14px;
    color: #007DEE;
    font-weight: 500;
    letter-spacing: 0px;
    text-transform: uppercase;
}

/* CONTACT PAGE */
.icon--box:hover svg {
    transform: rotate(360deg);
}

.icon--box svg {
    transition: 0.3s all ease;
    transform: rotate(0deg);
}