/* 
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
*/

/* Add your custom styles here */

/* sitewide */

a{
	display: inline-block;
}
ul,ol{
	list-style: none;
	padding: 0;
	margin: 0;
}
body {
    font-family: "Inter", Sans-serif;
}
body,
html {
    scroll-behavior: smooth;
}

html {
    scroll-padding: 120px;
}

a.site_btn::before {
    content: '';
    background: url(/wp-content/uploads/2026/08/color-arrow.webp) no-repeat center / contain;
    width: 18px;
    position: absolute;
    right: 0;
    z-index: 1;
}
.eyebrow_text {
    -webkit-text-fill-color: transparent;
}
a.site_btn::after {
    content: '';
    background: url(/wp-content/uploads/2026/08/color-arrow.webp) no-repeat center / 18px #fff;
    width: 34px;
    height: 34px;
    border-radius: 50px;
    display: block;
}
/* sitewide */

/* header */

header#custom-site-header {
	position: fixed;
	top: 0;
	width: 100%;
	padding: 17px 0;
	z-index: 999;
	background: #fff;
}
.home header#custom-site-header {
	background: transparent;
}
.header-container {
	max-width: 1680px;

	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	margin: 0 auto;
}
.site-logo {
	display: flex;
	width: 99px;
}

nav.custom-main-nav {
	width: calc(100% - 180px);
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
nav.custom-main-nav > ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;

	align-items: center;

}
nav.custom-main-nav > ul > li > a {
	text-transform: uppercase;
	padding: 0 21.4px;
	font-weight: 400;
	position: relative;
	color: #333;
	font-size: 16px;
	line-height: 1.621;
}
nav.custom-main-nav > ul > li > a::before {
	left: auto;
	right: 0;
	z-index: -1;
	opacity: 1;
	top: 6px;
	transform: rotate(135deg);
	transition: .3s linear;
	content: '';
	position: absolute;
	border: 3.5px solid #000;
	border-image-source: linear-gradient(to left, #014EFF, #04D6FF);
	border-image-slice: 1;
}
nav.custom-main-nav > ul > li > ul.sub-menu {
	position: absolute;
	display: flex;
	flex-wrap: wrap;
	padding: 24px;
	border-radius: 0 0 0 15px;
	opacity: 0;
	visibility: hidden;
	background: #f5f5fc;
	box-shadow: 0 0 10px 0 rgb(0 0 0 / 16%);
	transition: .2s linear;
	top: 54px;
	min-width: 337px;
	right: 0;
	row-gap: 8px;
	box-shadow: 0 4px 10px 0 #0000001A;
}
nav.custom-main-nav > ul > li > ul.sub-menu > li {
	width: 100%;
}
nav.custom-main-nav > ul > li:hover > ul.sub-menu {
	opacity: 1;
	visibility: visible;
}
nav.custom-main-nav > ul > li {
	position: relative;
}
nav.custom-main-nav > ul > li:last-child > a {
	font-size: 16px;
	font-weight: 500;
	border-radius: 50px;
	padding: 7px 24px 7px 24px;
	margin-left: 40px;
	background: var(--Primary-2);
	color: #fff;
	text-transform: uppercase;
	border: 1px solid var(--Primary-2);
	line-height: 1.75;
}
a.custom-logo-link {
	display: flex;
}
nav.custom-main-nav > ul > li > ul.sub-menu > li > a {
	font-size: 17px;
	padding: 19px 25px;
	border-radius: 10px;
	color: #333;
	line-height: 1.06;
	width: 100%;
	position: relative;
}
nav.custom-main-nav > ul > li > ul.sub-menu > li > ul.sub-menu {
	position: absolute;
	left: 100%;
	background: linear-gradient(180deg, #e6e9f9 0, #e6f1f9 100%);
	box-shadow: 0 4px 10px 0 #0000001A;
	top: 0;
	width: 262px;
	padding: 40px 32px;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	border-bottom-right-radius: 15px;
	overflow-y: scroll;
}
nav.custom-main-nav > ul > li > ul.sub-menu > li:hover > ul.sub-menu {
	opacity: 1;
	visibility: visible;
}
nav.custom-main-nav > ul > li > ul.sub-menu > li:hover > a {
	background: #262161;
	color: #fff;
}
nav.custom-main-nav > ul > li > ul.sub-menu > li > ul.sub-menu a {
	color: #333;
}
nav.custom-main-nav > ul > li > ul.sub-menu > li.menu-item-has-children > a::before {
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	right: 25px;
	transform: rotate(-45deg);
	top: 24px;
}
nav.custom-main-nav > ul > li > ul.sub-menu > li:hover > a::before {
	border-color: #fff !important;
}
nav.custom-main-nav > ul > li > ul.sub-menu > li > ul.sub-menu::-webkit-scrollbar {
	width: 0
}
nav.custom-main-nav > ul > li.menu-item-has-children::before {
	position: absolute;
	content: '';
	width: 100px;
	height: 47px;
	bottom: -42px;
	opacity: 0;
	visibility: hidden;
	right: 4px;
}
nav.custom-main-nav > ul > li.menu-item-has-children:hover::before {
	opacity: 1;
	visibility: visible;
}
nav.custom-main-nav > ul > li > ul.sub-menu > li::before {
	position: absolute;
	content: '';
	width: 50px;
	height: 56px;
	right: 0;
}
header#custom-site-header.sticky {
    background: rgb(255 255 255 / 50%);
    backdrop-filter: blur(20px);
}
/* header */


/* home */
@keyframes slideLeft {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}
.elementor .logo-track {
	animation: slideLeft 20s linear infinite;
}
.logo-container:hover .logo-track {
	animation-play-state: paused;
}
.elementor .Expertise_list::before {
    content: '';
    width: 117px;
    height: 90px;
    border-radius: 500px;
    position: absolute;
    background: #DAE1FD80;
    left: -45px;
    transition: 0.5s linear;
    top: -8px;
}

.elementor .Expertise_list:nth-child(2)::before {
    background: #C3EBFA80;
}
.elementor .Expertise_list:nth-child(3)::before {
    background: #F3E6D180;
}
.elementor .Expertise_list:nth-child(4)::before {
    background: #E8DAFE80;
}
.elementor .Expertise_list:nth-child(5)::before {
    background: #C3504529;
}
.elementor .Expertise_list:hover::before ,
.elementor .Expertise_list.active::before {
    width: calc(100% + 200px);
}
.home_banner{
	clip-path: polygon(0% 0, 100% 0, 100% 96%, 68% 93.1%, 20% 100%, 0 94%);
}



/* swiper */
.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}



/* swiper */

/* home */
@media(min-width:1480px){
	nav.custom-main-nav > ul > li > a{
		font-size: clamp(16px, 0.9vw, 20px);
	}
}