/*
Theme Name: Katja Theme
Theme URI: https://shaktiwebsolution.in/
Template: astra
Author: Pradeep Chauhan
Author URI: http://www.shaktiwebsolution.in
Description: Katja Theme
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.11.9.1755018220
Updated: 2025-08-12 17:03:40

*/

.main-header-menu{
	background:rgba(0,0,0,0.6);
}


.header-text-box{
	/* Generic content box styling */
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: auto !important;
	padding: 40px 20px !important;
	width: 100% !important;
}


.main-navigation  ul li a.menu-link:hover{
	color:#FEFF00 !important;
}

.main-navigation  ul li a.menu-link{
	font-weight:600 !important;
	color:#FFF !important;
}

.page-id-2346 .site-content{
	background:#FFF !important;
}



.btncls a,
.btnyellow a,
.iconbox .btncls a,
.wpforms-submit{
	background:#FEFF00 !important;
	color:#000 !important;
	font-size:20px !important;
	border:2px solid transparent !important;
	font-weight:400 !important;
	text-transform:uppercase !important;
}

.btncls a:hover,
.btnyellow a:hover,
.wpforms-submit:hover{
	color:#FEFF00 !important;
	background:#000 !important;
 	border:2px solid #FEFF00 !important;
	font-weight:400 !important;
}

/*

span.site-logo-img{
 	background: rgba(255,255,255,0.4);
	padding: 50px 0px !important;
}

.header-text-box{
	background: linear-gradient(to bottom, transparent 0%, white 50%, transparent 100%) !important;
	padding: 50px 0px !important;
}


*/

/*
span.site-logo-img{
  background: linear-gradient(to bottom, 
    transparent 0%, white 50%,     transparent 100%);
	padding: 50px 0px !important;
}
*/


.header-text-box {
    background: linear-gradient(to bottom, transparent 100%, white 0, transparent 100%) !important;
 }

.logofind{
	position:relative;
}

.ue-simple-popup-wrapper{
	display: block !important;
	padding: 50px;
}

.ue-simple-popup-overlay span,
.ue-simple-popup-overlay p{
	color:#FFF !important;
	font-size:22px;
}

.logofind img {
	background: #FEFF00;
	padding: 15px;
	border-radius: 50px !important;
	position: absolute;
	top: -35px;
	z-index: 5;
	left: 155px;
	max-width: 20% !important;
}


.iconbox .elementor-icon,
.pagegrid .elementor-icon,
.boxx img {
	background: #FEFF00;
	padding: 20px;
	border-radius: 50px !important;
}

.iconbg .elementor-icon {
	background: #FEFF00;
	padding: 20px;
	border-radius: 50px;
}

.iconbg .elementor-icon i{
	color:#000 !important;
}

.iconbox{
	border: 1px solid !important;
	padding: 15px !important;
	margin:10px !important;
}

.iconbox span{
	line-height:25px;
}

.logogrid .ue-flip-box__panel__content .ue-flip-box__description a{
	background: #FEFF00;
	padding: 20px;
	border-radius: 10px;
	color:#000;
}
 
.col4image .ue-flip-box__panel__content .ue-flip-box__description a{
	background:transparent;
	padding: 20px;
	border-radius: 10px;
	color:#fff;
}
 
 
 
.logobox{
    display: flex;
    align-items: center !important;
    justify-content: center  !important;
    gap: 15px !important;
    flex-wrap: wrap !important;
    /* height: 120px; */
    padding: 60px;
	border: 1px solid #e5e5e5;
	border-radius:10px;
}

.logobox img {
    /*  max-height: 80px;          Reduce image/logo height */
    width: auto;                /* Keep aspect ratio */
    display: block;             /* Avoid inline spacing issues */
}

.logobox:hover{
	border-radius:10px;
	border: 1px solid #fff;
 	box-shadow: 0px 1px 10px 5px #bfbfbf;
}

.logobox .elementor-widget-container,
.logobox + div {
  height: auto !important;
}

 .site-footer-primary-section-1 .widget_block img{
	 width:50% !important;
 }
 
 .wpforms-title{
	 color:#FFF !important;
 }

div.marquee_text {
    /*display: inline-block;
    padding-left: 100%;*/
    animation: marquee 15s linear infinite;
}
 
#testimonials .owl-prev{
	left: -60px;
	background: #2C3440;
	color: #fff;
}

#testimonials .owl-next{
	right: -60px;
	background: #2C3440; 
	color: #fff;
}



.ue-simple-popup-wrapper a{
	border: 2px solid #FEFF00;
	padding: 10px 20px;
 	color:#000;
	font-size:24px;
	background:#FEFF00;
	text-transform:uppercase;
	font-weight:400;
}


.ue-simple-popup-wrapper a:hover{
	border: 2px solid #FEFF00;
	padding: 10px 20px;
 	color:#FEFF00 !important;
	background:#000;
	font-size:24px;
	text-transform:uppercase;
}



#services .ue-simple-popup-btn-txt,
.popbox{
	text-transform:uppercase;
	font-size:20px;
}

#services .ue-simple-popup-trigger:hover{
	border:1px solid #FEFF00;
 }


