/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/

#contactForm textarea{
border-radius:5px !important;
}
#contactForm input, #contactForm textarea,#contactForm select{
border-color:#0000001a;
 box-shadow: inset 0 4px 10px rgb(0 0 0 / 4%),
              inset 0 -4px 10px rgb(0 0 0 / 0%);
}

#gradientBtn .elementor-button{
background: linear-gradient(90deg, 
  #CC0090 0%, 
  #A432A6 25%, 
  #7E62BA 50%, 
  #00FFFF 100%
) !important;
}

#contactForm .elementor-button {
background: linear-gradient(90deg, 
  #CC0090 0%, 
  #A432A6 25%, 
  #7E62BA 50%, 
  #00FFFF 100%
) !important;
border-radius:80px;
padding:16px 35px;
font-weight:600;
}
.gradientText{
background: linear-gradient(180deg, 
  #CC0090 0%, 
  #7E62BA 40%, 
  #00FFFF 100%
);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
}

.aboutBox .elementor-widget-container{
height:max-content !important
}

.aboutBox .elementor-widget-image-box:nth-child(3){
margin-top:-104px  !important;
}
#faqs summary[aria-expanded="true"]{
border-bottom:none !important;
}

.aboutBox .elementor-widget-image-box:hover {
transform:scale(1.1);
transition:all 1s ease-in-out;
}


.aboutBox .elementor-widget-image-box:hover  .elementor-widget-container{
background: linear-gradient(90deg, 
  #CC0090 0%, 
  #A432A6 25%, 
  #7E62BA 50%, 
  #00FFFF 100%
) !important;

}

.aboutBox .elementor-widget-image-box:hover  .elementor-widget-container .elementor-image-box-title,
.aboutBox .elementor-widget-image-box:hover .elementor-image-box-description{
color:#fff;
}

.aboutBox .elementor-widget-image-box:hover img{
filter:invert(1)brightness(10);
}

/* Slider container */
.expertiseSec .swiper {
    width: 100%;
    height: 900px; /* Adjust as needed */
}

/* Each slide */
.expertiseSec .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff; /* Example background */
    padding: 40px;
    box-sizing: border-box;
    border-radius: 10px;
    height:400px !important;
    
}

/* Optional: pagination styling */
.expertiseSec .swiper-pagination-bullet {
    background: #0073aa; /* Custom bullet color */
}

.expertiseSec .swiper-slide div{
height:100%;
display:flex !important;
flex-direction:column;
justify-content:end !important;
align-items:start;
}

.expertiseSec .swiper-slide div h2{
font-family:"Manrope", Sans-serif;
font-size:34px;
line-height:40px;
font-weight:600;
color:#000;
}

.expertiseSec .swiper-slide div p{
font-family:"Manrope", Sans-serif;
font-size:17px;
line-height:27px;
color:#000;
}

.expertiseSec .swiper-slide div .btn{
    font-family: "poppins", Sans-serif;
    background: linear-gradient(90deg, #CC0090 0%, #A432A6 25%, #7E62BA 50%, #00FFFF 100%) !important;
    font-weight: 600;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.28);
    border-radius: 90px 90px 90px 90px;
    padding: 12px 22px 12px 22px;
	color:#fff;
	display:flex;
	align-items:center;
	gap:20px;
	font-size:18px;

}

.caseSec .swiper-slide{
background-color: #EDEDED;
      border-radius: 12px;
      display: flex;
      flex-wrap: wrap;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
      overflow: hidden;
   
}

.caseSec .card{
      display: flex;
      flex-direction:row;
      padding:55px 50px;
      
}


.caseSec .card .left,.caseSec .card .right{
 width:50%;
}
.caseSec .card .left{
padding-right:40px;
border-right:1px solid #00000091;
}

.caseSec .card .right{
border-left:1px solid #00000000;
padding-left:40px;
}


.caseSec .card .quote-text,.caseSec .card h3{
font-family:"Poppins", Sans-serif;
letter-spacing:-1px;
font-size:30px;
}

.caseSec .card .right{
font-family:"Poppins", Sans-serif;
letter-spacing:-1px;
font-size:17px;
}


.caseSec  .quote-text::before {
content:url('http://localhost/brands/wp-content/uploads/2025/08/unnamed-file.png');
position:absolute;
top:60px;
}

