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

*/


.inner-loop.last_loop h2.project_title.last_loop_hd {
    font-size: 50px;
    line-height: 60px;
}

.project_details {
    margin-bottom: 0;
}

.SIngle_post_details h2 {
    font-weight: 500;
    font-size: 32px;
line-height:42px;
}
.contactpg_hypertxt a {
    color: #2996BA !important;
}

.contactpg_hypertxt a:hover{
    color: #0E0E0E !important;
}


.elementor-lightbox .elementor-video-container,  .elementor-lightbox .elementor-video-container div {
    height: 100vh !important;
    max-height: 100vh !important;
    min-height: 100vh !important;
 top: 0px  !important;
    left: 0px  !important;
    transform: none  !important;

}

 .elementor-lightbox .elementor-video-container .elementor-video-landscape iframe,  .elementor-lightbox .elementor-video-container .elementor-video-landscape video {
    width: 100% !important;
    max-height: 90vh !important;
    height: 90vh !important;
transform: translateY(5vh) !important;
}


.vd-scroll .elementor-video-container iframe {
    min-width: 100% !important;
    width: 100% !important;
    min-height: 100% !important;
    height: 100% !important;
padding:20px;
}


/* custom scrollbar  */
.project_details.baisc ,h2.project_title.bigs {
    color: black !important;

}

body strong, body b, body * strong, body * b{
font-weight:700 !important;
}


/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background:  white;

}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #00E9FD;
	border-radius:10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #2996BA;
}







/* preloader */

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    font-size: 24px;
    }
    

.spinner {
    width: 56px;
    height: 56px;
    display: grid;
    border: 4.5px solid #00E9FD;;
    border-radius: 50%;
    border-color: white #00E9FD;
    animation: spinner-e04l1k 1s infinite linear;
    }
    .spinner::before,
    .spinner::after {
    content: "";
    grid-area: 1/1;
    margin: 2.2px;
    border: inherit;
    border-radius: 50%;
    }
    .spinner::before {
    border-color: white #00E9FD;
    animation: inherit;
    animation-duration: 0.5s;
    animation-direction: reverse;
    }
    .spinner::after {
    margin: 8.9px;
    }
    @keyframes spinner-e04l1k {
    100% {
    transform: rotate(1turn);
    }
    }



    /* end  */

/* Header */
html, body {
    overflow-x: hidden;
scroll-behavior: smooth;

}



.ovrflw{
overflow-x:unset;
overflow-y:auto-flow;
}

ul.slick-dots>li>button {
    background: transparent !important;
}

.desc strong {
    font-weight: 700;
}


.sdr_lft img {
    transform: scale(.8);
}


.popups.p-menu {
    max-width: 0px;
    height: 0;
    width: 100%;
    right: 0;
position:absolute;
    opacity: 0;
    z-index: -1;
}

.menu-icon-close .elementor-icon-box-icon {
    border: 1px solid black !important;
    border-radius: 50%;
transition:all .5s cubic-bezier(1, 0.08, 0, 0.97);
}


.menu-icon-close .elementor-icon-box-icon:hover {
    border: 1px solid transparent !important ;
    border-radius: 50%;
transition:all .5s cubic-bezier(1, 0.08, 0, 0.97);

}

html.open {
    overflow: hidden !important;
}

 body:before {
    width: 100%;
    height: 100%;
    background: #00000047;
    content: " ";
    z-index: -21;
    position: absolute;
    left: 0;
    top: 0;
transition: 0.2s cubic-bezier(1, 0.08, 0, 0.97);
opacity:0;
}

html.open body:before{
opacity:1;
    z-index: 1;

transition: 0.2s cubic-bezier(1, 0.08, 0, 0.97);
}


.our_btns a {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: .5s cubic-bezier(1, 0.08, 0, 0.97);
}
.elementor-button:focus {
color:white !important;
}

.pro_detailsss a:hover span {text-decoration: underline;}

.main_steps_flex>div:nth-child(even) {
    flex-direction: row-reverse;
    margin-top: 35px !important;
}
.our_btns a::after {
    content: " ";
    background: #0E0E0E;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    border-radius: 50px;
    z-index: -1;
    top: 0;
    transition:.5s cubic-bezier(1, 0.08, 0, 0.97);
}

.our_btns a:hover:after {transform: translateX(100%);transition: .5s cubic-bezier(1, 0.08, 0, 0.97);}

