/* --- START GLOBAL --- */
/* main button */
.main-btn a {
    display: flex;
    justify-content: center;
    align-items: center;
	height: 42px;
	width: 160px;
}
.btn-md a {height: 50px;}
.btn-lg a {height: 58px;}
.btn-icon a .elementor-button-content-wrapper .elementor-button-icon svg {
	width: 22px;
	margin-top: -5px;
}
.btn-icon.d a .elementor-button-content-wrapper .elementor-button-icon svg path {
	fill: #21254C;
	transition: 0.7s;
}
.main-btn.btn-icon.d a:hover .elementor-button-content-wrapper .elementor-button-icon svg path {
	fill: #FFFFFF;
}
/* [EN] */
:dir(ltr) .btn-icon a .elementor-button-content-wrapper {
	flex-direction: row-reverse !important;
}
:dir(ltr) .btn-icon a .elementor-button-content-wrapper .elementor-button-icon ,
.elementor-icon-list-icon {
	transform: scaleX(-1);
}
:dir(ltr) .elementor-icon-box-wrapper {
	flex-direction: row !important;
	gap: 10px;
}

/*LOADER */

.loader svg path{
    opacity:0;
    visiblity:hidden;
    animation: fade 1s  forwards 3s linear;
}
.loader svg path:first-child {
  stroke-dasharray: 595;
    stroke-dashoffset: 595;
    stroke: #20244B;
    stroke-width: 1px;
    fill: none;
    opacity:1;
    visibilty:visible;
    animation: identifier 3s  forwards linear;
    
    transition: 1s all ease-in-out;
}
@keyframes identifier {
  to{
    stroke-dashoffset: 0;
    fill: #20244B;
  }
}
@keyframes fade {
  to{
    opacity:1;
    visibilty:visible;
  }
}
  