.caseSec .quote-text{
padding-top:50px;
}


.caseSec  .right .section h3.challenge::before {
content:url('http://localhost/brands/wp-content/uploads/2025/08/Vector-8.png');
top:60px;
}

.caseSec  .right .section h3.solution::before {
content:url('http://localhost/brands/wp-content/uploads/2025/08/Vector-9.png');
top:60px;
}


.caseSec .right .section h3{
display:flex;
gap:10px;
align-items:center;
}

.caseSec .right .section p {
padding-left:52px;
}

.caseSec .read-more {
position:absolute;
right:30px;
top:30px;
display:flex;
gap:10px;

}

.caseSec .read-more img{
width:20px;
height:20px;
}
.caseSec .read-more span{
padding-top:4px;
}


.caseSec .result p{
font-family: "Manrope", Sans-serif;
 font-size:24px;
font-weight:600;
text-transform:capitalize;
color:#000;

}

.caseSec .swiper-button-prev{
left:auto;
right:0;
top:-30px;
z-index:1000;
}

.caseSec .swiper-button-next{
right:0;
top:-30px;
z-index:1000;
}

.navMenus{
background:#ffffff2b;
border-radius:90px;
padding-top:13px;
padding-bottom:13px;
padding-left:13px;
padding-right:13px;
}

 #testimonials
.elementor-testimonial{
background: linear-gradient(90deg, #5398d2 0%, #7f61ba 25%, #5398d2 50%, #7f61ba 100%) !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) ;
min-height:300px;
}

#testimonials
.elementor-testimonial__header{
background:transparent !important;
}

#testimonials .elementor-testimonial__content {
padding-bottom:0 !important;
padding-top:30px !important;
}

.acc summary[aria-expanded="true"] ,.acc summary:hover{
background: linear-gradient(90deg, 
  #CC0090 0%, 
  #A432A6 25%, 
  #7E62BA 50%, 
  #00FFFF 100%
) !important;
color:#fff !important;

}

.acc summary[aria-expanded="true"] i::before,.acc summary:hover i::before{
color:#fff !important;
}

.portfolioLoop img{
width:100% !important;
}

.portfolioLoop  {
    height:450px;
}

.portfolioLoop  img:hover {
    transform: translateY(calc(-100% + 200px));
    transition: transform 5s ease-in-out;
}
.portfolioLoop img {
    display: block;
    object-fit: cover;
    transition: transform 5s ease-in-out;
    
}

.page-id-1478 #contactus{
display:none !important;
}

#package::before {
    content: " ";
    position: absolute;
    top: -21px;
    left: -25px;
    background-image: linear-gradient(0deg, #9b3daa45 0%, #19e1f263 100%);	background-repeat:no-repeat;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    overflow: hidden;
}
#package{
filter: drop-shadow(0 10px 15px #0000001a);
}

.package-list ul{
    padding-left: 23px;
    margin-top: 6%;
    height: 170px;
    overflow: overlay;
    max-width: 100%;
    transition: all 500ms linear;
    padding-right: 20px;
}

.package-list {
width:90%;
}

.package-list ul li span:last-child{
    padding-right: 15px;
}
.package-list ul::-webkit-scrollbar-track {
    background: #fff !important;
    border: 2px solid #3F51B5; !important;
    border-radius: 20px !important;
}

.package-list ul::-webkit-scrollbar-thumb {
    background-color: #3F51B5;
    border-radius: 20px;
}

.package-list ul::-webkit-scrollbar {
    width: 12px;
}
.pack-price {
    font-size: 32px;
    font-weight: 700;
    position: relative;
    text-align: center;
    z-index: 1;
    background-image: url('https://beacondigitalagency.com/brands/wp-content/uploads/2025/08/price-shape-removebg-preview.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
    height: 145px;
    width: 145px !important;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    top:45px;
}

#package:hover{
background: linear-gradient(90deg, 
  #CC0090 0%, 
  #A432A6 25%, 
  #7E62BA 50%, 
  #00FFFF 100%
) !important;

}


#package:hover{
color:#fff;
}

#package:hover .gradientText{
background: linear-gradient(180deg, #ffffff 0%, #f8f4ff 40%, #ffffff 100%);
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
}