.our_btns a:hover {
    color: #0E0E0E !important;
    fill: #0E0E0E !important;
    transition: .5s cubic-bezier(1, 0.08, 0, 0.97);
}

.bg_fullss{
background-size:100% 100% !important;
}



 

  .marquee {
    position: relative;
    overflow: hidden;
    width: 300%;
    height: 220px;
  }

.rvwss .elementor-testimonial__text {
    font-style: normal !important;
margin-bottom:20px;
}

  .marquee div {

    position: absolute;
    display: block;
    overflow: hidden;
    width: 400%;
    height:220px;
    animation: marquee 25s linear infinite;
  }

  .marquee span {
       float: left;
    width: unset;
    color: var(--e-global-color-primary);
    font-family: 'Aeonik';
    font-size: 180px;
    font-weight: 500;
	  letter-spacing:0.5px;
    line-height: 200px;
  }

  @keyframes marquee {
    0% {
      left: 0;
    }

    100% {
      left: -100%;
    }
  }


.ftw {
    background-size: 100% 100% !important;
background-repeat:no-repeat;
position:relative;
    transition: .5s ease-in-out;
cursor:pointer;

}

.ftw:after {
 background-image: url('https://lightyellow-frog-468490.hostingersite.com/wp-content/uploads/2024/10/work-5-1.png');
 content:"";
 background-size: 100% 100% !important;
	position:absolute;
	width:100%;
	height:100%;
top:0;
	left:0;
	background-color:white;
	transition: .5s ease-in-out;

}


.ftw:hover:after {
    transition: .3s ease-in-out;

opacity:0;
}

.ftw:hover * {
    color: white !important;
    transition: .3s ease-in-out;
}

.ftw * {
z-index:1;
    transition: .1s ease-in-out;
}


.rvwss .swiper-slide {
    background-image: url('https://lightyellow-frog-468490.hostingersite.com/wp-content/uploads/2024/09/Frame-2462-1.png');
    background-size: 100% 100% !important;

}


.rvwss  .swiper-slide:before {
content: "";
    background-image: url('https://lightyellow-frog-468490.hostingersite.com/wp-content/uploads/2024/09/Frame-2463.svg');
    width: 100%;
    height: 100px;
    background-size: 150px !important;
    position: absolute;
    top: 50px;
    left: 30px;
    background-repeat: no-repeat;

}


.rvwss  span.swiper-pagination-bullet {
    background: #D4D4D4;
    width: 200px;
    border-radius: 0px;
    margin: 0px !important;
     opacity:1;
    height: 5px !important;
transition:.5s cubic-bezier(1, 0.08, 0, 0.97);
}

.rvwss  span.swiper-pagination-bullet-active {
    background: #2996BA;
transition:.5s cubic-bezier(1, 0.08, 0, 0.97);

}
.rvwss .swiper-pagination-horizontal {
    bottom: -10px !important;
}

.rvwss  .elementor-swiper-button {
    top: unset !important;
    bottom: -115px !important;
    font-size: 22px !important;
    width: 45px;
    display: flex !important;
    height: 45px;
    background: #ffffff;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
fill:black !important;
transition:.5s cubic-bezier(1, 0.08, 0, 0.97);


}

.rvwss .elementor-swiper-button svg {
    font-size: 20px;
    width: 15px !important;
    height: 15px !important;
fill:black !important;
transition:.5s cubic-bezier(1, 0.08, 0, 0.97);



}

.rvwss .elementor-swiper-button.elementor-swiper-button-next {
    right: 46% !important;
}

.rvwss .elementor-swiper-button.elementor-swiper-button-prev {
    left: 46% !important;
}


/* .rvwss .elementor-swiper-button:hover {
    background: black !important;
transition:.5s cubic-bezier(1, 0.08, 0, 0.97);

} */

.rvwss .elementor-swiper-button:hover svg {
    fill: white !important;
transition:.5s cubic-bezier(1, 0.08, 0, 0.97);
}

.full_bgs{
transition:all 2s linear;
background-size: 95% 100% !important;
background-position: top center;

}


.section.full_bgs.in-viewport{
transition-delay:.5s linear;
transition:all 2s linear;
background-size:100% 100% !important;

}

.pstss:hover * {
    color: white;
    transition: .2s linear;
}

.our_btns.pst-btn:hover a {
    background: white;
    border: 1px solid white;
    color: white !important;
}