/* MENU LINK */
nav ul.elementor-nav-menu.sm-vertical {
	display: flex;
	flex-direction: column;
	align-items: center;
}
nav ul.elementor-nav-menu li a {
	width: fit-content;
}
/* SHIPS */
div.ships {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
/* ICON BOX */
.elementor-icon-box-wrapper .elementor-icon-box-content {
	text-align: start;
}
/* --- END GLOBAL --- */
/* --- START HEADER --- */
.custom-nav {
	transition: all 0.3s ease;
}
.custom-nav.scrolled {
  opacity: 0.8;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
/* menu */
.custom-nav nav ul.elementor-nav-menu li a::after {
    border-bottom-right-radius: 999px;
    border-bottom-left-radius: 999px;
}
/* sidebar */
.sidebar-menu {height: 0;}
/* --- END HEADER --- */
/* ********** BREAK ********** */
/* --- START ABOUT AWEEN --- */
.about-aween div.ships .ship.ship-last ,
.about-aween-page div.ships .ship.ship-last {
    margin-inline-start: -400px;
}
.about-aween .images-animation .image-animation {
	height: 60%;
}
.about-aween .images-animation .image-animation {
	height: 420px;
}
@media(min-width: 1024px) {
	.about-aween .images-animation .image-animation:first-of-type {
    	margin-inline-end: -40px;
	}
    .about-aween .images-animation .image-animation:first-of-type {
        margin-inline-end: -40px;
        animation: float-up 7s ease-in-out infinite;
    }
    
    .about-aween .images-animation .image-animation:last-of-type {
        animation: float-down 7s ease-in-out infinite;
    }
}

@keyframes float-up {
    0%, 100% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(-40%);
    }
}

@keyframes float-down {
    0%, 100% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(40%);
    }
}
/* --- END ABOUT AWEEN --- */
/* ********** BREAK ********** */
/* --- START SERVICES SECTION --- */
@media(max-width: 767px) {
	.services-section .heading .main-btn a {
		width: 140px;
	}
}
.services-section div.ships {
	inset: unset;
	inset-inline-start: 0;
	inset-block-start: -20px;
}
.services-section div.ships .ship.ship-last {
	margin-inline-start: -20px;
}
/* service item */
.service-item .btn-icon a {
/*     height: 48px;
    width: 48px; */
    display: flex;
    align-items: center;
    justify-content: center;
}
.service-item .btn-icon a .elementor-button-content-wrapper .elementor-button-text {
/*     display: none; */
}
.service-item .btn-icon a .elementor-button-content-wrapper .elementor-button-icon svg {
	width: 40px;
	margin: 0;
    transform: rotate(45deg);
}
/* Hover*/
.service-item: .btn-icon a {
	background-color: #00000000 !important;
	height: 15px;
	width: 160px;
}
.service-item .btn-icon a .elementor-button-content-wrapper .elementor-button-text {
    display: flex;
}
.service-item .btn-icon a .elementor-button-content-wrapper .elementor-button-icon svg {
	margin-top: -12px;
	transform: rotate(0deg);
}
/* SERVICE PAGE */
.service-item.ser-page .btn-icon a .elementor-button-content-wrapper .elementor-button-icon svg path {
	fill: #189B73;
}
/* --- END SERVICES SECTION --- */
/* ********** BREAK ********** */
/* --- START ARTICLES SECTION --- */
.articles-section .heading .main-btn a .elementor-button-content-wrapper .elementor-button-icon svg path {
	fill: #21254C;
}
.articles-section div.ships .ship.ship-first {
	margin-block-start: -90px;
}
.articles-section div.ships .ship.ship-last {
	margin-block-end: -90px;
}
.articles-section .article-item .btn-icon a .elementor-button-content-wrapper .elementor-button-icon svg {
	width: 40px;
	margin-top: -12px;
}
.articles-section .article-item .main-btn a .elementor-button-content-wrapper .elementor-button-icon svg path {
	fill: #212121;
}
.articles-section .article-item:hover :is(span, a, h5, div) {
	transition: 0.5s;
	color: white !important;
}
.articles-section .article-item:hover .elementor-button-icon svg path {
	transition: 0.5s;
	fill: white !important;
}
/* --- END ARTICLES SECTION --- */
/* ********** BREAK ********** */
/* START Latest News SECTION */
.latest-news-section .latest-news-item .btn-icon a .elementor-button-content-wrapper .elementor-button-icon svg {
	width: 40px;
	margin-top: 0px;
}
.latest-news-section .latest-news-item .btn-icon a .elementor-button-content-wrapper .elementor-button-icon svg path {
    transition: 0.5s;
	fill: #179A72;
}
.latest-news-section .latest-news-item .btn-icon a:hover .elementor-button-content-wrapper .elementor-button-icon svg path {
    transition: 0.5s;
	fill: white;
}
/* END Latest News SECTION */
/* ********** BREAK ********** */
/* START OUR TEAM */
.our-team-home .item-team {
	display: none;
}
.our-team-home .item-team:nth-child(-n + 4) {
	display: flex;
}
/* CARD */
.our-team-section .item-team ul {
	margin: 0;
	padding: 0;
}
@media(min-width: 1024px) {
	.our-team-section .item-team ul {
		padding-inline-start: 30px;
	}
}
@media(max-width: 1024px) {
	.our-team-section .item-team {
		box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
	}
}
.our-team-section .item-team .avatar {
	width: 180px;
	height: 180px;
}
/* END OUR TEAM */
/* ********** BREAK ********** */
/* START CONTACT FORM SECTION */
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"] {
    padding-inline-start: 38px;
}
.contact-form .elementor-field-group:has(input) {
    position: relative;
}
.contact-form .elementor-field-group:has(input)::before {
    content: "";
    position: absolute;
    inset-inline-start: 20px;
    bottom: 13px;
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.contact-form .elementor-field-group:has(input[type='text'])::before {
        background-image: url('https://wordpress.aait-sa.com/aween-sa/wp-content/uploads/2025/07/user.svg');
}
.contact-form .elementor-field-group:has(input[type='tel'])::before {
        background-image: url('https://wordpress.aait-sa.com/aween-sa/wp-content/uploads/2025/07/smart-phone-01.svg');
}
.contact-form .elementor-field-group:has(input[type='email'])::before {
        background-image: url('https://wordpress.aait-sa.com/aween-sa/wp-content/uploads/2025/07/mail-02.svg');
}
/* END CONTACT FORM SECTION */
/* ********** BREAK ********** */