.nobottomspacing p:last-child, .nobottomspacing20 p:last-child, .nobottomspacing20 ul, .nobottomspacing20 ul li:last-child, .nobottomspacing ul, .nobottomspacing ul li:last-child {
    margin-bottom: 0px !important;
}
.home_stos_loop{
    position: relative !important;
    overflow: hidden !important;
    /* height: 400px !important; */
	cursor:pointer;
}
.nospacinglist ul {
    margin-top: 0px;
    margin-bottom: 0px;
}

.home_stos_loop_innertxt {
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    transform: translateY(70px) !important;
    transition: all .5s ease !important;
    z-index: 2 !important;
    padding: 30px;
}

.loop_txt{
    display: block !important;
}

.loop_txt_hover{
    display: none !important;
}

.home_stos_loop .elementor-widget-button{
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(20px) !important;
    transition: all .5s ease !important;
}

.home_stos_loop:hover .home_stos_loop_innertxt{
    transform: translateY(0) !important;
    background: #27A540;
	border-radius: 0px 80px 20px 20px;
}

.commercial-services-block .home_stos_loop:hover .home_stos_loop_innertxt {
	background: #046BD2!important;
}

.nopaddinghover {
	padding-bottom: 20px;
}
.home_stos_loop:hover .nopaddinghover{
   padding-bottom: 0px !important;
}
.home_stos_loop:hover .loop_txt{
    display: none !important;
}

.home_stos_loop:hover .loop_txt_hover{
    display: block !important;
   /*  color: #000 !important; */
}


.home_stos_loop:hover .hoverhidearrow{
    display: none !important;
}

.home_stos_loop:hover h3,
.home_stos_loop:hover .loop_txt_hover{
    /* color: #000 !important; */
}

.home_stos_loop:hover .elementor-widget-button{
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

/* Services Hoverbox Fix */
.home_stos_loop {
    position: relative;
}

.home_stos_image,
.home_stos_loop_innertxt {
    position: relative;
    z-index: 1;
}

.card-overlay-link {
    position: absolute;
    inset: 0;
    z-index: 50 !important;
    display: block;
}

.findoutmorehoverspace,
.findoutmorehoverspace a {
    position: relative;
    z-index: 60 !important;
}

.home_stos_image::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;

    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0) 0%,
        color-mix(
            in srgb,
            var(--e-global-color-accent) 85%,
            transparent
        ) 100%
    );
	border-radius:20px;
}

/* ======================================
SECTION
====================================== */

.stf-section{
position:relative;
overflow:hidden;
padding:300px 0;
}

.stf-images{
position:absolute;
inset:0;
}

.stf-card{
position:absolute;
left:50%;
top:50%;
transform-origin:center;
opacity:1;

transition:
    transform 1.5s cubic-bezier(.22,.61,.36,1),
    opacity .8s ease;

will-change:transform;

}

/* ======================================
COLLAPSED STATE
====================================== */

.card-1{
transform:translate(-60%,-55%) rotate(-12deg) scale(.75);
z-index:1;
}

.card-2{
transform:translate(-45%,-45%) rotate(8deg) scale(.75);
z-index:2;
}

.card-3{
transform:translate(-55%,-50%) rotate(-5deg) scale(.75);
z-index:3;
}

.card-4{
transform:translate(-50%,-60%) rotate(12deg) scale(.75);
z-index:4;
}

/* ======================================
EXPANDED STATE
====================================== */

.stf-section.active .card-1{
transform:
translate(-700px,-380px)
rotate(-6deg)
scale(1);
}

.stf-section.active .card-2{
transform:
translate(650px,-450px)
rotate(6deg)
scale(1);
}

.stf-section.active .card-3{
transform:
translate(-800px,280px)
rotate(-4deg)
scale(1);
}

.stf-section.active .card-4{
transform:
translate(600px,320px)
rotate(4deg)
scale(1);
}

/* ======================================
CONTENT
====================================== */

.stf-content{
position:relative;
z-index:20;

max-width:750px;
margin:auto;

text-align:center;

opacity:0;
transform:translateY(30px);

transition:
    opacity .8s ease,
    transform .8s ease;

}

.stf-section.active .stf-content{
opacity:1;
transform:translateY(0);
}

.stf-content h2 {
    color: #000;
    text-align: center;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    text-transform: capitalize;
    font-family: "forma-djr-display";
    margin-bottom: 40px;
}

