/*
Theme Name: Muzze
Theme URI: https://themeforest.net/user/ovatheme/portfolio
Version: 1.7.2
Description: Muzze is a modernized take on an ever-popular WordPress. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Muzze will make your WordPress look beautiful everywhere. Created by <a href="https://themeforest.net/user/ovatheme">Ovatheme</a>
Author: <a href="https://themeforest.net/user/ovatheme">Ovatheme</a>
Author URI: <a href="https://themeforest.net/user/ovatheme/portfolio">Ovatheme</a>
License: GNU General Public License
License URI: license.txt
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-menu, editor-style, featured-images, flexible-header, full-width-template, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: muzze
*/


ul#menu-services, ul#menu-quick-links {
    list-style: none;
    margin: 0;
	padding: 0;}

ul#menu-services li a, ul#menu-quick-links  li a {
color: #fff;
    text-decoration: none;
    font-size: 14px;	
    }

.hideicon span:before {
    display: none;
}

.homegallery .cbp-l-caption-body div {
    display: none!important;
}

.gallerypage .cbp-l-caption-body div {
    display: none!important;
}

.cbp-popup-lightbox-title {
    display: none!important;
}

.elementor-133 .elementor-element.elementor-element-53ce43a:not(.elementor-motion-effects-element-type-background), 
.elementor-133 .elementor-element.elementor-element-53ce43a>.elementor-motion-effects-container>.elementor-motion-effects-layer {
    background-image: url(https://dyinfraprojects.com/wp-content/uploads/2020/09/bg-home-minimal-full.jpg)!important;    
}
.current-menu-parent > a {
    color:#349CF8!important;
}
/* -------New CSS Work 3rd Dec 2023---------- */

.portfolio-section {
	border-right: solid 1px #E2E2E2!important;
	border-bottom: solid 1px #E2E2E2!important;
	font-family: "Raleway", Sans-serif!important;
	background:#fff;
	transition: all ease-in-out;
}
.portfolio-section:hover {	
	background:#FCFDFF
}

.portfolio-section .elementor-heading-title {
    font-size: 20px!important;
    display: flex;
    align-items: center;
}
.portfolio-section img {  	
	transition: all .3s ease-in-out;
}
.portfolio-section:hover img {  
	box-shadow: 0px 0px 24px 1px rgba(0,0,0,0.27);
	transition: all .3s ease-in-out;
}
.portfolio-section h2 {
    margin:0px;
	padding:0px;	
}
.portfolio-section h2 a{
    font-size: 24px!important;
    color:#000000!important;
	font-weight:700;   
	font-family: "Raleway", Sans-serif!important;
		transition: all .3s ease-in-out;
}
.portfolio-section:hover h2 a{    
    color:#4054B2!important;	
}
.portfolio-section p{
    font-size: 20px!important;
   color:#25282E!important   ;
	font-family: "Raleway", Sans-serif!important;
	line-height: 26px;
    font-weight: 500;
}
.portfolio-section .elementor-heading-title:before {
    content: "";
    width: 46px;
    height: 1px;
    background: #606060;   
    margin-right: 10px;
}
.portfolio-section-inner {
	border-right: solid 1px #E2E2E2!important;
	border-bottom: solid 1px #E2E2E2!important;
	border-top: solid 1px #E2E2E2!important;
	font-family: "Raleway", Sans-serif!important;
	background:#FCFDFF;
	transition: all ease-in-out;
}
.portfolio-section-inner.nobg {	
	background:#fff;	
}
.portfolio-section-inner .now-heading {
    font-size: 20px!important;
    display: flex;
    align-items: center;
	font-weight:800!important;
	text-transform:uppercase;
	justify-content: end;
}
.portfolio-section-inner .now-heading:before {
    content: "";
    width: 46px;
    height: 1px;
    background: #000;   
    margin-right: 10px;
}
.portfolio-section-inner.nobg .now-heading{	
	justify-content: start;	
}

.portfolio-section-inner .swiper-slide a figure:after {
    content: "";
    width: 46px;    
    position: absolute;
    right: 30px;
    bottom: 30px;    
    color: #fff!important;
    height: 46px;
    background-image: url(https://dyinfraprojects.com/wp-content/uploads/2023/12/zoom-img.png);
    background-size: 50% 50%;
    background-size: cover;
}

.portfolio-section-inner.imggap .swiper-slide a figure:after {  
    right:50px;
    bottom: 30px;        
}

.portfolio-section-inner.imggap .swiper-slide {padding: 0px 20px 0px 0px;
}

.portfolio-section-inner.imggap .elementor-swiper-button-next {
    right:0px;
    bottom: -86px!important;
    border: solid 1px;
    width: 40px;
    height: 40px;
    background: #000;
    border-radius: 100px;
    border: 0px;
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    top: auto!important;
   font-size: 18px!important;
}
.portfolio-section-inner.imggap .elementor-swiper-button-prev {
    right:50px;
	  left:auto!important;
    bottom: -86px!important;
    border: solid 1px;
    width: 40px;
    height: 40px;
    background: #000;
    border-radius: 100px;
    border: 0px;
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    top: auto!important;
   font-size: 18px!important;
}

.ova_button.left .elementor-button-link {
    background: url("https://dyinfraprojects.com/wp-content/uploads/2019/02/arrow-collection-left.png") no-repeat; 
	}
.elementor-section.elementor-section-height-full {
    height: calc(100vh - 48px);
} 
.portfolio-section-inner figure.swiper-slide-inner{
	border-radius: 12px 12px 12px 12px;
overflow:hidden;
}
.portfolio-section-inner figure.swiper-slide-inner img{
	transition: all .8s ease-in-out;
}
.portfolio-section-inner figure.swiper-slide-inner:hover img{
	transform:scale(1.2)
}

.portfolio-section-inner {
    border-right: solid 0px #E2E2E2!important; 0
    border-bottom: solid 0px #E2E2E2!important; 
    border-top: solid 1px #E9E9E9!important;
    font-family: "Raleway", Sans-serif!important;
    background: #FCFDFF;
    transition: all ease-in-out;
    margin-bottom: 0px;
    padding-bottom: 50px;
}

@media (max-width: 767px){
	
.mobilesec2 img {
    height: 100%!important;
}
.mobilesec1 > .elementor-column-gap-default{height:100%!important}
	
.portfolio-section-inner.nobg {   
    border: 0!important;
}    
	
.portfolio-section-inner {
    border-bottom: solid 0px #E2E2E2!important;
	padding-bottom: 10px;
}
.portfolio-section-inner.nobg .now-heading {
    justify-content: end;
}
	.portfolio-section-inner.imggap .swiper-slide {padding: 0px 5px 0px 5px;
}
.portfolio-section-inner.imggap .elementor-swiper-button-prev {
    right:auto!important; 
    left: -15px!important;
    bottom:auto!important;    
    top: 50%!important;    
}	
	.portfolio-section-inner.imggap .elementor-swiper-button-next {
    left:auto!important; 
    right: -15px!important;
    bottom:auto!important;    
    top: 50%!important;    
}	
	.back-btn {
    display: block!important;
}
.portfolio-section-inner.imggap .swiper-slide a figure:after {
    right: 20px;
    bottom: 20px;
}	
.portfolio-section-inner .swiper-slide a figure:after {    
    right: 20px;
    bottom: 20px;    
}	
	
	}

.homepageslider .elementor-slide-content {
    margin: auto!important;
}

.colorwhite p{color:#fff!important}
.service-col {
    overflow: hidden;	
}
.service-col > div {
 transition: all .5s ease-in-out!important;
	 
}
.service-col:hover > div {
 transform:scale(1.1)  	
}

.templatenew.elementor-arrows-position-outside .swiper-container {
    width: calc(100% + 60px)!important;
}


.templatenew.elementor-arrows-position-outside .swiper-container .eicon-chevron-right:before {
    content: 'Next';
    color: #000;
    text-transform: uppercase;
    font-family: 'Raleway';
    font-weight: 600;
    letter-spacing: .5px;
    font-size: 16px;
}

.templatenew.elementor-arrows-position-outside .swiper-container .eicon-chevron-left:before {
    content: 'Prev';
    color: #000;
    text-transform: uppercase;
    font-family: 'Raleway';
    font-weight: 600;
    letter-spacing: .5px;
    font-size: 16px;
}

.templatenew.elementor-arrows-position-outside .swiper-container .elementor-swiper-button {   
    top: -30px!important;  
}

.templatenew.elementor-arrows-position-outside .swiper-container .elementor-swiper-button-prev {
    left: auto!important;
    right: 60px!important;
}

.templatenew .swiper-slide{
       text-align: left!important;
}

@media (max-width: 1023px){
	
.templatenew.elementor-arrows-position-outside .swiper-container {
     width: 100%!important; 
}
	}
.ova-member-icon-list .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text {
    padding-left: 10px;
    font-size: 17px;
    line-height: 28px;
    color: #ffffff;
}

.line-height-32 p {
    color: #ffffff !important;
}		</style>
		<style id="wpr_lightbox_styles">
				.lg-backdrop {
					background-color: rgba(0,0,0,0.6) !important;
				}
				.lg-toolbar,
				.lg-dropdown {
					background-color: rgba(0,0,0,0.8) !important;
				}
				.lg-dropdown:after {
					border-bottom-color: rgba(0,0,0,0.8) !important;
				}
				.lg-sub-html {
					background-color: rgba(0,0,0,0.8) !important;
				}
				.lg-thumb-outer,
				.lg-progress-bar {
					background-color: #444444 !important;
				}
				.lg-progress {
					background-color: #a90707 !important;
				}
				.lg-icon {
					color: #efefef !important;
					font-size: 20px !important;
				}
				.lg-icon.lg-toogle-thumb {
					font-size: 24px !important;
				}
				.lg-icon:hover,
				.lg-dropdown-text:hover {
					color: #ffffff !important;
				}
				.lg-sub-html,
				.lg-dropdown-text {
					color: #efefef !important;
					font-size: 14px !important;
				}
				#lg-counter {
					color: #efefef !important;
					font-size: 14px !important;
				}
				.lg-prev,
				.lg-next {
					font-size: 35px !important;
				}

				/* Defaults */
				.lg-icon {
				background-color: transparent !important;
				}

				#lg-counter {
				opacity: 0.9;
				}

				.lg-thumb-outer {
				padding: 0 10px;
				}

				.lg-thumb-item {
				border-radius: 0 !important;
				border: none !important;
				opacity: 0.5;
				}

				.lg-thumb-item.active {
					opacity: 1;
				}