/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

html, body {
  overflow-x: hidden !important;
}
html.lenis, html.lenis body {
  height: auto;
}
.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}
#company {
    scroll-margin-top: 80px !important;
}
.my-header {
    transition: background-color 0.3s ease !important;
}
.my-mega-menu .premium-dropdown-icon {
    width: 20px !important;
    height: 20px !important;
    border-radius: 100px !important;
    padding: 5px 6px !important;
    font-size: 10px !important;
    background-color: #BBBCBC !important;
    margin-top: 7px !important;
}
.my-mega-menu .premium-item-hovered .premium-dropdown-icon {
	background-color: #191B1D !important;
	color: #fff !important;
	transition: 1s !important;
}
.mega-tab .elementor-tabs-content-wrapper {
    border-left: 1px solid #A2A2A2 !important;
}
.my-mega-menu .premium-mega-content-container {
    top: 71px !important;
    height: 100vh !important;
    background-color: #0000008a !important;
}
.mega-tab .elementor-tab-title {
    padding: 5px 0px !important;
}
.mega-tab .elementor-tabs {
    align-items: center !important;
}
 .mega-tab {
     cursor: pointer !important;
}
.mega-tab .elementor-tab-content {
    padding: 50px 0px 0px 50px !important;
}
.my-mm-sec {
    left: 0px !important;
}
/* Contact Form Css */
.contact-form .elementor-field-group {
     position: relative !important;
     margin-bottom: 40px !important;
}
 .contact-form .elementor-field {
     width: 100% !important;
     border: none !important;
     box-shadow: none !important;
     outline: none !important;
     border-bottom: 1px solid rgba(25, 27, 29, 0.2) !important;
     background: transparent !important;
     font-size: 22px !important;
     color: #191B1D !important;
     padding: 16px 0 10px 0 !important;
     border-radius: 0 !important;
     transition: border-color 0.4s ease, padding 0.4s ease !important;
}
 .contact-form .elementor-field {
     text-decoration: none !important;
}
 .contact-form .elementor-field::placeholder {
     color: #191B1D !important;
     opacity: 1 !important;
     transition: color 0.4s ease, opacity 0.4s ease !important;
}
 .contact-form .elementor-field-group label {
     position: absolute !important;
     left: 0 !important;
     top: 0px !important;
     font-size: 16px !important;
     color: rgba(25, 27, 29, 0.5) !important;
     pointer-events: none !important;
     opacity: 0 !important;
     transform: translateY(20px) !important;
     z-index: 10 !important;
     font-weight: normal !important;
     margin: 0 !important;
     padding: 0 !important;
     transition: transform 0.5s ease, opacity 0.5s ease, font-size 0.5s ease !important;
}
 .contact-form .elementor-field:hover:not(:focus) {
     border-bottom-color: #191B1D !important;
     cursor: text !important;
}
 .contact-form .elementor-field:focus {
     outline: none !important;
     box-shadow: none !important;
     border-bottom-color: #191B1D !important;
}
 .contact-form .elementor-field:focus::placeholder {
     color: transparent !important;
     opacity: 0 !important;
}
 .contact-form .elementor-field-group:has(.elementor-field:focus) label, .contact-form .elementor-field-group:has(.elementor-field:not(:placeholder-shown)) label {
     opacity: 1 !important;
     transform: translateY(0px) !important;
     font-size: 14px !important;
}
 .contact-form .elementor-field:valid {
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20'%3E%3Cpath d='M8 12l3 3 5-6' stroke='%23191B1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") !important;
     background-repeat: no-repeat !important;
     background-position: right 6px center !important;
     background-size: 20px !important;
     padding-right: 32px !important;
}
.contact-form .elementor-field-group-field_841aee0 {
    color: #191b1d80 !important;
    font-size: 14px !important;
    line-height: 16px !important;
}
.contact-form .elementor-field-group-field_841aee0 span {
    color: #191b1d !important;
}
 .new-icon {
     width: 40px !important;
     height: 40px !important;
     border-radius: 50% !important;
     background: rgba(0, 0, 0, 0.3) !important;
     backdrop-filter: blur(10px) !important;
     -webkit-backdrop-filter: blur(10px) !important;
     display: flex !important;
     align-items: center !important;
     justify-content: center !important;
     color: white !important;
     font-size: 28px !important;
     border: 1px solid rgba(255, 255, 255, 0.2) !important;
     cursor: pointer !important;
     transition: background 0.3s ease, transform 0.2s ease !important;
}
 .new-icon:hover {
     background: rgba(0, 0, 0, 0.8) !important;
     transform: scale(1.05) !important;
}
 
