/*
Theme Name: Integrio Child
Author: WebGeniusLab
Author URI: http://webgeniuslab.net
Description: -
Version: 1.0
Template: integrio
Text Domain:  integrio-child
*/

/* metropolis-latin-400-normal */
@font-face {
  font-family: 'Metropolis';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/metropolis@latest/latin-400-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/metropolis@latest/latin-400-normal.woff) format('woff');
}

/* metropolis-latin-500-normal */
@font-face {
  font-family: 'Metropolis';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/metropolis@latest/latin-500-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/metropolis@latest/latin-500-normal.woff) format('woff');
}

/* metropolis-latin-600-normal */
@font-face {
  font-family: 'Metropolis';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/metropolis@latest/latin-600-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/metropolis@latest/latin-600-normal.woff) format('woff');
}

/* metropolis-latin-700-normal */
@font-face {
  font-family: 'Metropolis';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/metropolis@latest/latin-700-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/metropolis@latest/latin-700-normal.woff) format('woff');
}

/* metropolis-latin-800-normal */
@font-face {
  font-family: 'Metropolis';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/metropolis@latest/latin-800-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/metropolis@latest/latin-800-normal.woff) format('woff');
}

body, sr7-slide {
	font-family: 'Metropolis' !important;
}

img.default_logo, img.logo-sticky {
	height:30px;
}
.footer-menu{
	font-family: 'Metropolis';
  font-style: normal;
  font-size: 16px!important;
	font-weight: 700;
	color: #cccccc!important;;
	
}

.vc_wp_custommenu .menu .menu-item a {
padding-left: 0px!important;
}

.vc_wp_custommenu .menu .menu-item{
	display: block!important;
	padding-left: 0px!important;
}

.body .widget_nav_menu > div > ul > li > a:before, body .widget_nav_menu > div > ul > li > a:after {
color:rgb(255 255 255 / 0%);
}

.vc_wp_custommenu .menu .menu-item.current-menu-item > a:before, .vc_wp_custommenu .menu .menu-item.current-menu-ancestor > a:before{
	opacity: 0!important;
}
.footer_top-area .widget.widget_nav_menu ul li > a:hover, .footer_top-area .widget.widget_nav_menu ul li > a:hover{
    color: #fff!important; 
   text-decoration:underline;
}
.vc_wp_custommenu .menu .menu-item a:hover:before{
	opacity:0!important; 
}
.sr7-layer{
	font-family:"Metropolis"!important; 
}

.services_front{
    height: 370px;
}

.integrio_module_services_5 .services_wrapper{
	height: 370px;
	justify-content:center!important; 

}

/* .custom-link {
    text-decoration: none;
    color: #000;
  }

.custom-link:hover {
    color: #fff;
} */
#main {
	padding: 0px!important; 
}
.wpcf7-response-output{
	color:#fff;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
	border:0px!important;
}

.wpcf7 form.sent .wpcf7-response-output {
	border:0px!important; 
	background-color:#46b450;
	
}

.wpcf7 form .wpcf7-response-output{
	border:0px!important; 
}
.wgl_timetabs .timetabs_headings .wgl_tab .services_icon, .wgl_timetabs .timetabs_headings .wgl_tab .services_image{
	height:50px;
	width:50px;
}
.wgl_timetabs .timetabs_headings .wgl_tab{
	align-items:center;
}

img.logo-mobile {
    max-height: 24px !important;
}

.vc_custom_1557229992747 {
	margin-top:150px;
	margin-bottom:-50px;
	
}

#SR7_1_1-1-2 {
	line-height: 1.1 !important;
}
.wpcf7-spinner{
	display:none!important;
}

form .row.transparent-01 input.wpcf7-submit{
	height: 60px;
    width: 160px;
    font-size: 16px;
    margin-top: 30px;
	color:#fff!important;
}
.services_back-bg{
	background-image: linear-gradient(42deg, #00BA18 0%, #FFD100 100%)!important;
}
.vc_custom_1558080562221{
	background-image: linear-gradient(42deg, #00BA18 0%, #FFD100 100%)!important;}

select{
	color:#fff!important;
	border:0px;
}
select:active{
	background:#ffffff7a!important;

}
option{
	color:#000;
}
/* Loader css */
/* Full-screen preloader */
/* Full-screen preloader */
#preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fff; /* Background color */
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.5s ease-out;
}

/* Fade-out effect */
#preloader.hidden {
    opacity: 0;
    pointer-events: none;
}

/* Rotating logo or icon */
.spinner {
    width: 80px; /* Adjust size as needed */
    height: 80px;
    background: url('/wp-content/uploads/2025/02/Ripple@1x-1.8s-200px-200px-1.gif') no-repeat center center;
    background-size: contain;
    animation: spin 2s linear infinite;
}

/* Smooth rotation animation */
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}


@media (max-width: 767.98px) {
.services_front{
    height: 340px;
	
}
	.spacing_size{
		padding-top:50px;
	}
}