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

/* Default CSS */
* {
	font-family: "Geist", sans-serif;
}
a {
    text-decoration: none;
    color: inherit;
    transition: all 0.3s ease;
}
.fadeInUp {
    animation-name: fadeInUpCustom !important; 
}
@keyframes fadeInUpCustom {
from {
	opacity: 0;
	transform: translate3d(0,60px,0) 
}

to {
	opacity: 1;
	transform: none
}
} 
.yy-full-img {
    display: block;
    width: 100%;
}
.elementor-button-content-wrapper {
    cursor: pointer;
}
/* Start Header Footer*/
footer#site-footer {
    overflow: hidden;
    padding-top: 0;
} 
.yy-hero-overlay:after {
    content: "";
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(102, 102, 102, 0.7) 100%);
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 0;
}
header#site-header > .header-inner {
    max-width: 1258px;
    margin: 0 auto;
    background: #000;
    border-radius: 64px;
    padding: 6.5px 27px;
    box-shadow: 0px 2px 6px 0px #1F91D0, 0px -2px 5px 0px #1F91D0;
}
header#site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9;
    top: 31px;
    padding: 0;
}
.site-footer div.footer-inner{
	display: block !important;
	padding: 0;
}
.admin-bar header#site-header {
    top: 62px;
}
.site-navigation ul.menu {
    width: 100%;
}
.site-header .site-navigation {
    width: calc(100% - 320px);
    padding-left: 105px;
}
.site-navigation ul.menu li:last-child {
    margin-left: auto;
}
.site-navigation ul.menu li a {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    padding: 0;
}
.site-navigation ul.menu li:not(:last-child) {
    margin: 0 30px;
}
.site-navigation ul.menu li:not(.yy-header-btn) a {
    padding: 0;
    line-height: 2;
}
.site-navigation ul.menu li.yy-header-btn a {
    background: var(--e-global-color-primary);
    border-radius: 32px;
    padding: 5px 20px;
    display: flex;
    align-items: center;
    line-height: 1.429;
}
.site-navigation ul.menu li.yy-header-btn a:hover {
    background: var(--e-global-color-secondary);
    color: var(--e-global-color-primary);
}
body nav.site-navigation-dropdown ul.menu li.current-menu-item a { 
    background-color: transparent;
}
.site-navigation ul.menu li:not(.yy-header-btn) a:hover { 
	color: var(--e-global-color-primary);
}
.site-footer {
    padding: 0;
}
.yy-footer-logo svg{
	width: 100%;
}
.yy-footer-col-1 .elementor-widget-text-editor p {
    margin: 0;
}
.e-44aed252-df5c4e9.yy-footer-col-2 {
    align-self: end;
} 
.elementor-element .yy-title-highlight{
    color: var(--e-global-color-primary);
}
 .header-inner .current-menu-item a {
    color: #1f91d0 !important;
}
/* End Header */

