@tailwind base;
@tailwind components;
@tailwind utilities;
.custom-navigation nav>ul>li.columns-menu>ul>li.hidden,.elementor-nav-menu li.hidden {
    display: none !important;
}
/**

Theme Name: Astra Child

Author: Brainstorm Force

Author URI: http://wpastra.com/about/

Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!

Version: 1.0.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: astra-child

Template: astra

*/


:root{
    --lightblue:#2D9EDA;
    --darkblue:#0B1B4F;
    --green:#7AD7CA;
    --purple:#E5EBFF;
}
body,html{
    scroll-behavior: smooth;
    scroll-padding-top: 160px;
	font-size: 16px;
}
.local-header{
    position: fixed;
    z-index: 9;
    width: 100%;
    left: 0;
    top: 0;
    padding:20px 60px 0 60px
}
.header-container{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.logo img{
    display: block;
    max-width: 300px;
}
.custom-header{
    transition: all 0.3s ease-out !important;
	z-index:999;
}
.custom-header.stick {
    background: #fff;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    padding: 0px 20px;
}
.custom-navigation{
	display: flex;
	align-items: center;
	gap: 25px;
}

.custom-navigation > .custom-nav-languages * {
	margin:0;
	color: #333333;
	border-color: #333333!important
}
.custom-navigation>.custom-nav-languages a{
	transition: all 200ms ease-in-out
}
.custom-navigation>.custom-nav-languages a:hover,
.custom-navigation>.custom-nav-languages .current-lang a {
	color: #2a9ed8;
}
.custom-navigation nav > ul > li.columns-menu > ul a{
    color: white;
}
.custom-navigation nav > ul > li.columns-menu ul{
    list-style: none;
}
.custom-navigation li.current-menu-item>a,
.custom-navigation li.current-menu-ancestor li.current-menu-item > a {
    color: #2a9ed8 !important;
}
.custom-navigation nav>ul>li.current-menu-ancestor>a:before {
	width:100%!important;
/* 	background:#2a9ed8!important; */
}
.custom-navigation nav > ul{
    list-style: none;
    margin:0;
    align-items: center;
    padding:0;
    gap: 20px;
    display: flex;
}
.custom-navigation nav > ul > li > a{
    display: flex;
    align-items: center;
    gap: 0.2em;
    text-decoration: none;
    font-size: 18px;
    color: #000;
    position: relative;
}

.custom-navigation nav > ul > li,.team-link {
    position: relative;
    display: flex;
    align-items: center;
    align-self: stretch;
    min-height: 70px;
    transition: all 0.3s ease-out;
}
.team-link a {
	position: relative;
}
.stick .custom-navigation nav > ul > li{
    min-height: 80px;
}
.custom-navigation nav > ul > li:not(:last-child) > a:before{
    content: "";
    width: 0;
    height: 1px;
    background: #000;
    position: absolute;
    top: -3px;
    left: 0;
    transition: all 0.3s ease-out;
}
.custom-navigation nav > ul > li:not(:last-child):hover > a:before{
    width: 100%;
}
.custom-navigation nav > ul > li:last-child > a, .team-link a{
    background: var(--darkblue);
    color: #fff;
    border-radius: 60px;
    padding: 10px 30px;
    overflow: hidden;
    z-index: 1;
}
.custom-navigation nav > ul > li:last-child > a:before, .team-link a:before{
    content: "";
    width: 0;
    height: 100%;
    background: var(--lightblue);
    position: absolute;
    top: 0;
    right: 0;
    transition: all 0.3s ease-out;
    z-index: -1;
}
.custom-navigation nav > ul > li:last-child > a:hover:before, .team-link a:hover:before{
    left: 0;
    width: 100%;
}
.custom-navigation nav>ul>li.columns-menu>ul>li {
	margin-bottom:0!important;
}
.custom-navigation nav>ul>li.columns-menu>ul>li.active>a {
    color: #fff !important;
}
.custom-navigation nav > ul > li:has(ul) > ul{
    transform: scale(0.8);
    opacity: 0;
    pointer-events: none;
}
.custom-navigation nav > ul li.basic-dropdown > ul{
    position: absolute;
    top: 100%;
    list-style: none;
    margin:0;
    padding:0;
    background-color: hsla(225,75%,17%,1);
    background-image: radial-gradient(at 11% 100%, hsla(200,70%,51%,1) 0px, transparent 50%),
radial-gradient(at 87% 100%, hsla(171,53%,66%,1) 0px, transparent 50%),
radial-gradient(at 100% 1%, hsla(200,70%,51%,1) 0px, transparent 50%),
radial-gradient(at 14% 22%, hsla(225,75%,17%,1) 0px, transparent 50%);
    padding:15px;
    min-width: 300px;
    
    transition: all 0.3s ease-out;
    border-radius: 5px;
}
.custom-navigation nav > ul li.basic-dropdown > ul a{
    transition: all 0.3s ease-out;
    display: block;
    color: #fff;
}
.custom-navigation nav > ul li.basic-dropdown > ul a:hover{
    color: #fff;
    padding-left: 5px;
}
.custom-navigation nav > ul > li:has(ul):hover > ul{
    transform: scale(1);
    opacity: 1;
    pointer-events: all;
}
.custom-navigation nav > ul > li:has(ul) > a:after{
    content: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 1200 1200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m950 475c0.007812 6.6328-2.6289 12.992-7.3242 17.676l-325 325c-4.6875 4.6875-11.047 7.3242-17.676 7.3242s-12.988-2.6367-17.676-7.3242l-325-325c-6.1328-6.3516-8.4609-15.465-6.125-23.977 2.332-8.5156 8.9844-15.168 17.5-17.5 8.5117-2.3359 17.625-0.007813 23.977 6.125l307.32 307.32 307.32-307.32c4.6875-4.6875 11.047-7.3203 17.676-7.3203s12.988 2.6328 17.676 7.3203 7.3242 11.047 7.3242 17.676z'/%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
}
.custom-navigation nav > ul li.mega-menu > ul{
    background-color: hsla(225,75%,17%,1);
    background-image: radial-gradient(at 11% 100%, hsla(200,70%,51%,1) 0px, transparent 50%),
radial-gradient(at 87% 100%, hsla(171,53%,66%,1) 0px, transparent 50%),
radial-gradient(at 100% 1%, hsla(200,70%,51%,1) 0px, transparent 50%),
radial-gradient(at 14% 22%, hsla(225,75%,17%,1) 0px, transparent 50%);
position: absolute;
top: 100%;
left: 60px;
width: calc(100% - 120px);
margin:0;
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 3rem;
color: white;
transition: all 0.3s ease-out;
border-radius:5px;
padding:30px;
}
.nav-column,
.nav-column > .custom-navigation:has(.mega-menu),
.nav-column > .custom-navigation:has(.mega-menu) > div,
.custom-navigation nav > ul li.mega-menu
{
    position: static;
}
.custom-navigation nav > ul li.mega-menu a{
    transition: all 0.3s ease-out;
}
.custom-navigation nav > ul > li.mega-menu  li a:hover{
    color: var(--green);
}
.custom-navigation nav > ul li.mega-menu > ul > li:has(ul) > a{
    margin-bottom: 20px;
}
.custom-navigation nav > ul li.mega-menu > ul > li > a{
    font-weight: 600;
    display: block;
    font-size: 22px;
}
.custom-navigation nav > ul li.mega-menu > ul > li > ul{
    margin:0;
    font-size: 18px;
}
.custom-navigation nav > ul > li.columns-menu{
    position: static;
}
.custom-navigation nav > ul > li.columns-menu > ul{
    position: fixed;
    left: 0;
    right: 0;
    top: 85px;
    background: var(--darkblue);
    margin: 0 auto;
    color: #fff;
    min-height: 550px;
    border-radius: 10px;
    transition: all 0.3s ease-out;
    overflow: hidden;
    padding-top: 80px;
    max-width: 90%;
	box-shadow: 0 3px 8px -5px #40435c;
}
.custom-navigation nav > ul > li.columns-menu > ul > li{
    display: flex;
    align-items: flex-start;
}
.custom-navigation nav > ul > li.columns-menu > ul > li > a{
    display: block;
    min-width: 300px;
    border-bottom: 1px solid rgba(255 255 255 / 20%);
    border-right: 1px solid rgba(255 255 255 / 20%);
    padding:15px;
    font-size: 17px;
    border-left: none;
    transition: all 0.3s ease-out;
}
.custom-navigation nav > ul > li.columns-menu > ul > li:first-of-type > a{
    border-top: 1px solid rgba(255 255 255 / 20%);
	border-top-right-radius: 1rem;
}
.custom-navigation nav > ul > li.columns-menu > ul > li:last-of-type > a {
    border-bottom-right-radius: 1rem;
}
.custom-navigation nav > ul > li.columns-menu > ul > li > a:hover{
    color: white;
}
.custom-navigation nav > ul > li.columns-menu > ul > li.active > a{
    background: var(--lightblue);
    color: white;
}
.custom-navigation nav > ul > li.columns-menu > ul > li > ul{
    margin:0;
    position: absolute;
    top: 0;
    right: 0;
    gap: 5px;
    row-gap: 40px;
    padding:80px 30px 20px;
    width: calc(100% - 300px);
    height: 100%;
    place-content: flex-start;
    grid-template-columns: repeat(4,1fr);
    display: none;
    font-size: 18px;
}
.custom-navigation nav > ul > li.columns-menu > ul > li > ul{
    transition: all 0.3s ease-out;
}
.custom-navigation nav > ul > li.columns-menu > ul > li > ul a:hover{
    color: var(--lightblue);
}
.custom-navigation nav > ul > li.columns-menu > ul > li > ul > li > a{
    font-weight: 600;
}
.custom-navigation nav > ul > li.columns-menu > ul > li.active > ul{
    display: grid;
}
.custom-navigation nav > ul > li.columns-menu > ul > li > ul > li > ul{
    margin:20px 0 0 0;
    display: grid;
    gap: 2px;
    font-size: 17px;
}
.custom-navigation nav > ul > li.dropdown-menu > ul{
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) scale(0.8);
    background: var(--darkblue);
    border-radius: 10px;
    font-size: 17px;
    color: white;
    list-style: none;
    margin:0;
    min-width: 300px;
    transition: all 0.3s ease-out;
}
.custom-navigation nav > ul > li.dropdown-menu:hover > ul{
    transform: translateX(-50%) scale(1);
}
.custom-navigation nav > ul > li.dropdown-menu > ul > li > a{
    display: block;
    padding:15px;
    color: white!important;
    position: relative;
    transition: all 0.3s ease-out;
    border-bottom: 1px solid rgba(255 255 255 / 20%);
}
.custom-navigation nav > ul > li.dropdown-menu > ul > li.menu-item-has-children > a:after{
    content: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 1200 1200' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m950 475c0.007812 6.6328-2.6289 12.992-7.3242 17.676l-325 325c-4.6875 4.6875-11.047 7.3242-17.676 7.3242s-12.988-2.6367-17.676-7.3242l-325-325c-6.1328-6.3516-8.4609-15.465-6.125-23.977 2.332-8.5156 8.9844-15.168 17.5-17.5 8.5117-2.3359 17.625-0.007813 23.977 6.125l307.32 307.32 307.32-307.32c4.6875-4.6875 11.047-7.3203 17.676-7.3203s12.988 2.6328 17.676 7.3203 7.3242 11.047 7.3242 17.676z'/%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    right: 15px;
}