.stf-content h4 {
    max-width: 600px;
    color: var(--CSG---Black, #000);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    text-transform: none;
    font-family: "forma-djr-display";
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

.stf-content p {
    max-width: 600px;
    margin: 0 auto 30px;
    color: var(--CSG---Black, #000);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.8px;
    font-family: "forma-djr-display";
}

.stf-btn{
display:inline-flex;
align-items:center;
justify-content:center;

min-width:180px;
height:56px;

border-radius:50px;
background:#000;
color:#fff;
text-decoration:none;

}

.stf-btn:hover {
	color:#fff;
	background:#dc0d15;
}

.stf-card{
    /* width:250px;
    height:auto;
    border:2px solid red; */
}
.stf-card{
    position:absolute;
    left:50%;
    top:50%;
}
.stf-section.active .card-1{
    left:255px;
    top:163px;
    transform:scale(1);
}

.stf-section.active .card-2{
    left:auto;
    right:40px;
    top:40px;
    transform: scale(1);
}

.stf-section.active .card-3{
    left:40px;
    bottom:40px;
    top:auto;
    transform: scale(1);
}

.stf-section.active .card-4{
    right:273px;
    bottom:75px;
    left:auto;
    top:auto;
    transform: scale(1);
}
.stf-card{
    transition:
        left 1.5s cubic-bezier(.22,.61,.36,1),
        right 1.5s cubic-bezier(.22,.61,.36,1),
        top 1.5s cubic-bezier(.22,.61,.36,1),
        bottom 1.5s cubic-bezier(.22,.61,.36,1),
        transform 1.5s cubic-bezier(.22,.61,.36,1),
        opacity .8s ease;
}
.loop_txt_hover {
    max-width: 84% !important;
}
.secondservice .loop_txt_hover {
    max-width: 85% !important;
}
.customboxshadow {
	box-shadow: 139px 609px 175px 0 rgba(0, 0, 0, 0.00), 89px 390px 160px 0 rgba(0, 0, 0, 0.01), 50px 219px 135px 0 rgba(0, 0, 0, 0.05), 22px 97px 100px 0 rgba(0, 0, 0, 0.09), 6px 24px 55px 0 rgba(0, 0, 0, 0.10);
}
.wpcf7 .selectoptionrow select.wpcf7-form-control {
    padding: 6px 10px;
    width: 100%;
    margin-top: 10px !important;
    height: 58px;
    padding: 0 20px;
    border-radius: 50px;
    border: 1px solid #000;
    background-color: #FFF !important;
    background-image: url(https://csg.bubblestaging.com/wp-content/uploads/2026/06/Vector-3-1.svg);
    background-repeat: no-repeat;
    background-position: right 20px center;
    appearance: none;
    color: var(--CSG---Black, #000);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.32px;
    font-family: "forma-djr-display";
}
.submitserviceform input.wpcf7-submit {
    display: flex;
    width: 100%;
    height: 60px;
    padding: 10px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    background: var(--CSG---Red, #DC0D15);
    color: var(--CSG---White, #FFF);
    font-family: "forma-djr-display";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    text-transform: capitalize;
}
.submitserviceform input.wpcf7-submit:hover {
	background: #B42025 !important;
}
.halfredarch:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50.6%;
    height: 1200px;
    background-image: url('https://csg.bubblestaging.com/wp-content/uploads/2026/06/Rectangle-1265-1.png');
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
	background-position: right bottom;
}
.submitserviceform {
    margin-bottom: 0px !important;
}
@media (min-width: 1600px) {
    .onesixhundredcontainer.e-con {
        --container-max-width: 1600px;
    }
}
@media (max-width: 1400px) {
	.brhide br {
		display: none;
	}
	.stf-section.active .card-1 {
    left: 100px;
}
.stf-section.active .card-2, .stf-section.active .card-3 {
    transform: scale(0.6);
}
}
@media (max-width: 1200px) {
	.customboxshadow .column-half {
    width: 47%;
}
	    .stf-section.active .card-1 {
        left: 25px;
    }
	.stf-section.active .card-2 {
    top: 20px;
}
.stf-section.active .card-4 {
	bottom: 40px;
}
}
@media (max-width: 1089px) {
	.halfredarch:after {
		display: none;
	}
	.eventeam {
		transform: none !important
	}

    .stf-section {
        min-height: auto;
        padding: 50px 0px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
        gap: 50px;
    }
.stf-images {
    display: flex;
    flex-wrap: nowrap;
    gap: 30px;
        width: 100%;
	display:none!important;
}

.stf-content{
    opacity:1;
    transform:none;
}

    .stf-images, .stf-images img {
        /* display: none; */
        position: inherit;
        left: inherit !important;
        right: inherit !important;
        top: inherit ! IMPORTANT;
        bottom: inherit !important;
        transform: none !important;
    }
	.stf-images img {
    width: 47%;
}
	
}
@media (max-width: 768px) {
		.customboxshadow .column-half {
    width: 100%;
}

	.stf-images img {
    width: 100%;
}
}

.services-hover-grid{
    display:flex;
    flex-wrap:wrap;
    gap:40px;
	justify-content: center;
}

.services-hover-grid .service-hover-item{
    width:calc((100% - 80px) / 3);
}

.card-overlay-link::before {
	background-color: transparent;
    --background-overlay: '';
    background-image: linear-gradient(180deg, #00000000 0%, var(--e-global-color-accent) 100%)!important;
}

.home_stos_image img, .home_stos_image {
    border-radius: 20px !important;
	height: 530px !important;
    width: 100% !important;
    object-fit: cover !important;
}
.home_stos_loop_innertxt h3 {
    color: #FFF;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}
.loop_txt_hover p {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 1px;
}
.findoutmorehoverspace a {
    color: var(--CSG---White, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    text-transform: capitalize;
    padding: 0px;
    background: transparent;
}
.findoutmorehoverspace {
    margin-top: 20px;
}
.home_stos_loop.service-hover-item:hover .home_stos_loop_innertxt {
    background: #0076BF;
}
.home_stos_loop.service-hover-item.laboratory-waste-disposal:hover .loop_txt_hover {
    max-width: 80% !important;
}
@media (min-width:1600px){
.rightoutcontainer {
    margin-right: calc(-1 * ((100vw - 1600px) / 2)) !important;
    padding-right: 0 !important;
    overflow: visible !important;
    width: calc(100% + ((100vw - 1600px) / 2)) !important;
  }
}
@media (min-width:1300px){
	.hazardserviceiconbox p.elementor-icon-box-description {
    max-width: 77%;
}
}
@media (max-width:1024px){
    .services-hover-grid .service-hover-item{
        width:calc((100% - 40px) / 2);
    }
}

@media (max-width:767px){
    .services-hover-grid .service-hover-item{
        width:100%;
    }
}
@media only screen and (max-width:1600px){
.loop_txt_hover {
    max-width: 100% !important;
}
	.loop_txt_hover p {
		font-size:18px!important;
		
	}
}
@media only screen and (min-width:1600px) and (max-width:1727px) {
	.left-hero-text-wrap, .sectors-text-wrap  {
		padding-left:60px!important;
	}
	.onesixhundredcontainer, .simple-img-txt-section, .red-sector-services-usp-sec, .sec-padding-fix {
		padding-left:30px!important;
		padding-right:30px!important;
	}
}
@media only screen and (min-width:1300px) and (max-width:1520px) {
	.left-hero-text-wrap, .sectors-text-wrap {
		padding-left:60px!important;
	}
}

@media only screen and (min-width:1521px) and (max-width:1599px) {
	.sectors-text-wrap {
		padding-left:60px!important;
	}
}

@media only screen and (max-width:1366px) {
	.services-hover-grid {
		gap:20px!important;
	}
	.red-sector-services-usp-sec {
		padding-left:30px!important;
		padding-right:30px!important;
	}
}
@media only screen and (min-width:768px) and (max-width:1200px) {
	.left-hero-text-wrap {
		padding-top:60px!important;
	}
	
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.elementor-grid-tablet-2 .elementor-grid {
		grid-template-columns: repeat(3, 1fr)!important;
	}
	.post_info_blog_loop .elementor-post-info {
		flex-direction:column!important;
		gap:15px!important;
	}
}

@media only screen and (max-width:767px) {
	.site-footer-section-2 .footer-widget-area[data-section="section-fb-html-1"] .ast-builder-html-element{
    text-align: left;
}
}

@media only screen and (min-width:1367px) and (max-width:1400px) {
	.aboutbg::before {
		background-size: cover!important;
	}
}

.aboutbg::before {
		border-radius:0 0 0 200px;
	}

/* Table of Content Anchor Offset */

html {
    scroll-padding-top: 80px;
    scroll-behavior: smooth;
}

.single-post .elementor-widget-theme-post-content h2,
.single-post .elementor-widget-theme-post-content h3,
.single-post .elementor-widget-theme-post-content h4 {
    scroll-margin-top: 80px;
}

@media (max-width: 1024px) {
    html {
        scroll-padding-top: 80px;
    }

    .single-post .elementor-widget-theme-post-content h2,
    .single-post .elementor-widget-theme-post-content h3,
    .single-post .elementor-widget-theme-post-content h4 {
        scroll-margin-top: 110px;
    }
}

@media (max-width: 767px) {
    html {
        scroll-padding-top: 80px;
    }

    .single-post .elementor-widget-theme-post-content h2,
    .single-post .elementor-widget-theme-post-content h3,
    .single-post .elementor-widget-theme-post-content h4 {
        scroll-margin-top: 90px;
    }
}