/*
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.4.4.1755754479
Updated: 2025-08-21 05:34:39

*/
/*  @import url("http://localhost/2025/Glamero/style.css");  */


/*==================================
General CSS
===================================*/
:root {
	--primary-color:#0260A3;
	--primary-dark-color:#00497D;
	--heading-color:#0F1928;
	--text-color:#0F1928;
    --accent-color:#336D97;
}
.section-title .elementor-heading-title, .section-title h2 { color: var(--heading-color); }
.section-title h2.elementor-heading-title, .section-title h2 { font-size: 56px; line-height: 1.2; font-weight: 700; color: var(--heading-color);}
a:focus { outline:none; }

.body-small-text { font-size: 14px; line-height: 1.5; font-weight: 400; color: var(--text-color);}
.section-space { padding: 120px 20px;}
/*==================================
   Base / Reset Styles
===================================*/

*, 
*::before,
*::after { box-sizing: border-box; }
* { margin: 0; padding: 0; }
html { font-size: 100%; scroll-behavior: smooth; }
body { font-size:18px; line-height: 1.5; color: var(--text-color);  -webkit-font-smoothing: antialiased;  }
input,
button,
textarea,
select { font: inherit; border: none; outline: none; }

/*==================================
   Typography
===================================*/
h1, h2, h3, h4, h5, h6 { font-weight: 600; line-height: 1.25 !important; margin-bottom: 0.5em; }
p { margin-bottom: 1em; }
a { color: inherit; text-decoration: none; transition: color 0.3s ease; }

/*==================================
   Button Styling
===================================*/
header .site-button a.elementor-button { padding: 12px 24px; letter-spacing: 0; font-size: 15px;  }
header .site-button a.elementor-button .elementor-button-icon svg { width: 10px; height: 10px;}
.site-button a.elementor-button { padding: 20px 30px; border-radius: 8px; background-color: var(--primary-color);  font-size: 16px; line-height: 1.5; font-weight: 600; letter-spacing: 0.5px; }
.site-button a.elementor-button .elementor-button-icon svg { width: 14px; height: 14px;}
.site-button a.elementor-button .elementor-button-content-wrapper { column-gap: 10px;}
.site-button a.elementor-button:hover { background-color: var(--primary-dark-color);}
/*==================================
   Header
===================================*/
body.home header { position: absolute; top: 0; left: 0; width: 100%; z-index: 1;}
header .elementor-widget-theme-site-logo img { max-width: 170px;}
header .elementor-nav-menu li a { font-size: 16px; font-weight: 700; color: var(--primary-dark-color); line-height: 1.3;  position: relative;}
header .elementor-nav-menu li a:hover,
header .elementor-nav-menu li.current-menu-item a  { color:var(--accent-color) !important; line-height: 1.3; }
header .elementor-nav-menu li a:before { content: ''; position: absolute; bottom: -5px; left: 50%; background-color: var(--accent-color); width: 100%; height: 1px; transform: translateX(-50%) scale(0) ; opacity: 0; transition: 0.3s all ease-in-out;}
header .elementor-nav-menu li a:hover:before,
header .elementor-nav-menu li.current-menu-item a:before { transform: translateX(-50%) scale(1) ; opacity: 1;}

/* Hamburger Menu */
header .elementor-menu-toggle { background-color: #E6EFF6; border:1px solid #ffffff; padding: 10px; border-radius: 5px; 
	box-shadow: 0px 8px 20px -4px rgba(15, 25, 40, 0.08), 0px 4px 12px -4px rgba(15, 25, 40, 0.04);}
header .elementor-menu-toggle svg { fill:var(--heading-color) !important; }

