/*
Theme Name: SolutionGlass
Author: Inventis
Author URI: https://wordpress.org/
Description: Theme for solutionglass
Version: 1.0
Text Domain: solutionglass
*/
@charset "UTF-8";

@media (max-width: 768px) {
	.img-fluid, .img-thumbnail {
		max-width: 75%;
		height:auto;
		top:-180px;
		position:absolute;
		left:-30px
	}
}


@media (max-width: 768px) {
	#home-hero-slider .zero-franchise .zero-franchise_image {
		width:150px!important;
    height:150px!important;
		top:45px;
		left:-20px;
		background-size:contain;
  	background-position:center;
    position:absolute;
	}
}

@media (max-width: 991px) { 
#home-hero-slider .zero-franchise .zero-franchise_before {
    display: block !important;
	} 
}
@media (max-width: 991px) { 
#franchise-hero-slider .zero-franchise {
    display:block !important;
	} 
}

@media (max-width: 768px) {
	#home-hero-slider .zero-franchise .zero-franchise_before {
		
	     	max-width:100%; 
	    	height:auto;
            left:-60px; 
            justify-content:center; 
            flex-wrap: wrap; 
		    top:30px; 
	        font-size: 16px;}
	}
@media (max-width: 768px) {
	#franchise-hero-slider .zero-franchise .zero-franchise_before {
		
	     	max-width:100%; 
	        height:auto;
            left:90px; 
            justify-content:center; 
            flex-wrap: wrap; 
		    top:165px; 
	        font-size: 16px;}
	}

@media (max-width: 768px) {
#franchise-hero-slider .zero-franchise .zero-franchise_image {
		max-width:50%!important;
        height:100%!important;
		top:20px;
		left:245px;
		background-size: contain;
     	background-position: center;
        position:absolute;
	}
}

.d-none {
    display: block!important;
}

.section-who-we-are {
    font-family: Poppins;
    padding-top: 130px!important;
    padding-bottom: 98px;
}

.section {
    padding-top: 1px;
    padding-bottom: 45px;
}

.btt-num{
    position: absolute;
    right: -15px;
    bottom: -88px;
    width: 300px;
}

.btt-num img {
    height: auto; 
    width: auto; 
    max-height: 100%; 
    max-width: 100%; 
}

.btt-num > a {
	display: block;
	width: 100%;
	height: 100%;
}

.btt-num a > span {
    color: #FFF;
    position: absolute;
    left: 93px;
    top: 67px;
    font-size: 20px;
}

.bts{
	color:#fff;
}
.btn-box { 
	left:1100px;
	top:75px;
	position:absolute;
}
#top-header .call-back {
	padding: 9px; }

#home-hero-slider .car-block h1 {
	font-size:80px;
	width:960px;
	left:-100px;
	position:absolute;
	top:-100px;
}

@media (max-width: 768px) { 
#home-hero-slider .car-block h1 {
    font-size: 38px; 
        line-height: 1.2;
        left: 4%; 
        top: -80px; 
        width: 90%; 
        text-align: center; 
}
	}

footer{
	background-color:#525ea7;
	color:#fff;
}

footer a{
	color:#fff
}

footer .copyright{
	color:#fff;
}
.contact_right_buttons>a,
.contact_right_buttons>div {
	display:none;
}

.has-text-align-center {
	font-size:25px;
}


.step_num{
	  text-align:center;
    font-size:18px;
    font-weight:700;
    line-height:23px;
    letter-spacing:0;
    color:#28397e;
    text-transform:uppercase;
	  top:700px;
	  position:absolute;
}

.mb-2{
	padding-top:60px;
}

#top-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    background-color: white; 
    box-shadow: 0px 2px 5px      rgba(0,0,0,0.2); 
}

main {
	overflow-y: hidden;
}

#top-header > .container {
	position: relative;
}
	
@media (max-width:768px) {
	.step_num{
		position:static;
		display:block;
		margin: 0 auto;
		top:auto;
	}
}

.contact_steps {
	flex-wrap:nowrap;
	display:flex;
	gap:10px;
  margin-bottom:10px;
}

@media (max-width:768px) {
	.contact_steps {
		flex-direction:row;		
	} 
}
@media (max-width:768px) {
	.step_text{
		width:100%;
		margin-top:20px;	
		display: -webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; 
     height:40px;
		
	}
}
.step {
	display: flex;
    flex-direction: column; 
    align-items: center;
    flex: 0 1 auto; 
    margin: -2px;
	  width:100%;
	  margin-bottom:10px;
}

.step_image {
    max-width: 100%
    height: auto; 
}

.step_text, .step_num {
    order: 2; 
}

.step_num {
    order: 3;
    font-size: 1.5rem; 
    color:#f70;
    font-weight: bold;
    margin-top: 10px; 
}

.slider-right-image {
    max-width: 300px;
    height: auto;
    width: 240px;
}

#franchise-hero-slider .slider-right-image {
	top: 20px;
    left: 488px;
}

.franchise {
	display: flex;
    flex-direction: column;
}

@media(max-width: 991px) {
	.slider-right-image {
		margin-top: -60px;
	}

	#franchise-hero-slider .slider-right-image {
		margin-top: 0;
		top: 30px;
		max-width: 100px;
		position: absolute;
		left: auto;
		right: -40px;
	}
}

@media (max-width:768px) {
	.top-line div {
		width: 100%;
	}

	.step_image{
		height:auto;
		max-width:100%;
	}

	.btn-box{
		position:absolute;
		left:190px;
		top:82px;
	}

	.btt-num {
		position: absolute;
		right: calc(50% - 100px);
		bottom: -72px;
		width: 200px;
	}

	.btt-num a > span {
		color: #FFF;
		position: absolute;
		left: 57px;
		top: 42px;
		font-size: 15px;
	}

	.our-advantages.wp-block-columns {
		justify-content: space-between;
	}

	.our-advantages .wp-block-column {
		flex-basis: calc(50% - 16px)!important;
    	flex-grow: 0;
	}
	
	.our-engagements .wp-block-column {
		flex-basis: calc(50% - 16px)!important;
    	flex-grow: 0;
	}

	.our-engagements.wp-block-columns {
		justify-content: space-between;
	}
}

@media(max-width: 576px) {
	.our-advantages .wp-block-column {
		flex-basis: calc(50% - 16px)!important;
    	flex-grow: 0;
	}

	.our-advantages .wp-block-column img {
		width: 80px;
	}

	.our-advantages .has-text-align-center {
		font-size: 16px;
		line-height: 1.5;
	}

	.our-advantages .our-advantages_item_text {
		font-size: 18px;
		line-height: 1.5;
	}
	
	.our-engagements .wp-block-column {
		flex-basis: calc(50% - 16px)!important;
    	flex-grow: 0;
	}

	.our-engagements .wp-block-column img {
		width: 80px;
	}

	.our-engagements .has-text-align-center3 {
		font-size: 16px;
		line-height: 1.5;
	}

	
}