.ue-simple-popup-wrapper p,
.popbox p {
  	color: #FFF !important;
	font-size: 20px !important;
 }
 


.logosliderouter .swiper-slide{
	border: 1px solid #FFF;
 	margin: 10px;
	border-radius: 10px;
	background:#fff;
}

#services .iconbox {
	height: 370px;
	padding-top: 50px !important;
	border: 2px solid #fff !important;
	display:inline-block;
}


#services .iconbox:hover{
	background:#000;
	border-radius:200px;
	border:2px solid #fff;
	color:#fff;
}

#services .iconbox:hover h3, #services .iconbox:hover p{
	color:#fff !important;
}
#services .iconbox:hover .elementor-icon{
	background:#fff;
}

#services .popbox {
	text-align: center;
 }
 
#gallery-1 img {
	text-align: left !important;
	margin: -1px;
	width: 50% !important;
}

footer.site-footer,
footer .site-below-footer-wrap{
	padding:0px !important;
}

.imgwhitebg .ue-flip-box__panel--front img{
	background:#FFF !important;
}

.paddingtop .ue-flip-box__panel--front{
	padding-top:20px !important;
}

.logogrid .ue-flip-box__panel--front img{
	max-width:150px !important;
}


.hrline hr{
	max-width: 50%;
	margin: 0 auto !important;
 	margin-top: 10px !important;
}
 
 
.numbers .ncounter{
	border:1px solid #888;
	padding: 23px;
	text-align: center;
}

.numbers .ncounter:hover{
	border:1px solid #fff;
}

.numbers .ncounter:hover .elementor-counter-number{
	color:#fff;
}
.numbers .ncounter:hover .elementor-counter-number-suffix{
	color:#fff;
}

.numbers .ncounter:hover .elementor-counter-title{
	color:#FEFF00 !important;
}

#testimonials .owl-dots .active{
	border:1px solid #fff;
	background:#fff;
}
 
.pressdiv .pressboxinner{
	border:1px solid #fff;
	padding:30px;
	border-radius:10px;
}

								/* For screens narrower than 768px (tablet & mobile) */
@media (max-width: 768px) {
 
 header .custom-logo-link img {
	max-width: 140px;
	width: 160px;
}

.header-text-box{
	width: 100% !important;
	max-width: 100% !important;
	margin-top:80px;
}

  span.site-logo-img {
	background: rgba(255,255,255,0.4);
	padding: 45px 0px !important;
}

ul.main-header-menu  li a{
	color:#FFF !important;
}

#hero{
	padding-top:100px;
}

.ue_marquee a{ 
	padding:0px;
}

.ue-simple-popup-wrapper{
	width:400px !important;
	height:90vh !important;
}

.ue-simple-popup-wrapper a{
	border: 1px solid #FEFF00;
	padding: 10px 20px;
	border-radius: 10px;
	color:#000;
	background:#FEFF00;
	font-size:20px;
	text-transform:capitalize;

}


.ue-simple-popup-wrapper a:hover{
	border: 1px solid #FFF;
	padding: 10px 20px;
	border-radius: 10px;
	color:#FEFF00 !important;
	background:#000;
	font-size:20px;
	text-transform:capitalize;

}
 
#testimonials .owl-prev {
	left: 0px;
	background: transparent !important;
	color: #fff;
 }

#testimonials .owl-next {
	right: 0px;
	background: transparent !important;
	color: #fff;
 }



  #services .e-con-inner {
    flex-direction: column;
  }

  #services .iconbox {
    flex: 0 0 100%;       /* full width */
  }
 



}

 
/* iPad / tablets in landscape mode */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  
   
.header-text-box{
	width: 100% !important;
	max-width: 100% !important;
}

   
}

@media (min-width: 991px) {


 .whatwedo {
	min-height: 330px;
 }
 
}


@media (min-width: 922px) {
  
	header .site-primary-header-wrap.ast-container{
		max-width: 100% !important;
	}
	
	header .site-header-primary-section-right{
		margin-top: -93px;
		margin-right: -20px;
	}
	
	header.main-header-bar{
		padding:0px !important;
	}

	.main-header-menu > .menu-item {
		line-height: 50px !important;
	}

	.menu-item::after {
	  content: "|";
	  margin-left: 0px;
	  color: #fff;
	}




		/* Add | separator after each menu item except the last */
		.menu-item-2179::after {
		  content: " ";
		}



#hero{
	position:relative;
}

#hero .header-text-box {
	position: absolute;
	bottom: 10px;
	left: 0px;
}

.imgtextbox img {
	background: #FEFF00;
	padding: 20px;
	border-radius: 50px !important;
}

.imgtextbox {
	margin-top: -114px;
}


.imgtextbox .elementor-image-box-description br{
	margin-bottom: 20px;
}





}

 
#uc_marquee_elementor123 a{
	  -webkit-text-stroke: transparent !important;
}

.col4image,
#partners{
	background:#000 !important; 
}

#partners h2{
	color:#FEFF00 !important; 
}

#partners p{
	color:#FFF !important; 
}

#footer-form{
	background:#FFF !important;
}



#footer-form ul.elementor-icon-list-items li span i,
#footer-form ul.elementor-icon-list-items li span{
	color:#000 !important;
}