header .elementor-nav-menu--dropdown.elementor-nav-menu__container { margin-top:15px !important; }
header .elementor-nav-menu--dropdown .elementor-nav-menu li a { padding:20px; background-color: #e6eff6; }
header .elementor-nav-menu--dropdown .elementor-nav-menu li:not(:last-child) a { border-bottom: 1px solid #ffffff; }
header .elementor-nav-menu--dropdown .elementor-nav-menu li a.elementor-item-active, 
header .elementor-nav-menu--dropdown .elementor-nav-menu li a:hover { background-color: var(--primary-color); color: #ffffff !important ; }



/*==================================
   Hero Section
===================================*/
.hero-section h1 { font-size: 44px; line-height: 1.2; font-weight: 700; color: var(--heading-color); margin-bottom: 4px; /*word-break: break-word;*/}
.hero-section .site-button { margin-top:10px ;}

.project-item .project-top { position: relative;}
.project-item .project-top .elementor-widget-image img { border-radius: 16px; width: 100%; max-width: 552px; /* aspect-ratio: 552 / 372; */ aspect-ratio: 552 / 502; height: auto; object-fit: cover; object-position:center; }
.project-item .project-bottom { padding-left: 30px; padding-right: 30px; margin-top: 24px; }
.project-item .project-bottom h3 { font-size: 32px; font-weight: 700; color: var(--heading-color); }

.cat-list .elementor-inline-items { gap: 8px;}
.cat-list .elementor-inline-items li { font-size: 12px; line-height: 1.3; font-weight: 700; color: var(--primary-dark-color); padding: 4px 12px; background-color: #E6EFF6; border-radius: 4px; margin-inline: 4px;} 

.install-tag:not(.position-relative) { position: absolute; top: 32px; left: 32px; }
.install-tag {  padding: 4px 12px;  border-radius: 4px; background-color: #E6EFF6; border: 1px solid #ffffff; position: relative;} 
.install-tag .elementor-icon-box-wrapper { gap: 7px; display: flex; align-items: center; flex-direction: row-reverse; }
.install-tag .elementor-icon-box-wrapper .elementor-icon-box-title { font-size: 12px; font-weight: 700; line-height: 1.3; color: var(--primary-dark-color); margin: 0; }
.install-tag .elementor-icon-box-wrapper .elementor-icon-box-icon .elementor-icon { font-size: 16px;}


/* Custom Dots */
.custom-dots .slick-dots { display: flex; gap: 15px;}
.custom-dots li { list-style: none; width: 60px; height: 60px;}
.custom-dots li button { font-size: 0; border: none; background: none; cursor: pointer; padding: 0; background-color: transparent;}
.custom-dots li button:hover,
.custom-dots li button:focus  { background-color: transparent;}
.custom-dots li button:before { content: attr(data-number); font-size: 18px; font-weight: 700; color: var(--text-color); border: 1px solid rgba(15 25 40 / 20%); border-radius: 50%; width: 60px; height: 60px; display: inline-flex; align-items: center; justify-content: center;  transition: 0.3s all ease-in-out;}
.custom-dots li button:hover:before,
.custom-dots li.slick-active button:before { border-color: rgba(15 25 40 / 70%); color: var(--text-color);  }

/*==================================
   Shower Section
===================================*/
.shower-section { position: relative;}
.shower-section:before { content: ''; position: absolute; top: calc(100% - 25%); left: auto; right: 0; background-image: url(./images/shower-shape.svg); width: 602px; height: 448px; background-repeat: no-repeat; }
.icon-box { text-align: left; border: 1px solid #CCDBE5; padding: 32px; background-color: #ffffff; border-radius: 16px; box-shadow: 0px 20px 24px -12px rgba(15, 25, 40, 0.12), 0px 12px 12px -8px rgba(15, 25, 40, 0.04);}
.icon-box .elementor-icon-box-icon .elementor-icon { padding: 0; height: 64px; width: 64px; display: flex; align-items: center; justify-content: center;  border: 1px solid #ffffff; background-color: #E6EEF3; box-shadow: 0px 8px 20px -4px rgba(15, 25, 40, 0.08), 0px 4px 12px -4px rgba(15, 25, 40, 0.04);}
.icon-box .elementor-icon-box-icon .elementor-icon svg { width: 24px; height: 24px;}
.icon-box .elementor-icon-box-content .elementor-icon-box-title { font-size: 14px; font-weight: 700; line-height: 1.3; color: var(--heading-color); }

/*==================================
   Warum Profis
===================================*/
.icon-box-wrap { display: flex; gap: 24px; flex-flow: wrap; }
.icon-box-wrap .icon-box { flex: calc(33.33% - 16px); max-width: calc(33.33% - 16px); width: 100%; }


/*==================================
   Challenge Section
===================================*/
.challenge-box {  background: #FFFFFF; border: 1px solid #CCDBE5; box-shadow: 0px 20px 24px -12px rgba(15, 25, 40, 0.12), 0px 12px 12px -8px rgba(15, 25, 40, 0.04); border-radius: 16px; padding: 32px; gap: 0;}
.challenge-box .elementor-widget-icon-box:not(:last-child) { border-bottom: 1px solid #CCDBE5; padding-bottom: 32px; margin-bottom: 32px;}
.challenge-box .elementor-widget-icon-box .elementor-icon-box-title { margin: 0;  font-weight: 400; font-size: 16px; line-height: 1.3;  color: var(--heading-color); }
.challenge-box .elementor-widget-icon-box .elementor-icon-box-icon .elementor-icon { padding: 0; height: 64px; width: 64px; display: flex; align-items: center; justify-content: center;  }
.challenge-box .elementor-widget-icon-box .elementor-icon-box-icon .elementor-icon svg { width: 24px; height: 24px;}

/*==================================
   Project Tab Section
===================================*/
.project-tab-section { }
.project-tabs .e-n-tabs .e-n-tabs-heading { padding: 16px; width: fit-content; margin-inline: auto; background-color: #ffffff; border-radius: 12px; gap: 0; margin-bottom: 50px;}
.project-tabs .e-n-tabs .e-n-tabs-heading .e-n-tab-title { border-radius: 8px; padding: 16px; background-color: transparent; font-weight: 700; font-size: 14px; line-height: 16px; color: var(--heading-color);}
.project-tabs .e-n-tabs .e-n-tabs-heading .e-n-tab-title:hover,
.project-tabs .e-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected=true] { background-color: var(--primary-color) !important; color: #ffffff;}

.project-tab-slider .slick-list { margin-left: -12px; margin-right: -12px; width: calc(100% + 24px) !important;}
.project-tab-slider .slick-slide { padding-left: 12px; padding-right: 12px;}

.project-tab-slider .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 64px; height: 64px; background: #E6EEF3; border: 1px solid #FFFFFF; box-shadow: 0px 8px 20px -4px rgba(15, 25, 40, 0.08), 0px 4px 12px -4px rgba(15, 25, 40, 0.04); border-radius: 100px; z-index: 1; font-size: 0; background-size: 24px 24px; background-repeat: no-repeat; background-position: center;}
.project-tab-slider .slick-prev { left: -32px; background-image: url(./images/left-arrow.svg);  }
.project-tab-slider .slick-next { right: -32px; background-image: url(./images/right-arrow.svg); }
.project-tab-slider .project-item .project-bottom h3 { color: #ffffff;}
.project-tab-slider .project-item .project-bottom .elementor-widget-text-editor { color: #ffffff;}

.project__button { position: absolute; top: auto; bottom: 32px; left: 32px; display:none; }
.project__button .elementor-button {padding: 16px 28px;  border-radius: 4px; background-color: #E6EFF6; border: 1px solid #ffffff; font-size: 14px ; font-weight: 700; line-height: 1.3; color: var(--primary-color);}
.project__button .elementor-button:hover { background-color: var(--primary-dark-color); color: #ffffff; }

/*==================================
Product Popup
===================================*/
a.dialog-close-button { padding: 0; height: 64px; width: 64px; display: flex; align-items: center; justify-content: center; border: 1px solid #ffffff; background-color: #E6EEF3; 
	box-shadow: 0px 8px 20px -4px rgba(15, 25, 40, 0.08), 0px 4px 12px -4px rgba(15, 25, 40, 0.04); border-radius: 50%; }
.product_popup { padding: 40px; border-radius: 24px; }
.product_popup .install-tag { display: inline-block; width: fit-content; }

.versions { display: flex; flex-flow: wrap; gap: 24px 16px; }
.versions .version_item { flex: 0 0 calc(33.33% - 10.66px); max-width: calc(33.33% - 10.66px); width: 100%; }
.versions .version_item .elementor-widget-text-editor { font-size:16px; }

.product_slider .slider_main .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 64px; height: 64px; background: #E6EEF3; border: 1px solid #FFFFFF; box-shadow: 0px 8px 20px -4px rgba(15, 25, 40, 0.08), 0px 4px 12px -4px rgba(15, 25, 40, 0.04); border-radius: 100px; z-index: 1; font-size: 0; background-size: 24px 24px; background-repeat: no-repeat; background-position: center;}
.product_slider .slider_main .slick-prev { left: 12px; background-image: url(./images/left-arrow.svg);  }
.product_slider .slider_main .slick-next { right: 12px; background-image: url(./images/right-arrow.svg); }

.product_slider { display: flex; flex-direction: row-reverse !important; justify-content: flex-end; }
.product_slider .slider_main { max-width: 360px !important;}
.product_slider .slider_main .gallery-item img { width: 100%; max-width: 360px; aspect-ratio: 360 / 486; height: auto; object-fit: cover; object-position:center; border-radius:16px; cursor: pointer;} 

.product_slider .slider-nav { width: 72px; } 
.product_slider .slider-nav img { width: 100%; cursor: pointer; width: 100%; max-width: 72px; aspect-ratio: 72 / 97; height: auto; object-fit: cover; object-position: center; border-radius:8px; 
	opacity:0.3;} 
.product_slider .slider-nav .slick-current img { opacity:1;  }
.product_slider .slider-nav .slick-slide { padding-top:6px; padding-bottom:6px; border: 0;}

.product_slider .slider-nav .slick-arrow { font-size: 0; width: 100%; background-color: rgba(230, 238, 243, 1); box-shadow: 0px 8px 20px -4px rgba(15, 25, 40, 0.08), 0px 4px 12px -4px rgba(15, 25, 40, 0.04); border-radius: 8px; border: 1px solid #FFFFFF; background-repeat: no-repeat; background-position: center; height: 24px; position:relative; }
.product_slider .slider-nav .slick-prev {  background-image: url(./images/up-arrow.svg);  top:-6px; }
.product_slider .slider-nav .slick-next { background-image: url(./images/down-arrow.svg); }
    
/* Slick Lightbox */
.slick-lightbox { background-color: rgba(15, 25, 40, 0.2); }
.slick-lightbox .slick-lightbox-inner { top: 12px; left: 12px; width: calc(100% - 24px); height: calc(100% - 24px); border-radius: 12px; background-color: #ffffff; 
   display: flex; align-items: center; justify-content: center; flex-direction: column; }
.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick { margin-inline: auto;  width: 500px; height: 680px; }
.slick-lightbox .slick-lightbox-slick-item { display: flex; justify-content: center;  }
.slick-lightbox .slick-lightbox-slick-item .slick-lightbox-slick-item-inner { max-width: 100%; }
.slick-lightbox .slick-lightbox-close { top: 24px; right: 24px; padding: 0; height: 64px; width: 64px; display: flex; align-items: center; justify-content: center; border: 1px solid #ffffff; background-color: #E6EEF3; 
	box-shadow: 0px 8px 20px -4px rgba(15, 25, 40, 0.08), 0px 4px 12px -4px rgba(15, 25, 40, 0.04); border-radius: 50%; }
.slick-lightbox .slick-lightbox-close:before { color: rgba(15, 25, 40, 1); opacity: 1; font-size: 30px; font-weight: 900; }

.slick-lightbox .slick-lightbox-slick-img { border-radius: 16px; width: 100%; max-width: 500px; aspect-ratio: 500 / 680; height: 680px; object-fit: cover; object-position:center; }
.slick-lightbox .lightbox-nav { z-index: 1; color: #000000; display: flex; position: relative; margin-top: 24px; gap: 48px; align-items: center; }

.slick-lightbox .lightbox-nav .lightbox-arrow { width: 64px; height: 64px; background: #E6EEF3; border: 1px solid #FFFFFF; box-shadow: 0px 8px 20px -4px rgba(15, 25, 40, 0.08), 0px 4px 12px -4px rgba(15, 25, 40, 0.04); border-radius: 100px; z-index: 1; font-size: 0; background-size: 24px 24px; background-repeat: no-repeat; background-position: center;}
.slick-lightbox .lightbox-nav .lightbox-arrow.prev { left: -32px; background-image: url(./images/left-arrow.svg);  }
.slick-lightbox .lightbox-nav .lightbox-arrow.next { right: -32px; background-image: url(./images/right-arrow.svg); }
.slick-lightbox .lightbox-nav .custom-pagination { font-weight: 400; font-size: 24px; line-height: 28px; color: #0F1928; }


/*==================================
   Card (Offer section & Team Section )
===================================*/
.card { padding: 32px; background: #FFFFFF; border: 1px solid #CCDBE5; box-shadow: 0px 20px 24px -12px rgba(15, 25, 40, 0.12), 0px 12px 12px -8px rgba(15, 25, 40, 0.04); border-radius: 24px; display: flex; flex-direction: column; gap: 32px; align-items: flex-start; justify-content: space-between;}
.card .card-header { align-items: flex-start; }
.card .card-header .install-tag  { position: relative; top: auto; left: auto;}
.card .card-header .elementor-heading-title { font-weight: 700; }
.card .card-header .elementor-widget-text-editor { font-size: 16px; font-weight: 400; line-height: 1.5; }

.card .card-bottom .elementor-widget-image img { border-radius: 16px; }
.card .card-bottom .site-button a.elementor-button { display: block; margin-top: 12px; }

/* Popup Trigger */
.card .card-bottom .card_image--wrapper { position: relative;}
.card .card-bottom .card_image--wrapper .plus-icon { position:absolute; bottom:20px; right:20px; width: 64px; height: 64px; background: #E6EEF3; border: 1px solid #FFFFFF; box-shadow: 0px 8px 20px -4px rgba(15, 25, 40, 0.08), 0px 4px 12px -4px rgba(15, 25, 40, 0.04);                                                     
   border-radius: 100px; display:flex; align-items:center; justify-content:center; cursor: pointer; }
.card .card-bottom .card_image--wrapper .plus-icon:hover { transform: rotate(180deg); }
.card .card-bottom .card_image--wrapper .plus-icon .elementor-icon-wrapper { height: 24px; width: 24px;}
.card .card-bottom .card_image--wrapper .plus-icon svg { width:24px; height:24px; }
.card .card-bottom .card_image--wrapper .plus-icon svg path { fill: var(--heading-color); }
/*==================================
   Multi Step Form Section
===================================*/
.mutli-form-section:before { background-position: left -100px center; background-size: 110%; }
.contact-form .form-group label { background: #ffffff; padding: 10px 12px; font-size: 12px; font-weight: 500; line-height: 1.3; color: #9FA3A9; width: 100%;border-radius: 8px; /* min-height:60px; */ }
.contact-form .form-group label input { font-size: 14px; font-weight: 400; line-height: 1.5; color: #3F4753; border: 0; padding: 0;}
.contact-form .form-group p { margin-bottom: 0;}
.contact-form .form-row { display: flex; flex-flow: wrap; gap: 24px;}
.contact-form .form-row .form-group { flex: 0 0 calc(50% - 12px); max-width: calc(50% - 12px); width: 100%; }
.contact-form .form-row.col-3 .form-group { flex: 0 0 calc(33.33% - 16px); max-width: calc(33.33% - 16px); width: 100%; }
.contact-form .form-row.col-1 .form-group { flex: 0 0 100%; max-width: 100%; width: 100%; }

.contact-form .form-group select.wpcf7-select { padding-bottom: 0; padding-left: 0; padding-top: 5px; }

.contact-form h3{ display: flex; align-items: center; gap: 16px; font-size: 20px; line-height: 1.2; color: var(--heading-color); margin-bottom: 32px; }
.contact-form .blue-bg h3 { color: #ffffff;}

.contact-form .number {  width: 64px; height: 64px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(15, 25, 40, 0.7); backdrop-filter: blur(16px); border-radius: 100px; font-weight: 700; font-size: 18px; line-height: 1.3;  
   display: inline-flex; align-items: center; justify-content: center; color: var(--heading-color);}
.contact-form .blue-bg .number { background: rgba(15, 25, 40, 0.05); border: 1px solid rgba(255, 255, 255, 0.7); color: #ffffff;}

/* form CSS */
.contact-form { position: relative;}
.contact-form .cf-step {  padding: 120px 20px; position: relative;}
.contact-form .cf-step:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
	background-image: url(https://dev.ftitech.com/2025/glamero/wp-content/uploads/2025/08/shape01.svg); 
   background-position: 100% 50px; background-repeat: no-repeat; opacity: 0.2; z-index: -1; }
.contact-form .cf-step .container { max-width: 1140px; width: 100%;  margin-inline: auto;}
.contact-form .section-title { margin-bottom: 50px;}
.contact-form .w-750 { max-width: 750px; width: 100%; }
.contact-form .w-850 { max-width: 850px; width: 100%; }
.contact-form .blue-bg {position: relative; background-color: var(--primary-dark-color); z-index: 1;  }
.contact-form .blue-bg:before {content: ''; position: absolute; bottom: 0; left: 0; opacity: 0.35; background-image: url(./images/form-wave.png); background-position: bottom center; background-repeat: no-repeat; background-size: contain;
    width: 100%; height: 100%; z-index: -1; }
.contact-form .blue-bg h2, .contact-form .blue-bg p { color: #ffffff; }
.contact-form .step-1 .section-title h2 { color: #ffffff;  margin-top: 0; }
.contact-form .step-1 .section-title p { color: #ffffff; margin-bottom: 0;}


.product-option > p { width: 100%; }
.product-option > p br { display: none;}
.product-option > p > label { padding: 0 !important;}
.contact-form .product-option label { padding: 0 0 20px 0; }
.product-option .card-header h6 { margin-top: 0;}
.product-option .card-header p { font-size: 16px; font-weight: 400;}
.product-option .wpcf7-checkbox .wpcf7-list-item { margin: 0; }
.product-option .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label { font-size: 0;}
.product-option .wpcf7-form-control-wrap { display: flex; flex-direction: column;}
.product-option .wpcf7-form-control-wrap .wpcf7-checkbox { margin-left: auto;}
.product-option label { display: flex; margin: 0; justify-content: space-between; align-items: center; }

.product-option .tag { padding: 4px 12px; background: #E6EFF6; border-radius: 4px; font-weight: 700; font-size: 12px; line-height: 16px; color: var(--primary-dark-color); text-align: center;}
.product-option .product-image { border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; }

.cf-step .form-row:not(:last-child) { margin-bottom: 50px;}
.cf-step .form-row .form-group:not(.card) label { border: 1px solid rgba(204, 219, 229, 1);}
.cf-step .form-row .form-group h5 { margin-bottom: 30px;}

.upload { width: 100%; }
.upload h5 { margin-bottom: 30px; }
.upload-field .drag-area {  border: 2px dashed #b3c5d6; border-radius: 8px; padding: 20px; text-align: center; min-height: 330px; display: flex; flex-direction: column; align-items: center;
    justify-content: center; gap: 20px; }
.upload-field .drag-area p { margin-bottom: 0; font-size: 12px; font-weight: 500; }
.upload-field .drag-area p.muted {  color: rgba(159, 163, 169, 1);  }
.upload-field .file-list-item { display: flex; align-items: center; justify-content: space-between;  padding: 24px; }
.upload-field .file-list-item span { padding-left: 48px; background-image: url(./images/image-icon.svg); background-size: 24px 24px;  background-position: left center; background-repeat: no-repeat; font-size: 12px;
    font-weight: 500; color: rgba(39, 48, 62, 1); }
.upload-field .file-list-item:not(:last-child) { border-bottom: 1px solid rgba(230, 238, 243, 1);}
.upload-field .file-list-item .delete-file { font-size:0; width: 64px; height: 64px; background-color: #F04848; background-image: url(./images/delete-icon.svg); border: 1px solid #FFFFFF; box-shadow: 0px 8px 20px -4px rgba(15, 25, 40, 0.08), 0px 4px 12px -4px rgba(15, 25, 40, 0.04) ; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; 
   background-repeat: no-repeat; background-position: center; }

.upload-field .custom-file-button { padding: 12px 20px; border-radius: 8px; background-color: var(--primary-color); font-size: 16px; line-height: 1.5; font-weight: 600; letter-spacing: 0.5px; color: #ffffff;}
.upload-field .custom-file-button:hover { background-color: var(--primary-dark-color); color: #ffffff; }



.contact-form .wpcf7-submit { padding: 20px 28px 20px 32px; background-color: rgba(255, 255, 255, 0.05); border: 1px solid #FFFFFF; backdrop-filter: blur(16px); border-radius: 8px; font-weight: 700; font-size: 18px; line-height: 24px; text-align: center; color: #FFFFFF; width: 100%; 
   transition: 0.3s all ease-in-out; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; }
.contact-form .wpcf7-submit:hover { background-color: #ffffff; color: var(--primary-color); }

.contact-form .form-group .wpcf7-list-item input[type=checkbox] { appearance: none; }
.wpcf7-list-item:has(input[type=checkbox]):before { content: ''; -webkit-appearance: none; border: 2px solid rgba(204, 219, 229, 1); width:24px; height:24px; border-radius:4px;  display: inline-block; position: relative; vertical-align: middle;
    cursor: pointer; }
.wpcf7-list-item:has(input:checked):after { content: ''; display: block; position: absolute; top: 3px; left: 9px; width: 7px; height: 14px; border: solid #ffffff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.wpcf7-list-item:has(input:checked):before { background-color:var(--primary-color); border-color:var(--primary-color); }


/* .product-option.checkbox-only .wpcf7-checkbox .wpcf7-list-item { margin: 0; position:relative;  min-width: 200px; }
.cf-step .form-row .form-group.checkbox-only label { border:0; padding-bottom: 0; padding-left: 30px; line-height: 24px; justify-content: flex-start; }
.checkbox-only .wpcf7-list-item:has(input[type=checkbox]):before { position: absolute; } */

.cf-step .form-row .form-group.checkbox-only br { display:none; }
.cf-step .form-row .form-group.checkbox-only .checkbox-wrapper { margin-bottom: 20px; }
.cf-step .form-row .form-group.checkbox-only .checkbox-wrapper p { display:flex; flex-flow:wrap; gap:20px; }
.cf-step .form-row .form-group.checkbox-only .checkbox-wrapper p label { min-width:200px; padding-bottom:0; border:0; justify-content: flex-end; flex-direction: row-reverse; gap: 10px; width: auto ; 
    cursor: pointer;}
/*==================================
   Footer
===================================*/
footer { padding-top: 100px; padding-left: 20px; padding-right: 20px; background-color: #ffffff; position: relative; }
footer .elementor-nav-menu li a { font-size: 16px; font-weight: 700; color: var(--primary-dark-color); line-height: 1.3;  position: relative; display: inline-block;}
footer .elementor-nav-menu li a:hover,
footer .elementor-nav-menu li.current-menu-item a  { color:var(--accent-color) !important; line-height: 1.3;}
footer .elementor-nav-menu li a:before { content: ''; position: absolute; bottom: 8px; left: 50%; background-color: var(--accent-color); width: 100%; height: 1px; transform: translateX(-50%) scale(0) ; opacity: 0; transition: 0.3s all ease-in-out;}
footer .elementor-nav-menu li a:hover:before,
footer .elementor-nav-menu li.current-menu-item a:before { transform: translateX(-50%) scale(1) ; opacity: 1;}

footer h3.elementor-heading-title { color: #9FA3A9; font-size: 16px; line-height: 1.5; font-weight: 700; }

.social-link.elementor-widget .elementor-icon-list-item { padding-top: 12px; padding-bottom: 12px; }
.social-link.elementor-widget .elementor-icon-list-item a { font-size: 16px; font-weight: 700; color: var(--primary-dark-color); line-height: 1.3;  position: relative; display: inline-block; }
.social-link.elementor-widget .elementor-icon-list-item a:hover { color:var(--accent-color) ; line-height: 1.3; }
.social-link.elementor-widget .elementor-icon-list-item a:before { content: ''; position: absolute; bottom: -5px; left: 50%; background-color: var(--accent-color); width: 100%; height: 1px; transform: translateX(-50%) scale(0) ; opacity: 0; transition: 0.3s all ease-in-out;}
.social-link.elementor-widget .elementor-icon-list-item a:hover:before { transform: translateX(-50%) scale(1) ; opacity: 1;}

.copyright { border-top: 1px solid #CCDBE5; padding: 30px 0; }
.copyright p { margin-bottom: 0; font-size: 16px; font-weight: 700; line-height: 1.5; color: #0F1928; }



/* --------------------------------  About Us Page ------------------------------------*/

/*==================================
   Page Banner
===================================*/
.page-banner > .e-con-inner { position: relative;}
.page-banner .breadcrumb-outer { position: absolute; top: 24px; left: 0;}
.breadcrumbs ul { display: flex; gap: 8px; list-style: none;}
.breadcrumbs ul li:not(:has(a)) { list-style: none; background-color: var(--primary-color); padding: 4px 12px; border: 1px solid #FFFFFF; border-radius: 4px; font-weight: 700; font-size: 12px; line-height: 1.3; color: #FFFFFF; display: flex; justify-content: center; align-items: center;}
.breadcrumbs ul li a {  display: flex; justify-content: center; align-items: center; padding: 4px 12px; background-color: #E6EFF6;  border: 1px solid #FFFFFF; border-radius: 4px; color: var(--primary-dark-color); font-size: 12px; line-height: 1.3; font-weight: 700; }
.breadcrumbs ul li a:hover { background-color: var(--primary-color); color: #ffffff;}
.page-banner h1  { font-weight: 700; font-size: 48px; line-height: 1.1; }
.page-banner h1 span, 
.text-primary { color: var(--primary-color); }

.icon-box-wrap.style-2 .icon-box { flex: calc(50% - 12px); max-width: calc(50% - 12px); width: 100%; }

/* --------------------------------  Privacy Page ------------------------------------*/
.bullet_list { padding-left: 30px; margin-block: 20px;}
.bullet_list li {  font-weight: 700; font-size: 16px; line-height: 24px; color: #0F1928;  }
.bullet_list li:not(:last-child) {  margin-bottom: 7px; }



.codedropz-upload-handler{border: 2px dashed #CCDBE5; text-align:center;}
.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn{padding: 12px 20px; border-radius: 8px; background-color: var(--primary-color); font-size: 16px; line-height: 1.5; font-weight: 600; letter-spacing: 0.5px; color: #ffffff; display:inline-block; cursor:pointer;}
.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn:hover{background-color: var(--primary-dark-color); color: #ffffff !important;}
.codedropz-upload-inner{display: flex; flex-direction: column-reverse; gap: 10px; justify-content:center; align-items: center; height: 250px;}
.codedropz-upload-inner > span{display:none;}
.codedropz-upload-inner h3{margin-bottom: 0; font-size: 12px;font-weight: 500; color: rgba(159, 163, 169, 1); padding-top: 10px; padding-bottom: 10px; }
.dnd-upload-status .dnd-upload-image{border: 0; width:24px;}
.dnd-upload-status .dnd-upload-image span.file{background:url(images/image-icon.svg) no-repeat scroll 0 0; height:24px; width:24px; background-size:24px auto; }
.codedropz-upload-wrapper .dnd-upload-status{padding:16px 0; border-bottom:1px solid #E6EEF3; height: 96px;}
.dnd-upload-status .dnd-upload-details{display: flex; align-items: center;}
.dnd-upload-status .dnd-upload-details .name{flex:0 0 40%; max-width:40%; width:100%; padding-right:0;}
.dnd-upload-status .dnd-upload-details .name > span{font-family: 'Montserrat'; font-style: normal; font-weight: 500;font-size: 12px;line-height: 16px;color: #27303E;}
.dnd-upload-status .dnd-upload-details .dnd-progress-bar{flex: 0 0 50%; max-width:50%; width:100%; height: 4px; background: #E6EEF3;}
.dnd-upload-status .dnd-upload-details .dnd-progress-bar span{font-size: 0; line-height:4px; background: #0260A3;}
.dnd-upload-status .dnd-upload-details .name > em{font-family: 'Montserrat'; font-style: normal; font-weight:700;font-size: 12px;line-height: 16px;color: #27303E;}
.dnd-upload-status .dnd-upload-details .remove-file{background:#F04848; width:64px; height:64px; border-radius:50px; display:flex; align-items:center; justify-content:center; top: 50%; 
	transform: translateY(-50%);}
.dnd-upload-status .dnd-upload-details .remove-file span::after{background:url(images/delete-icon.svg) no-repeat scroll 0 0; height:24px; width:24px; background-size:24px auto;}
.upload-file-support { font-weight: 500; font-size: 12px; line-height: 1.3; text-align: center; color: #27303E; }
/*==============================================================
   Responsive
==============================================================*/
@media only screen and (max-width:1365px) {
	
}
@media only screen and (max-width:1279px) {
	.site-button a.elementor-button { padding: 15px 20px; }
	.section-title h2.elementor-heading-title, .section-title h2 { font-size: 44px; }
	.project-tab-slider .slick-arrow { width: 44px; height: 44px; }	
	.project-tab-slider .slick-next { right: -18px; }
	.project-tab-slider .slick-prev { left: -18px; }
	.card { padding: 20px; }
	.card .card-bottom .card_image--wrapper .plus-icon { width: 44px; height: 44px; }
	
}
@media only screen and (max-width:1169px) {
	.hero-section h1 { font-size: 38px; }
	.slick-lightbox .slick-lightbox-slick-img { max-width: 100%; aspect-ratio: 296 / 400; height: 400px; }	
	.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick { max-height: 400px; width: 100%; height: auto; }
	.cf-step .form-row .form-group.checkbox-only .checkbox-wrapper p label { min-width: 220px;}
	
}
@media only screen and (max-width:1024px) {
	.section-space { padding: 70px 20px; }
	.section-title h2.elementor-heading-title, .section-title h2 { font-size: 36px; }
	header .elementor-nav-menu li a:before { display:none; }
	.hero-section .project { max-width: 560px; margin-inline: auto; }
	.custom-dots .slick-dots { justify-content: center; }
	.icon-box-wrap .icon-box { flex: calc(50% - 12px); }
	.challenge-box .elementor-widget-icon-box .elementor-icon-box-icon .elementor-icon { height: 44px; width: 44px; }
	.project-item .project-bottom { padding-left: 15px; padding-right: 15px; }
	.project-item .project-bottom h3 { font-size: 24px; }
	.contact-form .cf-step { padding: 70px 20px; }
	.cf-step .form-row .form-group h5 { margin-bottom: 20px; font-size: 16px; }
	.upload-field .drag-area { min-height: 220px; }
	.card { gap: 20px; }
	.offers { flex-flow:wrap; justify-content:center; }
	.offers { max-width:500px; margin-inline: auto; }	
	.product-option .card-header p { word-break: break-word; }	
	footer {  padding-top: 50px; }
	.contact-form .form-row.col-3 .form-group.product-option { flex: 0 0 100%; max-width:100%; display: flex; flex-direction: row; }
	.product-option .product-image { max-width: 150px; }
	.contact-form .product-option label { flex-direction: row-reverse; justify-content: flex-end; gap: 20px; }
	.product_slider { justify-content: center; margin-bottom: 20px; }
	.page-banner h1 { font-size: 34px; }
	
	
}
@media only screen and (max-width:767px) {
	.hero-section .project { flex-wrap: nowrap; }
	.project-tab-slider { max-width: 552px; margin-inline: auto; }
	.project-tabs .e-n-tabs .e-n-tabs-heading .e-n-tab-title { border: 1px solid #ffffff; color: #ffffff; }
	.contact-form .form-row .form-group { flex: 0 0 100%; max-width: 100%; }
	.hero-section h1 { font-size: 30px; }
	.section-title h2.elementor-heading-title, .section-title h2 { font-size: 34px; }
	.section-space { padding: 50px 20px; }
/* 	.social-link.elementor-widget .elementor-icon-list-item { padding-top: 0px; padding-bottom: 0px; } */
	.versions .version_item { flex: 0 0 calc(50% - 8px); max-width: calc(50% - 8px); }
	a.dialog-close-button { height: 44px; width: 44px; }
	.product_slider .slider_main .slick-arrow { width: 44px; height: 44px; }
	.slick-lightbox .slick-lightbox-close { height: 44px; width: 44px; }
	.slick-lightbox .lightbox-nav .lightbox-arrow { height: 44px; width: 44px; }
	.slick-lightbox .lightbox-nav { gap: 28px; }
	.slick-lightbox .lightbox-nav .custom-pagination { font-size: 18px; }
	
	.icon-box-wrap.style-2 .icon-box { flex: 100%; max-width: 100%;}
	.team-section .card .card-bottom .elementor-widget-image img { }
	.team-section .card { max-width:350px; }
	
	.dnd-upload-status .dnd-upload-details .name { flex: 0 0 calc(100% - 50px); max-width: calc(100% - 50px); }
	.dnd-upload-status .dnd-upload-details .remove-file { width: 44px; height: 44px; }
	.dnd-upload-status .dnd-upload-details .dnd-progress-bar { display: none;}
}
@media only screen and (max-width:639px) {
	.icon-box-wrap .icon-box { flex: 0 0 100%; }
}
@media only screen and (max-width:575px) {
	.section-space { padding: 30px 20px; }
	.section-title h2.elementor-heading-title, .section-title h2 { font-size: 28px; }
	.contact-form .form-row.col-3 .form-group.product-option { flex-direction: column; }
	.product-option .product-image { max-width: initial; width: 100%; }
	.hero-section h1 { font-size: 24px; }
	.contact-form .section-title br { display: none; }
	.versions .version_item { flex: 0 0 100%; max-width: 100%; }
	
}
@media only screen and (max-width:479px) {
	.product_slider .slider_main { max-width: calc(100% - 72px) !important; }
	.product_slider .slider-nav img { max-width: 62px; aspect-ratio: 62 / 87; }
	.product_slider .slider-nav { width: 52px; }
	 .page-banner h1 { font-size: 28px; }
}