#package:hover span  {
color:#fff;
}

#package:hover .elementor-icon-list-icon svg{
filter:invert(1)brightness(10);
}

.videoLoop img{
height:350px;
object-fit:cover;
}
.videoLoop{
height:350px !important;
}

.emaill span.elementor-icon-list-text {
word-wrap: break-word;      /* Old support */
overflow-wrap: break-word;  /* Modern support */
word-break: break-all;  
}

.faqs span.e-opened {
content:url('https://beacondigitalagency.com/wp-content/uploads/2025/08/Polygon-2-2.svg ');
}

.faqs span.e-closed{
content:url('https://beacondigitalagency.com/wp-content/uploads/2025/08/Polygon-2-1-1.svg ');
}

#elementor-popup-modal-2683 .dialog-lightbox-message{
    overflow: hidden !important;
}


#elementor-popup-modal-2683  .dialog-widget-content{
height: max-content !important;
}

.menuServices > div{
height:400px !important;
overflow:auto;
}

.menuServices > div::-webkit-scrollbar-track {
    background: #fff !important;
    border: 2px solid #3F51B5; !important;
    border-radius: 20px !important;
}

.menuServices > div::-webkit-scrollbar-thumb {
    background-color: #3F51B5;
    border-radius: 20px;
}

.menuServices > div::-webkit-scrollbar {
    width: 12px;
}

.singleBox:hover {
transform:scale(1.1);
background: linear-gradient(180deg, #CC0090 0%, #7E62BA 40%, #00FFFF 100%);
}

.singleBox:hover .gradientText , .singleBox:hover img{
filter:invert(1)brightness(10) !important;
}

.single-service header{
background:#1c092e;
}

.portfolio-marquee {
    display: flex;
/*     overflow: auto; */
    white-space: nowrap;
    animation: marquee 30s linear infinite;
}

.portfolio-marquee.direction-right {
    animation-direction: reverse;
}

.marquee-item {
    flex-shrink: 0;
    margin: 0 15px;
}

.marquee-item img {
    height: 300px;
    width: auto;
    object-fit: cover;
    object-repeat:no-repeat;
}

@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

.logos .marquee-item img{
height: 300px !important;
}

/* .logos .portfolio-marquee{
height:200px !important;
} */

.website img{
    display: block;
    height: 430px;
    object-fit: cover;
    object-position: top;
    width: 100%;
}

.website .marquee-item {
min-width:253px;
}

@media screen and (max-width: 1240px) and (min-width: 1025px) {
    .navMenus a.elementor-item.elementor-item {
        font-size: 1.3vw !important;
   		 padding: 13px 10px;
    }

	.headerBtn .elementor-button{
	font-size:18px !important;
	}

	.ctaBtn span{
	font-size:17px 
	}
}


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

.expertiseSec .swiper-slide div h2{
font-size:25px;
}

.expertiseSec .swiper-slide div p{
font-size:16px;
}

.aboutBox .elementor-widget-image-box:nth-child(3){
margin-top:0px  !important;
}

.expertiseSec .swiper-slide{
padding:16px !important;
}



.elementor-nav-menu--dropdown .elementor-item.elementor-item-active, .elementor-nav-menu--dropdown .elementor-item.highlighted, .elementor-nav-menu--dropdown .elementor-item:focus, .elementor-nav-menu--dropdown .elementor-item:hover, .elementor-sub-item.elementor-item-active, .elementor-sub-item.highlighted, .elementor-sub-item:focus, .elementor-sub-item:hover{
background: linear-gradient(90deg, 
  #CC0090 0%, 
  #A432A6 25%, 
  #7E62BA 50%, 
  #00FFFF 100%
) !important;


}


#testimonials .elementor-testimonial__content{
padding-bottom:30px !important;
}

.footerMenu ul{
    flex-direction: column;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

}

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

.portfolios .e-n-tabs-heading {
flex-direction:column !important;
}

div#package>div{
flex-wrap:nowrap !important;
justify-content: space-between !important;
}

.pack-price{
height: 121px !important;
max-width: 100px !important;
right: 0 !important;
}

div#package .elementor-element-3a74bee3 > .elementor-widget-container
 {
    padding: 30px 0px 0px 0px !important;
}

}