.our_btns.pst-btn:hover a::after {
background:white;
}
.our_btns a {
    border: 1px solid #0e0e0e;
}


.our_btns a:hover {
    border: 1px solid #0e0e0e;
}




.our_btns.pst-btn a:hover * {
  fill:white !important;
transition: .5s cubic-bezier(1, 0.08, 0, 0.97);
    color: white !important;
}








.pstss:hover .pst-ttls * {
    color: white !important;
    transition: .2s linear;
}






.pstss:hover  .our_btns.pst-btn {
color:black !important;
}

.pstss:hover .our_btns.pst-btn a.elementor-button {
    border: 1px solid white;
color:black !important;
}

.pstss:hover .our_btns.pst-btn a.elementor-button:after {
    background: white;
    transition: .5s cubic-bezier(1, 0.08, 0, 0.97);
}

.pstss:hover .our_btns.pst-btn a.elementor-button * {
    color: black;
    fill: black;!;!importnt;
}





.hvr.our_btns.pst-btn {
color:black !important;
}

.hvr.our_btns.pst-btn a.elementor-button {
    border: 1px solid white;
color:black !important;
}

.hvr.our_btns.pst-btn a.elementor-button:after {
    background: white;
    transition: .5s cubic-bezier(1, 0.08, 0, 0.97);
}

.hvr.our_btns.pst-btn a.elementor-button * {
    color: black;
    fill: black ;
 transition: .5s cubic-bezier(1, 0.08, 0, 0.97);
}





















.p-menu {
position:absolute;transform-origin: top right;transition: 0.2s linear;
}
.p-menu.open {
transition: 0.4s linear;
    max-width: 500px !important;
    height: 590px !important;
    z-index: 1 !important;
    opacity: 1 !important;
}
.menu-icon span.elementor-icon.elementor-animation- {
    border: 1px solid #B6B6B6;
    background: none;
}
.menu-icon-close span {
    cursor: pointer;
}
.menu-icon span.elementor-icon,.menu-icon-close span.elementor-icon {
    position: relative;
    overflow: hidden;
    background: transparent; /* Set initial background to transparent */
    color: #000; /* Text color or icon color */
}
.menu-icon span.elementor-icon::before,.menu-icon-close span.elementor-icon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300%; /* Adjust as needed for the expansion effect */
    height: 300%; /* Adjust as needed for the expansion effect */
    background: #000; /* Background color to reveal */
    transition: transform 0.5s linear; /* Smooth transition for the expansion effect */
    transform: translate(-50%, -50%) scale(0); /* Start scaled down to 0 */
    border-radius: 50%; /* Make the reveal effect circular */
    z-index: 0; /* Ensure it is behind the text/icon */
}
.menu-icon span.elementor-icon:hover::before,.menu-icon-close span.elementor-icon:hover::before {
    transform: translate(-50%, -50%) scale(1); /* Scale up to full size on hover */
    transition: transform 0.8s linear; /* Smooth transition for the expansion effect */

}
.menu-icon, span.elementor-icon,.menu-icon-close span.elementor-icon {
    position: relative; /* Ensure the pseudo-element is positioned correctly */
    z-index: 0; /* Ensure it is above the pseudo-element */
}
.menu-icon span.elementor-icon:hover svg,.menu-icon-close span.elementor-icon:hover svg {
      fill: #fff !important;
     fill: #fff !important;
    filter: invert(1);
}
.menu-icon span.elementor-icon:active svg {
      fill: #fff !important;
     fill: #fff !important;
    filter: invert(1);
}
#close h3.elementor-icon-box-title span {
    pointer-events: none !important; 
    cursor: default !important; 
}
/* .popups:after {
    content: "";
    background: url(http://199.250.201.124/~audioideal/wp-content/uploads/2024/09/Group-10.png);
    width: 354px;
    height: 272px;
    position: absolute;
    bottom: -1px;
    right: -1px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
	opacity: 0.1;
} */
.popups {
    overflow-y: hidden;
    overflow-x: hidden;
}






















.grd-hvr{
cursor:pointer;
}

.op {
    opacity: 0;
    transition: .3s linear;
}

.grd-hvr:hover .op {
    opacity: 1;
    transition: .5s linear;
}