.custom-navigation nav > ul > li.dropdown-menu:nth-last-of-type(2) > ul > li > a:after,
.custom-navigation nav > ul > li.dropdown-menu:nth-last-of-type(3) > ul > li > a:after{
    transform: translateY(-50%) rotate(90deg);
    left: 15px;
    right: auto;
}

.custom-navigation nav > ul > li.dropdown-menu:nth-last-of-type(2) > ul > li > a,
.custom-navigation nav > ul > li.dropdown-menu:nth-last-of-type(3) > ul > li > a{
    text-align: right;
}

.custom-navigation nav > ul > li.dropdown-menu > ul > li:first-of-type > a{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.custom-navigation nav > ul > li.dropdown-menu > ul > li:last-of-type > a{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border:none
}
.custom-navigation nav > ul > li.dropdown-menu > ul > li:hover > a{
    background: var(--lightblue);
    color: white;
    position: relative;
}
.custom-navigation nav > ul > li.dropdown-menu > ul > li{
    position: relative;
}
.custom-navigation nav > ul > li.dropdown-menu > ul > li > ul{
    background: var(--darkblue);
    position: absolute;
    left: 100%;
    opacity: 0;
    pointer-events: none;
    transform: translateX(-20px);
    top: 0;
    margin:0;
    min-width: max-content;
    transition: all 0.3s ease-out;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.custom-navigation nav > ul > li.dropdown-menu:nth-last-of-type(2) > ul > li > ul,
.custom-navigation nav > ul > li.dropdown-menu:nth-last-of-type(3) > ul > li > ul{
    left: auto;
    right: 100%;
    transform: translateX(20px);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.custom-navigation nav > ul > li.dropdown-menu:nth-last-of-type(2) > ul > li > ul > li:first-of-type > a,
.custom-navigation nav > ul > li.dropdown-menu:nth-last-of-type(3) > ul > li > ul > li:first-of-type > a
{
    border-top-right-radius: 0;
    border-top-left-radius: 10px;
}
.custom-navigation nav > ul > li.dropdown-menu:nth-last-of-type(2) > ul > li > ul > li:last-of-type > a,
.custom-navigation nav > ul > li.dropdown-menu:nth-last-of-type(3) > ul > li > ul > li:last-of-type > a
{
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 10px;
}

.custom-navigation nav > ul > li.dropdown-menu > ul > li:hover > ul{
    opacity: 1;
    pointer-events: all;
    transform: translateX(0);
}
.custom-navigation nav > ul > li.dropdown-menu > ul > li > ul a{
    display: block;
    padding:15px;
    position: relative;
    transition: all 0.3s ease-out;
    border-bottom: 1px solid rgba(255 255 255 / 20%);
}
.custom-navigation nav > ul > li.dropdown-menu > ul > li > ul a:hover{
    background: var(--lightblue);
    color: white;
}
.custom-navigation nav > ul > li.dropdown-menu > ul > li > ul > li:first-of-type > a{
    border-top-right-radius: 10px;
}
.custom-navigation nav > ul > li.dropdown-menu > ul > li > ul > li:last-of-type > a{
    border-bottom-right-radius: 10px;
    border: none;
}

.columns-menu-title{
    color: white;
    font-size: 1.45rem;
    position: absolute;
    left: 30px;
    top: 20px;
}
.grid-span-2{
    grid-column: span 2 / span 2;
}
.footer-nest-menu .sub-menu {
	background: #c8e0f7 !important;
    padding: 10px 1rem !important;
    z-index: 999999 !important;
    box-shadow: 0 0 20px -7px #8f8f8f;
    border-radius: 0.5pc;
}
.footer-nest-menu .sub-menu a.elementor-sub-item.menu-link{
	padding: 5px 8px;
	border-radius: 0.5pc;
}
.section-title h2{
    position: relative;
    z-index: 2;
    word-wrap: break-word;
}
.section-title h2:before {
    content: "";
    width: 18px;
    /* border-bottom: 1px solid #000; */
    /* height: 60px; */
    aspect-ratio: 1/1;
    z-index: -1;
    background: var(--lightblue);
    border-radius: 100%;
    /* transform: translateY(-50%); */
    display: inline-block;
    position: absolute;
    top: 9px;
    left: 20px;
    /* transform: translateY(-50%); */
}
.section-title h2:after {
    content: "";
    width: 18px;
    /* border-bottom: 1px solid #000; */
    /* height: 60px; */
    aspect-ratio: 1/1;
    z-index: -1;
    background: var(--darkblue);
    border-radius: 100%;
    /* transform: translateY(-50%); */
    display: inline-block;
    position: absolute;
    top: 9px;
    left: 0;
    /* transform: translateY(-50%); */
}

.section-title h2.elementor-heading-title:before{
    left: -30px;
}
.section-title h2.elementor-heading-title:after{
    left: -50px;
}
.home-box__icon{
    transition: all 0.3s ease-out;
}
.home-box:hover .home-box__icon{
    transform: scale(1.1) translateY(-10px);
}
.home-box:hover .home-box__title .elementor-heading-title{
    color: #fff;
} 
.home-box__title .elementor-heading-title{
    transition: all 0.3s ease-out;
}
.companies-wrapper{
    gap: 20px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
}
.company-box{
    /* box-shadow: 0px 10px 20px 0 rgb(0 0 0 / 6%); */
    /* padding: 30px; */
    /* margin-bottom: 40px; */
    /* color: #fff; */
    border-radius: 10px;
    /* border-bottom: 9px solid var(--lightblue); */
    /* background: #0b1b4f; */
}
.company-box h3{
    font-size: 29px;
    border-bottom: 1px solid;
    padding-bottom: 40px;
    padding-top: 40px;
    margin: 0;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease-out;
    display: flex;
    align-items: center;
}
.company-box h3 span{
    display: block;
    flex:1;
}
.company-box img{
    width: 50px;
    height: auto;
    margin-right: 20px;
}
.company-box h3:hover{
    padding-left: 20px;
    background: #e5ebff;
}
.company-box h3:hover:before{
    right: 10px;
}
.company-box h3:hover:after{
    right: 23px;
}
.company-box h3.active:after{
    height: 0;
}
.company-box h3:before{
    content: "";
    width: 30px;
    /* height: 1px; */
    /* background: #000; */
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    border-bottom: 2px solid #000;
    transition: all 0.3s ease-out;
}
.company-box h3:after{
    content: "";
    width: 2px;
    height: 30px;
    background: #000;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 13px;
    transition: all 0.3s ease-out;
}
.company-box p{
    margin:40px 0 0 0;
    display: none;
    text-align: left;
}
/* .mySwiper:before{
    content: "";
    height: 100%;
    width: 145px;
    background: linear-gradient(270deg,transparent, #fbfbfb);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    pointer-events: none;
}
.mySwiper:after{
    content: "";
    height: 100%;
    width: 145px;
    background: linear-gradient(90deg,transparent, #fbfbfb);
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    pointer-events: none;
} */
.mySwiper .swiper-slide{
    width:200px
}
.swiper-wrapper { transition-timing-function: linear !important }

.client-box{
    background: #fff;
    display: flex;
    border-radius: 5px;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1.5;
    width:200px;
}
.client-box img{
    max-width: 60%;
    max-height: 35%;
    display: block;
}
.main-cta a{
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.main-cta a:before {
    content: "";
    width: 0;
    height: 100%;
    background: var(--lightblue);
    position: absolute;
    top: 0;
    right: 0;
    transition: all 0.3s ease-out;
    z-index: -1;
}
.main-cta a:hover:before{
    width: 100%;
    left: 0;
}
.general-cta{
    border-radius: 60px;
    background: var(--darkblue);
    color: white;
    padding: 15px 30px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    line-height: 1;
    display: inline-block;
}
.general-cta:before {
    content: "";
    width: 0;
    height: 100%;
    background: var(--lightblue);
    position: absolute;
    top: 0;
    right: 0;
    transition: all 0.3s ease-out;
    z-index: -1;
}
.general-cta:hover{
    color: white;
}
.general-cta:hover:before{
    width: 100%;
    left: 0;
}
.contact-form-box {
    background-color: hsla(225, 75%, 17%, 1);
    background-image: radial-gradient(at 11% 100%, hsla(200, 70%, 51%, 1) 0px, transparent 50%), radial-gradient(at 14% 22%, hsla(171, 53%, 66%, 1) 0px, transparent 50%), radial-gradient(at 100% 1%, hsla(200, 70%, 51%, 1) 0px, transparent 50%), radial-gradient(at 87% 100%, hsla(225, 75%, 17%, 1) 0px, transparent 50%);
    position: relative;
    z-index: 1;
}
.contact-form-box:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 0;
    background-image: radial-gradient(rgb(255, 255, 255) 1px, transparent 0);
    background-size: 40px 40px;
    z-index: -1;
    opacity: 0.3;
}
.hero-image{
    position: relative;
}
.hero-image:before{
content: "";
background-color: hsla(225,75%,17%,1);
    background-image: radial-gradient(at 11% 100%, hsla(200,70%,51%,1) 0px, transparent 50%),
radial-gradient(at 87% 100%, hsla(171,53%,66%,1) 0px, transparent 50%),
radial-gradient(at 100% 1%, hsla(200,70%,51%,1) 0px, transparent 50%),
radial-gradient(at 14% 22%, hsla(225,75%,17%,1) 0px, transparent 50%);
width: 100%;
height: 100%;
bottom: -50px;
right: -50px;
position: absolute;
z-index: -1;
border-radius: 10px;
}
.hero-image.circle:before{
    border-radius: 100%;
}
.bg-color{
	
background-color: hsla(225,75%,17%,1);
background-image: radial-gradient(at 11% 100%, hsla(200,70%,51%,1) 0px, transparent 50%),
radial-gradient(at 87% 100%, hsla(171,53%,66%,1) 0px, transparent 50%),
radial-gradient(at 100% 1%, hsla(200,70%,51%,1) 0px, transparent 50%),
radial-gradient(at 14% 22%, hsla(225,75%,17%,1) 0px, transparent 50%);
position: relative;
z-index: 1;
}
.bg-color.alt{
    background-color: hsla(225,75%,17%,1);
background-image: radial-gradient(at 11% 100%, hsla(200,70%,51%,1) 0px, transparent 50%),
radial-gradient(at 14% 22%, hsla(171,53%,66%,1) 0px, transparent 50%),
radial-gradient(at 100% 1%, hsla(200,70%,51%,1) 0px, transparent 50%),
radial-gradient(at 87% 100%, hsla(225,75%,17%,1) 0px, transparent 50%);
}
.bg-color:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 0;
    background-image: radial-gradient(rgb(255, 255, 255) 1px, transparent 0);
    background-size: 40px 40px;
    z-index: -1;
    opacity: 0.3;
}
.section-title.white h2:after {
    background: #fff;
}
.custom-form input{
    height: 50px;    
}
.custom-header .mobile-trigger{
    display: none;
}
.mobile-trigger{
    height: 40px;
    display: flex;
    align-items: center;
}
.mobile-trigger span{
    display: block;
    width: 40px;
    border-bottom: 2px solid #000;
    position: relative;
    transition: all 0.3s ease-out;
}
.mobile-trigger span:before{
    content: "";
    display: block;
    width: 100%;
    border-bottom: 2px solid #000;
    position: absolute;
    left: 0;
    margin-top: -7px;
    transition: all 0.3s ease-out;
}
.mobile-trigger span:after{
    content: "";
    display: block;
    width: 100%;
    border-bottom: 2px solid #000;
    position: absolute;
    left: 0;
    margin-top: 7px;
    transition: all 0.3s ease-out;
}
.mobile-navigation{
    opacity: 0;
    transition: all 0.3s ease-out !important;
    pointer-events: none;
    overflow: hidden;
}
.mobile-nav-menu{
    transform: translateX(100%);
    transition: all 0.3s ease-out !important;
}
.mobile-navigation.active{
    opacity: 1;
    pointer-events: all;
}
.mobile-navigation.active .mobile-nav-menu{
    transform: translateX(0);
}
.custom-mobile-nav nav ul{
    list-style: none;
}
.custom-mobile-nav nav > ul{
    list-style: none;
    margin:0;
    padding:0;
}
.custom-mobile-nav nav > ul > li{
    position: relative;
}
.custom-mobile-nav nav > ul > li > a{
    display: block;
    color: #fff;
    font-size: 20px;
    padding: 8px 0;
}
.custom-mobile-nav nav > ul > li > ul{
    list-style: none;
    margin: 15px 0;
    padding:0;
    display: grid;
    gap: 10px;
    display: none;





}
.custom-mobile-nav nav > ul > li > ul a{
    color: rgba(255 255 255 / 70%);
    font-size: 18px;
}
.custom-mobile-nav nav > ul > li.open > .dropdown-menu-toggle{
    transform: rotate(180deg);
}
.custom-mobile-nav nav > ul > li .dropdown-menu-toggle{
    position: absolute;
    top: 9px;
    right: 0;
    transition: all 0.3s ease-out;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 1200 1200' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff' stroke='%23fff' stroke-miterlimit='10' stroke-width='8'%3E%3Cpath transform='scale(12.632)' d='m47.5 62.007-31.82-31.82'/%3E%3Cpath transform='scale(12.632)' d='m44.693 64.813 34.627-34.626'/%3E%3C/g%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
    display: block;
}
.custom-mobile-nav nav > ul > li > ul > li.menu-item-has-children{
    position: relative;
    padding-right: 25px;
}
.custom-mobile-nav nav > ul > li > ul > li.menu-item-has-children > .dropdown-menu-toggle{
    top: 4px;
}
.custom-mobile-nav nav > ul > li > ul > li.menu-item-has-children > ul{
    display: none;
}
.custom-mobile-nav nav > ul > li > ul > li.menu-item-has-children.open > .dropdown-menu-toggle{
    rotate: 180deg;
}
.custom-mobile-nav nav > ul > li > ul > li.menu-item-has-children > ul > li .dropdown-menu-toggle{
    display: none;
}
.custom-langs.white li:first-child:after{
    color: #fff;
}
.custom-langs li:first-child:after{
    content: "|";
    display: inline-block;
    margin-left: 15px;
}
.page-heading section{
    position: relative;
    z-index: 1;
}
.page-heading h1,.page-heading h2{
    background: #FBFBFB;
}
.page-heading section:before{
    content: "";
    width: 100%;
    height: 5px;
    background: #eee;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}
.box-block-item svg{
    width: 50px;
    height: auto;
    margin-inline: auto;
    display: block;
}
.tab-content-box h2{
    font-size: 28px;
}
.tab-content-box h3{
    font-size: 24px;
}
.tab-content-box ul{
    list-style: disc;
    margin-left: 23px;
}
.bg-color .tab-content-box h2,.bg-color .tab-content-box h3{
    color: white;
}
.tabs-side li{
    position: relative;
    z-index: 1;
}
.tabs-side li.active:hover{
    color: white;
}
.tabs-side li:before{
    content: "";
    position: absolute;
    z-index: -1;
    background: var(--lightblue);
    left: -10px;
    height: calc(100% + 10px);
    width: 0;
    transition: all 0.3s ease-out;
    transform: translateY(-50%);
    top: 50%;
}
.tabs-side li.active:before{
    width: calc(100% + 110px);
}
.accordion-option h3:before {
    content: "";
    width: 30px;
    /* height: 1px; */
    /* background: #000; */
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    border-bottom: 2px solid #000;
    transition: all 0.3s ease-out;
}
.accordion-option h3:after {
    content: "";
    width: 2px;
    height: 30px;
    background: #000;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 33px;
    transition: all 0.3s ease-out;
}
.accordion-option h3.opened:after{
    height: 0;
}
.custom-page .bg-color{
    
    padding-block: 60px;
}
.service-row h3 span{
    position: relative;
    display: inlineblock;
}
.service-row h3 span:before{
    content: "";
    width: 0;
    height: 5px;
    position: absolute;
    bottom: -7px;
    left: 0;
    transition: all 0.3s ease-out;
    background: var(--lightblue);
}
.service-row:hover h3 span:before{
    width: 100%;
}
.box-outer-item{
    perspective: 1000px;
}
.box-outer-item .box-block-item{
    transform-style: preserve-3d;
    transition: all 0.3s ease-out;
}
.box-outer-item:hover .box-block-item{
    transform: rotateY(180deg);
}
.flip-front,.flip-back{
    position: absolute;
    height: 100%;
    left:0;
    width: 100%;
    top: 0;
    backface-visibility: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding:20px;
}
.flip-back{
    transform: rotateY(180deg);
}
.mobile-navigation.custom{
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: flex-end;
    background: rgba(255 255 255 / 67%);
    z-index: 20;
    top: 5rem;
}
.mobile-navigation.custom .mobile-nav-menu{
    width: 100%;
    max-width: 350px;
    height: 100%;
    background: var(--darkblue);
    padding:90px 50px 50px;
    overflow: auto;
}
.custom .close-mobile-nav{
    position: absolute;
    top: 20px;
    right: 20px;
}
.custom .close-mobile-nav svg{
    width: 33px;
    height: auto;
}
.custom-nav-languages ul{
    display: flex;
    text-transform: uppercase;
    color: white;
    margin-top: 30px;
    gap: 10px;
    font-size: 16px;
    margin-left: 0;
    list-style: none;
}
.custom-nav-languages ul a{
    color: white;
}
.custom-nav-languages ul li:first-of-type{
    padding-right: 10px;
    border-right: 1px solid white;
}
.services-grid{
    counter-reset: services;
}
.service-grid-box{
    counter-increment: services;
}
.service-grid-box:before{
    content: "0"counter(services) !important;
    -webkit-text-stroke: 1px white;
}
.service-grid-box:nth-child(2):before,
.service-grid-box:nth-child(5):before{
    -webkit-text-stroke: 1px var(--darkblue);
}
.service-grid-box:nth-child(1) h3,
.service-grid-box:nth-child(3) h3,
.service-grid-box:nth-child(4) h3,
.service-grid-box:nth-child(6) h3{
    color: white;
}
.service-grid-box:nth-child(1){
    background: var(--lightblue);
    grid-column: 1/3;
    color: white;
}
.service-grid-box:nth-child(2){
    background: var(--purple);
    grid-column: 2;
    grid-row: 2;
}
.service-grid-box:nth-child(3){
    background: var(--darkblue);
    grid-column: 3;
    grid-row: 1/3;
    color: white;
}
.service-grid-box:nth-child(4){
    background: var(--darkblue);
    grid-column: 1;
    grid-row: 2/4;
    color: white;
}
.service-grid-box:nth-child(5){
    background: var(--purple);
    grid-column: 2;
    grid-row: 3;
}
.service-grid-box:nth-child(6){
    background: var(--green);
    grid-column: 3;
    grid-row: 3;
    color: white;
}
.content-block-text ul{
    list-style: disc;
}
.box-block-item.percentage-text p{
    font-size: 1.525rem;
}
.elementor-field-type-acceptance .elementor-field-option{
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: center;
}
.landing-section > .container > div{
    background: var(--darkblue);
    padding: 80px;
    color: white;
    border-radius: 10px;
}
.landing-section.landing-form > .container > div{
    width: 85%;
    margin-inline: auto;
    padding-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.landing-section > .container > div h2{
    color: white;
}
.nospacing{
    margin:0 !important
}
.testimonials-slider .splide__arrow{
    background: transparent;
    width: auto;
    height: auto;
}
.testimonials-slider .splide__arrow:hover{
    background: transparent;
}
.testimonials-slider .splide__arrow--next{
    right: 0;
}
.testimonials-slider .splide__arrow--prev{
    left: 0;
}
.blue-image{
    filter: brightness(0) saturate(100%) invert(10%) sepia(18%) saturate(7483%) hue-rotate(212deg) brightness(96%) contrast(101%);
}
.services-list h3{
    font-size: 1.4rem;
}

.custom-shape-divider-bottom-1745400129 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    z-index: 2;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1745400129 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 450px;
    transform: rotateY(180deg);
}

.custom-shape-divider-bottom-1745400129 .shape-fill {
    fill: #fbfbfb;
}

.new-hero-content{
    opacity: 0;
    transform: translateY(-30%);
}
.splide__slide.is-active .new-hero-content{
    opacity: 1;
    transform: translateY(-50%);
}

#new-hero .splide__arrow{
    opacity: 1;
    background: transparent;
    box-shadow: none;
    z-index: 2;
}
/* #new-hero .splide__arrow.splide__arrow--next svg{
    filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7481%) hue-rotate(100deg) brightness(103%) contrast(105%);
} */
#new-hero .splide__arrow svg{
    filter: brightness(0) saturate(100%) invert(99%) sepia(23%) saturate(0%) hue-rotate(53deg) brightness(113%) contrast(100%);
}

.new-hero-badge img{
    filter: brightness(0) saturate(100%) invert(99%) sepia(23%) saturate(0%) hue-rotate(53deg) brightness(113%) contrast(100%);
}

.info-boxes ul a{
    border: 1px solid transparent;
    transition: all 0.3s ease-out;
    padding: 0.3rem 0.8rem;
    display: inline-block;
    border-radius: 60px;
    line-height: 1.2;
}
.info-boxes ul a:hover{
    border-color:#fff;
    color: #fff;
}

.ast-scroll-top-icon {
    bottom: 5rem!important;
}
.ast-scroll-top-icon .ast-icon{
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
@media(max-width:1457px){
    .custom-header{
        padding:20px 30px 0 30px;
    }
    .custom-navigation nav > ul > li.columns-menu > ul{
        left: 30px;
        right: 30px;
    }
}
@media(max-width:1390px){
    .custom-navigation nav > ul{
        gap: 13px;
    }
    .logo img{
        width: 240px;
    }
    .custom-navigation nav > ul > li > a{
        font-size: 17px;
    }
}
@media(max-width:1280px){
    .custom-navigation{
        display: none;
    }
    .custom-header .mobile-trigger{
        display: flex;
    }
}
@media(max-width:1024px){
    .companies-wrapper{
        grid-template-columns: 1fr;
    }
    .custom-header.stick{
        padding:20px;
    }
    .tabs-side li.active:before {
        width: 100%;
    } 
}
@media(max-width:992px){
    .hero-image:before{
        width: 90%;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
    }
    .hero-image.circle:before{
        display: none;
    }
}
@media(max-width:768px){
	html, body {
		font-size: 14px;
	}
    .company-box h3{
        font-size: 18px;
        padding-right: 32px;
    }
    .company-box img{
        margin-right: 5px;
    }
   .ast-scroll-top-icon {
    bottom: 6rem !important;
}
}
@media(max-width:640px){
    .custom-header{
        padding-inline: 15px 20px;
    }
}