/* Home Page Accordion Section */
 .new-acord .elementor-tab-title {
     position: relative;
     transition: color 0.3s ease;
     border-bottom: 1px solid rgba(255,255,255,0.15);
}
 .new-acord .elementor-tab-title.elementor-active {
     font-weight: 600 !important;
     border-bottom: none !important;
}
 .new-acord .elementor-tab-title.elementor-active::after {
     content: "";
     position: absolute;
     left: 0;
     right: 0px;
     bottom: 0;
     height: 1px;
     background-color: #fff;
}
 .new-acord .elementor-tab-title.elementor-active + .elementor-tab-content {
     max-height: 500px;
     opacity: 1;
     transform: translateY(0);
}
 .new-acord .elementor-accordion-icon {
     position: absolute;
     right: 15px !important;
     top: 50%;
     transform: translateY(-50%);
     width: 32px !important;
     height: 32px !important;
     border-radius: 50%;
     background: rgba(255,255,255,0.15);
     align-items: center;
     justify-content: center;
     display: flex;
     transition: all 0.3s ease;
}
 .new-acord .elementor-accordion-icon svg {
     width: 16px !important;
     height: 16px !important;
     fill: #fff !important;
     transition: fill 0.3s ease, transform 0.3s ease !important;
}
 .new-acord .elementor-tab-title:hover .elementor-accordion-icon {
     background: #fff;
}
 .new-acord .elementor-tab-title:hover .elementor-accordion-icon svg {
     fill: #000 !important;
}
 .new-acord .elementor-tab-title.elementor-active .elementor-accordion-icon {
     background: #fff;
}
 .new-acord .elementor-tab-title.elementor-active .elementor-accordion-icon svg {
     fill: #000 !important;
     transform: rotate(180deg);
}
 .new-acord .elementor-accordion-item:last-child {
     border-bottom: none !important;
}
 .new-acord .elementor-accordion-item:last-child .elementor-tab-title {
     border-bottom: none !important;
}
 .new-acord .elementor-tab-title:not(:last-child) {
     border-bottom: 1px solid rgba(255,255,255,0.15);
}
 .new-acord .elementor-accordion .elementor-tab-title .elementor-accordion-icon {
     float: right;
     text-align: center;
     padding-top: 8px !important;
}

/* Blogs */
.new-info .elementor-post-info__item--type-custom {
  color: #19181d80 !important;
}

/* Career Page */
 .new-career .elementor-accordion-icon {
     width: 35px !important;
     height: 35px !important;
     border-radius: 50% !important;
     background: #e8e8e8 !important;
     text-align: center !important;
     padding-top: 10px !important;
     transition: background-color 0.35s ease-in-out, transform 0.35s ease-in-out;
}
 .new-career .elementor-accordion-icon svg {
     fill: #191b1d !important;
}
 .new-career .elementor-tab-title:hover .elementor-accordion-icon {
     background-color: #000 !important;
     transform: scale(1.05);
}
 .new-career .elementor-tab-title:hover .elementor-accordion-icon svg {
     fill: #fff !important;
}
 .new-career .elementor-tab-title.elementor-active .elementor-accordion-icon {
     background-color: #000 !important;
}
 .new-career .elementor-tab-title.elementor-active .elementor-accordion-icon svg {
     fill: #fff !important;
}
.new-career .elementor-accordion-item:last-child .elementor-tab-title {
     border-bottom: none !important;
}
 .new-career .elementor-tab-title {
     border-bottom: 1px solid #191b1d2b !important;
     transition: border-color 0.3s ease-in-out;
}
 .new-career .elementor-tab-title.elementor-active {
     border-bottom: 1px solid #000 !important;
}
 .new-career .elementor-accordion-item:last-child .elementor-tab-title.elementor-active {
     border-bottom: 1px solid #000 !important;
}
/* Black Header */
.my-header {
    background-color: #191B1D !important;
}
.my-header .premium-menu-link, .my-header .menu-item a {
    color: #CDCECF !important;
}
.my-header .premium-menu-link:hover, .my-header .menu-item a:hover {
    color: #fff !important;
}
.black-header {
    background-color: #191B1D !important;
}
.black-header .premium-menu-link, .black-header .menu-item a {
    color: #CDCECF !important;
}
.black-header .premium-menu-link:hover, .black-header .menu-item a:hover {
    color: #fff !important;
}
/* White Header */
.white-header {
    background-color: white !important;
}
.white-header .premium-menu-link, .white-header .menu-item a {
    color: #191B1D !important;
}
.white-header .premium-menu-link:hover, .white-header .menu-item a:hover {
    color: #000 !important;
}
.white-header .elementor-element.elementor-element-347035f.elementor-widget.elementor-widget-theme-site-logo.elementor-widget-image {
    filter: brightness(0) !important;
}
/* Grey Header */
.grey-header {
    background-color: #CDCECF !important;
}
.grey-header .premium-menu-link, .grey-header .menu-item a {
    color: #191B1D !important;
}
.grey-header .premium-menu-link:hover, .grey-header .menu-item a:hover {
    color: #000 !important;
}
.grey-header .elementor-element.elementor-element-347035f.elementor-widget.elementor-widget-theme-site-logo.elementor-widget-image {
    filter: brightness(0) !important;
}
.btn-new {
    background-color: #191B1D1A !important;
    padding: 10px 15px !important;
    border-radius: 30px !important;
    display: inline-block !important;
}
.btn-new:hover {
    background-color: #191B1D !important;
    color: #fff !important;
}
.contact-form div#form-field-field_b560d7e {
    border-bottom: 0px !important;
    padding: 0px !important;
}

/* Media Query */
 @media (max-width: 1024px) {
	 .my-header .menu-item a, .black-header .menu-item a, .white-header .menu-item a, .grey-header .menu-item a {
    color: #000 !important;
}
}
 @media (max-width: 767px) {
     .contact-form .elementor-button {
         border-radius: 100% !important;
         padding: 12% 6% !important;
    }
     .contact-form .elementor-field::placeholder {
         font-size: 16px !important;
    }
     .contact-form .elementor-field-group label {
         font-size: 12px !important;
    }
     .contact-form .elementor-field-group:has(.elementor-field:focus) label, .contact-form .elementor-field-group:has(.elementor-field:not(:placeholder-shown)) label {
         font-size: 11px !important;
    }
}