/* Home Page */
.yy-hero-section .yy-inner-hero .e-con-inner {
    margin-left: 0;
}
.yy-px-0 {
    padding-inline: 0 !important;
}
.yy-hero-section .elementor-widget-video .e-hosted-video {
    min-height: 100dvh;
    height: 100dvh;
    width: 100%;
}
.yy-btn-wrap {
    padding-left: 0 !important;
}  
.yy-why-choose-box:hover {
    background-color: var( --e-global-color-text);
}
.yy-why-choose-box > div:last-child {
    opacity: 0; 
}
.elementor-element.yy-why-choose-box:hover .yy-choose-box-number span,
.elementor-element.yy-why-choose-box:hover .yy-choose-box-desc span, .yy-why-choose-box:hover > div:last-child{
    color: #fff;
    opacity: 1;
} 
.elementor-element.yy-why-choose-box:hover .yy-choose-box-title span{
	color: var(--e-global-color-primary)
}
.yy-why-choose-box:hover > div:last-child .elementor-heading-title{
	color: #fff;
}
.yy-who-we-serve-list .elementor-icon-list-text {
    padding: 11px 30px;
    border: 2px solid var(--e-global-color-primary);
    border-radius: 50px;
    min-width: 370px; 
    display: block;
} 
.yy-who-we-serve-list.elementor-widget li.elementor-icon-list-item {
    padding: 16px 10px;
} 
.yy-fabricate-grid > .e-con.e-child:hover .elementor-heading-title {
    color: #fff;
}
.yy-process-grid > .e-con.e-child:hover .elementor-heading-title:not(h3) {
   color: #fff;
}
.yy-process-grid > .e-con.e-child:hover h3.elementor-heading-title {
   color: var(--e-global-color-primary);
} 
.yy-fabricate-hover > .e-con.e-child:after, .yy-fabricate-hover > .e-con.e-child:before {
    content: "";
    height: 100%;
    width: 100%;
    background-color: transparent;
    background-image: linear-gradient(173deg, var(--e-global-color-816e014) 12%, var(--e-global-color-primary) 100%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.yy-fabricate-hover > .e-con.e-child:after, .yy-fabricate-hover > .e-con.e-child:before, 
.yy-fabricate-hover .elementor-heading-title, .yy-process-grid > div.e-con.e-child, .yy-process-grid .elementor-heading-title {
    transition: all 0.4s ease-in-out;
}
.yy-fabricate-hover > .e-con.e-child:before { 
	background-color: transparent; 
	background-image: linear-gradient(175deg, var(--e-global-color-accent) 0%, var(--e-global-color-816e014) 90%);
}
.yy-fabricate-hover > .e-con.e-child:before, .yy-fabricate-hover > .e-con.e-child:hover:after{
	 opacity:0;
}
.yy-fabricate-hover > .e-con.e-child:hover:before {
	opacity:1;    
}
.yy-fabricate-hover > .e-con.e-child > div {
    z-index: 3;
}
 
/* About Page */ 
.yy-facility-item h3 {
    margin-top: 15px;
}
.yy-team-slider .elementor-image-box-content {
    position: absolute;
    bottom: 0;
    top: auto;
    padding: 15px 28px;
    background: #ffffff;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    height: 50%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border-radius: 20px;
}
.yy-team-slider .elementor-widget-image-box .elementor-image-box-img {
    display: block;
} 
.yy-team-slider.swiper {
    overflow: hidden;
    width: 100%;
}
.yy-team-slider .swiper-slide-prev img, .yy-team-slider .swiper-slide-next img {
    height: 400px;
    object-fit: cover;
}
.yy-team-slider img {
    width: 100%;
    display: block;
} 
.yy-team-slider .swiper-button-next, .yy-team-slider .swiper-button-prev {
    width: 32px;
    height: 32px;
    border-radius: 100px;
    border: 2px solid #000;
    background: url(assets/images/black-arrow.svg) no-repeat 10px 7px / 8px;
    bottom: 0;
    top: auto;
    left: auto;
    right: 50%;
}
.yy-team-slider .swiper-button-next:after, .yy-team-slider .swiper-button-prev:after {
	display:none;
}
.yy-team-slider .swiper-wrapper {
    padding-bottom: 0;
    align-items: flex-end;
}

/* Contact Page */ 
.yy-form-group label,
.yy-form-group input,
.yy-form-group .yy-input::placeholder,
.yy-form-group textarea {
    display: inline-block;
    font-family: Geist;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.2; 
    color: #FFFFFF;
    margin-bottom: 5px;
}
.yy-form-group input,
.yy-form-group textarea {
    width: 100%;
    border: none;
    border-bottom: 1px solid #FFFFFF;
    background-color: transparent;
    outline: none;
    padding: 0 0 5px 0;
}
.yy-form-group textarea {
    border: 1px solid #FFFFFF;
    border-radius: 10px;
    resize: vertical;
    padding: 15px;
    height: 145px;
	scroll-behavior: unset;
    overflow-y: hidden;
}
.yy-upload-box {
    border: 2px dashed #FFFFFF;
    border-radius: 10px;
    padding: 22px;
}
.yy-upload-btn p {
    margin-bottom: 0 !important;
}
.yy-upload-icon:before {
    content: '';
    position: absolute;
    width: 42px;
    height: 42px;
    background-size: 18px auto;
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: center center;
    border-radius: 30px;
	background-image: url('assets/images/Icon filetext.svg');
}
.yy-upload-icon {
    display: flex;
    justify-content: center;
    height: 40px;
}
.yy-upload-title p {
    font-family: Geist;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    margin-bottom: 5px !important;
}
.yy-upload-note p {
    font-family: Geist;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
    color: #EAECED;
}
.yy-custom-upload {
    position: relative;
    display: inline-flex;
    text-align: center;
    align-items: center;
    gap: 6px;
    color: #00AEEF;
    overflow: hidden;
    font-family: Geist;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.2;
    cursor: pointer;
}
.yy-custom-upload::after {
    content: "";
    width: 11px;
    height: 11px;
    display: inline-block;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url('assets/images/Icon uploadfile.svg');
}
.yy-file {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    cursor: pointer;
}
.yy-upload-btn,
.yy-submit-row {
    text-align: center;
}
.yy-submit-row .yy-submit-btn.wpcf7-submit {
    background-color: #1F91D0;
    max-width: 170px;
    width: 100%;
    padding: 14px 18px !important;
    border: none;
    cursor: pointer;
    border-radius: 40px !important;
    font-family: Geist;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.23;
}
.yy-submit-row .wpcf7-spinner {
    display: none;
}
.yy-submit-row p {
    margin-top: 45px;
    margin-bottom: 0;
}
.yy-form-row .yy-upload-box,
.yy-form-row .yy-form-group p {
    margin-top: 35px !important;
    margin-bottom: 0 !important;
} 
.yy-contact-form .wpcf7-not-valid-tip {
    font-size: 14px;
}
.wpcf7-response-output {
    color: #ffffff;
    text-align: center;
    font-size: 16px;
}
.yy-product-box figure.elementor-image-box-img, .yy-product-box figure.elementor-image-box-img img {
    text-align: center;
    margin: 0 auto;
} 

/* Products services page */  
.yy-product-box .elementor-image-box-content {
    background: hsl(0deg 0% 0% / 70%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    padding: 10px 48px 10px 48px;
    opacity: 0;
	transition: all 0.4s ease-in-out;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.yy-product-box .elementor-image-box-wrapper figure {
    height: 325px;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
}
.yy-product-box .elementor-image-box-content .elementor-image-box-title {
    margin: 0 0;
}
.yy-product-box .elementor-image-box-wrapper:hover .elementor-image-box-content {
	opacity:1;
}
.yy-services-box .elementor-image-box-wrapper {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	background: #fff;
}
.yy-services-box .elementor-image-box-content {
    min-height: 360px;
    padding: 30px;
}
.yy-services-box .elementor-image-box-title {
    margin-top: 0;
}
 
/* Supply Store Page */ 
.yy-carry-grid .elementor-image-box-title {
    margin: 0; 
    position: absolute;
    top: 40px;
    width: 100%;
    left: 0;
    right: 0;
}
.yy-carry-grid .elementor-image-box-description {
    padding: 0 50px;
    position: absolute;
    width: 100%;
    opacity: 0;
    top: 110%;
}
.yy-carry-grid .elementor-image-box-img, 
.yy-carry-grid .elementor-image-box-img img {
    text-align: center;
    display: block;
    margin: 0 auto;
}
.yy-carry-grid .elementor-image-box-description span {
    display: block;
    text-align: left;
    margin: 6px 0;
    padding: 2px 0 2px 23px;
    line-height: 1.1;
    background: url(assets/images/approval-icon.svg) no-repeat 1px 45% / 16px;
}
.yy-carry-grid .elementor-image-box-description span:first-child {
    margin-top: 25px;
}
.yy-carry-grid .elementor-widget-image-box {
    position: static;
}
.yy-carry-grid .elementor-image-box-title, .yy-carry-grid span.elementor-button-icon,
.yy-carry-grid .elementor-image-box-img, .yy-carry-grid .elementor-image-box-description { 
	transition: all 0.9s ease-in-out;
}
.yy-carry-grid .elementor-image-box-img {
    transform: scale(1.6); 
    padding-top: 140px;
}
.yy-carry-grid .yy-carry-info figure.elementor-image-box-img { 
    transform: scale(0.5);
    padding-top: 0;
}
.yy-carry-grid .yy-carry-info .elementor-image-box-title {
    transform: scale(0.5) translatey(-40px);
}
.yy-carry-grid .yy-carry-info .elementor-image-box-description { 
    opacity: 1;
    top: 210px;
}
.yy-carry-grid .yy-carry-info span.elementor-button-icon {
    transform: rotate(180deg);
} 


/* Start Contact us  */
.yy-icon-list .elementor-icon-box-title {
    margin-top: 0;
}
.yy-icon-list .elementor-icon-box-description {
    position: relative;
    left: -32px;
}
.yy-team-slider {
    width: 100%;
    margin: 0 auto;
    padding-inline: 15px;
    overflow: hidden;
    position: relative;
	min-height: 550px;
}
.yy-team-content {
    position: relative;
    height: 500px;
    border-radius: 22px;
    overflow: hidden;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transform: scale(0.8);
    transition: transform .35s linear;
    bottom: -50px;
}
.yy-team-content::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(255,255,255,0.95) 0%,
        rgba(255,255,255,0.6) 25%,
        rgba(255,255,255,0) 50%
    );
    pointer-events: none;
}
.yy-team-content h3 {
    position: absolute;
    bottom: 0;
    top: auto;
    padding: 0;
    height: 50%;
    border-radius: 20px;
    margin: 0;
    display: block;
    align-content: flex-end;
    width: 100%;
    font-weight: 400 !important;
    color: #1F91D0 !important;
    font-size: 18px !important;
}
.yy-team-content h3 b {
    display: block;
    font-size: 24px;
    color: #000000;
    margin-bottom: 5px;
}   
.yy-team-slider .swiper-button-prev {
    left: calc(50% - 40px);
}
.yy-team-slider .swiper-button-next {
    right: calc(50% - 40px);
    transform: scaleX(-1);
}
.yy-team-content h3, .yy-team-content p {
    left: 4.35vw;
    z-index: 2;
    transform: scale(1.2);
}
.yy-team-content h3 {
    bottom: 2.5vw;
    padding: 0;
}
.yy-team-content p {
    bottom: 28px;
}
.yy-team-image {
    height: 534px;
    transform: scale(0.85);
    transition: transform .6s ease;
}
.swiper-slide-active .yy-team-image {
    transform: scale(1);
}
.yy-team-info {
    position: absolute;
    left: 28px;
    bottom: 28px;
}
.swiper-slide-active .yy-team-content {
    transform: scale(1);
    bottom: 0;
}
.swiper-slide-active .yy-team-content h3 {
    transform: none;
    left: 20px;
    bottom: 20px;
}

/* ===============================
   media css
================================= */

@media(min-width: 768px) {
	
	footer .elementor .yy-footer-col-3 {
		display: flex;
		flex-direction: column;
		align-items: end;
	}
} 

@media (max-width:1350px) {
	header#site-header > .header-inner {
		max-width: calc(100% - 80px);
		width: 100%;
		padding: 6px 20px;
	}
	.site-navigation ul.menu li:not(:last-child) {
		margin: 0 15px;
	}
	.site-header .site-navigation {
		width: calc(100% - 280px);
		padding-left: 50px;
	} 
	.yy-carry-grid .elementor-image-box-description {
		padding: 0 15px;
	}
}	

@media (max-width:1024px) {
   .site-header .site-navigation-toggle-holder .site-navigation-toggle-icon {
		width: 20px;
		height: 24px;
	}
	.site-header .site-navigation-toggle-holder .site-navigation-toggle {
		color: #fff;
		padding: 0;
		background: transparent !important;
	}
	.site-header .site-navigation-toggle-holder .site-navigation-toggle span::before,
	.site-header .site-navigation-toggle-holder .site-navigation-toggle span::after {
		height: 2px;
	}
	.site-header .site-navigation-toggle-holder .site-navigation-toggle-icon:before {
		margin-bottom: 10px;
		margin-top: 7px;
	}
	.site-header .site-navigation-toggle-holder {
		padding-inline: 0;
	}
	.site-header .site-navigation-toggle-holder .site-navigation-toggle span::after {
		margin-top: -1px;
	}
	header .site-navigation-dropdown {
		position: fixed;
		height: 100dvh;
		width: calc(100% - 80px);
		top: 0;
		z-index: 9999;
		background: #ffffff;
		margin: 0;
		transform: translateX(-100%) !important;
		left: 0;
		border-right: 1px solid rgba(0,0,0,.102);
		max-height: 100% !important;
	}
	header .site-navigation-toggle-holder.elementor-active+.site-navigation-dropdown {
		transform: translateX(0) !important;
		max-height: unset !important;
	}
	.yy-who-we-serve-list.elementor-widget li.elementor-icon-list-item {
		padding: 12px 8px;
	}
	.yy-who-we-serve-list .elementor-icon-list-text {
        min-width: 225px;
        padding: 12px;
    }
	.yy-why-choose-box:not(:hover) > div:last-child {
		opacity: 1;
	}
	.site-navigation-dropdown ul.menu li.yy-header-btn a {
		box-shadow: none;
		background: #1F91D0;
		display: table;
		margin: 20px 20px 0;
		border-radius: 32px;
		padding: 10px 25px 0;
		color: #fff;
		min-height: 30px;
		border: none;
	}
	.yy-product-box .elementor-image-box-content {
		padding: 10px;
		text-align: center;
	}
	.yy-services-box .elementor-image-box-content {  
		padding: 20px 15px 25px 15px;
		min-height: 260px;
	}
	.yy-team-content h3 b {
		font-size: 18px;
	}
	.yy-team-content h3 {
		font-size: 16px !important;
	}

}	

@media(max-width: 767px) { 
	
	.yy-who-we-serve-list .elementor-icon-list-items.elementor-inline-items, 
	.yy-who-we-serve-list .elementor-icon-list-items.elementor-inline-items li {
		display: block !important; 
		padding: 10px;
	}
	.yy-facility-item h3 {
		margin-bottom: 20px !important;
	}
	.yy-icon-list .elementor-icon-box-description {
		left: auto !important;
	}
	.yy-form-row:first-child .yy-form-group:first-child  p {
		margin-top: 20px !important;
	}
	.yy-form-group label, .yy-form-group input, .yy-form-group .yy-input::placeholder, .yy-form-group textarea {
		font-size: 16px;
	}
	.yy-services-box .elementor-image-box-content {
		min-height: auto;
	}
	.yy-carry-grid .yy-carry-info .elementor-image-box-description{
		top: 43vw; 
	}
	.yy-carry-grid .elementor-image-box-description span:first-child {
		margin-top: 10px;
	}
	.yy-carry-grid .yy-carry-info figure.elementor-image-box-img {
		padding-top: 10px;
	}
	.yy-carry-grid .elementor-image-box-description span{
		margin: 4px 0;
	}
	.yy-carry-grid .elementor-image-box-img {
		padding-top: 125px;
		transform: scale(1.4);
	}
	.yy-team-content {
		transform: none;
		bottom: 0;
	}
	.yy-team-content h3, 
	.yy-team-content p {
		left: 0;
		z-index: 2;
		transform: none;
		bottom: 0;
	}


}