.op-icons a.elementor-icon {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.op-icons a.elementor-icon:before {
    content: " " !important;
    width: 100% !important;
    height: 100% !important;
    background: #ffffff !important;
    position: absolute !important;
    left: 0;
    top: 0;
    transform: scale(0);
    transition: .5s linear;
    border-radius: 50%;
}

.op-icons a.elementor-icon:hover:before {transform: scale(1);transition: .5s linear;}

.op-icons a.elementor-icon:hover svg path {
    fill: black !important;
    transition: .5s linear;
}
.op-icons a.elementor-icon svg path {
    transition: .5s linear;
}

.maps-border iframe{
border-radius:30px !important;
}
a.unset_url {
    border: unset !important;
    background: unset !important;
    overflow: hidden !important;
    position: unset !important;
    z-index: unset !important;
    display: contents !important;

}

a.unset_url:after {
    display: none !important;

}
.logo_grid img{
scale:1.3;
}





























@media screen and (max-width:1440px){

	.custom_iframe{
height:500px !important;
}

body .custm_nav img {
    height: 300px;
    object-position: top;

	}



}





@media screen and (max-width: 1025px) {
	.section.full_bgs.in-viewport.san-jose-bg {
	background-size: 100% 140% !important;
	animation:none !important; 
	background-position: center; 
	border-radius:0px !important;
	}

	.SIngle_post_details h2{
font-weight:600;
}
.vds-out {
    border-radius: 20px !important;
    overflow: hidden;
}
	* p , .project_details{
font-size:18px !important;
		line-height:28px !important;
}
	.wd_fullss{
min-width:100% !important;
}



	.hd_br br{

display:none;
}

.marquee span {
font-weight:500;
letter-spacing:1px !important;
    font-size: 55px  !important;
    line-height: 70px  !important;
}

.marquee div {
    height: 70px !important;
}

.marquee {
    height: 70px !important;
}


.rvwss .elementor-swiper-button.elementor-swiper-button-next {
    right: 50% !important;
transform: translate(120%, -50%) !important;
}

.rvwss .elementor-swiper-button.elementor-swiper-button-prev {
    left: 50% !important;
	transform: translate(-120%, -50%) !important;

}

.sng-loop {
    background-size: cover !important;
    background-position: center;

min-width:100% !important;
    min-height: 90vh !important;
}
.project_details {
    width: 95%;
}
.rvwss span.swiper-pagination-bullet {
    width: 50px !important;
}

	.p-menu.open {
    	transition: 0.4s linear;
    	max-width: 550px !important;
		height: 500px !important;
right:10px !important;
max-height:98vh !important;
}
	    .ab-why-choose::after {
	        top: -54px;
        right: -32px;
	}

	.section.full_bgs{
background-size:95%  calc(100% + 100px)  !important;
background-position:bottom -100px center ;
		border-bottom-left-radius:50px;
		border-bottom-right-radius:50px;

}
.section.full_bgs.in-viewport {
    
    background-size: 100% calc(100% + 100px) !important;
}
	.p-menu.open {
        height: 650px !important;
    }
	    body .custm_nav img {
        height: 250px;
    }
	
}


@media screen and (max-width: 767px) {

	.menu-icon ::before , .menu-icon-close ::before{
display:none;
}

	.menu-icon-close span * {
color:black !important;
fill :black !important;
}
.menu-icon .elementor-icon {
        padding: 12px 12px 7px 12px !important;
    }
.sdr_lft img {
    transform: scale(.6);
}
.popups.p-menu {
    overflow-y: auto !important;
}

* p , .project_details{
font-size:16px !important;
		line-height:26px !important;
}

}





@media screen and (max-width: 768px) {


body .menu-icon span.elementor-icon:hover svg *, body .menu-icon span.elementor-icon:hover svg , body .menu-icon-close span.elementor-icon:hover svg {
fill:black !important;

}

.our_btns svg {
    margin-bottom: -4px;
}

.our_btns a:hover svg  {
 fill:black !important;
transition:0.1s cubic-bezier(1, 0.08, 0, 0.97) !important;
}


	.our_btns a:hover * {

color:black !important;
fill:black !important;
transition:0.1s cubic-bezier(1, 0.08, 0, 0.97) !important;

}


.project_details {
    width: 100%;
}
.marquee span {
    font-size: 45px  !important;
    line-height: 60px  !important;
}

.marquee div {
    height: 60px !important;
}

.marquee {
    height: 60px !important;
}


h2.project_title {
    font-size: 30px  !important;
    line-height: 40px  !important;
}

.inner-loop_basic .project_details {
    min-width: 95% !important;
}

.sng-loop {
    padding: 20px !important;
}

.inner-loop.last_loop span.txt {
    font-size: 14px !important;
}

button.show_case.our_btns {
    justify-content: center !important;
}


.rvwss span.swiper-pagination-bullet {
    width: 25px !important;
}
.rvwss .elementor-swiper-button.elementor-swiper-button-next {
    right: 50% !important;
		transform: translate(120%, -50%) !important;

}

.rvwss .elementor-swiper-button.elementor-swiper-button-prev {
    left: 50% !important;
		transform: translate(-120%, -50%) !important;

}

.sng-loop {
min-width:600px !important;
    min-height: 90vh !important;
}


.banner::after {
    width: 885px;
    height: 668px;
    top: -30px;
}
	    body:not(.rtl) .elementor-11 .elementor-element.elementor-element-0d1e8ae {
        left: 41%;
    }
	    .about-us-sec .elementor-widget-container img {
        margin: 0px 0px 0px 0px;
    }
}

@media screen and (max-width: 767px) {

.SIngle_post_details h2 {
    font-weight: 600;
    font-size: 22px;
}

.copy-rght p {
    font-size: 14px !important;
    line-height: 24px !important;
}
.menu-icon-close .elementor-icon-box-wrapper {
    gap: 10px;
    align-items: center;
    justify-content: center !important;
}

.menu-icon-close .elementor-icon-box-wrapper .elementor-icon-box-icon {
    margin: 0px !important;
    height: 45px;
    width: 45px !important;
}
	
	.menu-icon .elementor-icon-box-wrapper {
    justify-content: center;
    align-items: center;
}

	.p-menu.open {
		top: 1vh !important;
		border-radius: 0px;
		
}
	.menu-icon-close .elementor-icon-box-wrapper {
    display: flex !important;
    align-content: center !important;
    flex-direction: row-reverse !important;
    text-align: left ! imporatnt;
}
	.menu-icon-close .elementor-icon-box-content {
    display: flex;
    justify-content: center;
    margin-top: 2px;
}
	
	.p-menu.open{
		transform:translatey(0px) !important;

	}
	
	.popups.p-menu {
		right:10px;
   height: 50vh !important;
   min-height: 80vh !important;
		max-height:95vh !important;
transform:translatey(-100px);
		border-radius:20px !important;
        max-width: 100% !important;
        width: calc(100% - 20px) !important; 
    position: fixed; 

overflow-y: scroll !important;
}
	

}


@media screen and (min-width: 414px) and (max-width: 440px) {
		.popups.p-menu {
   min-height: 95vh !important;
height: 95vh !important;
overflow-y: scroll !important;
		max-height:97vh !important;

   
}
}

@media screen and (max-width: 413px) {
.popups.p-menu {
overflow-y: scroll !important;
  min-height: 95vh !important;
height: 95vh !important;
		border-radius:20px !important;
		max-height:97vh !important;


}
}
@media screen and (max-width: 380px) {
.popups.p-menu {
overflow-y: scroll !important;
   min-height: 95vh !important;
height: 95vh !important;
		max-height:97vh !important;


}
}

@media only screen and (max-width: 767px) {

.popups.p-menu {
    padding-right: 10px !important;
}
.flex-event.flex * {
    text-align: center;
}



div#preloader lottie-player {
    width: 200px !important;
    height: 200px !important;
}
.rvwss .swiper-slide:before {
    top: 10px !important;
}

.rvwss span.elementor-testimonial__title {
    font-size: 14px !important;
}
	.rvwss span.swiper-pagination-bullet {
        width: 10px !important;
        height: 10px !important;
        border-radius: 100px;
		margin: 5px !important;
    }
	.rvwss .swiper-slide:before {
		left: 0;
		background-position: center;
	}
	.marquee {
        height: 40px !important;
    }
	.marquee span {
        font-size: 28px !important;
        line-height: 38px !important;
    }
	.menu-icon-close .elementor-widget-container {
		margin: -65px -15px 0px 0px !important;
	}
	.menu-icon-close h3.elementor-icon-box-title {
		display: none !important;
	}
	.maps-border iframe{
		border-radius: 0px !important;
	}
	span.elementor-button-icon {
		height: 22px !important;
	}
	.m-von ol {
		margin-left: -25px !important;
	}
	
}