#left-menu.active{left:-450px !important;}

.btn-outline-light {color: #d5d5d5;border-color: #404040;padding: 8px 20px;transition:all 300ms ease-in-out;}

.btn-check:active+.btn-outline-light:focus,
.btn-check:checked+.btn-outline-light:focus,
.btn-outline-light.active:focus,
.btn-outline-light.dropdown-toggle.show:focus,
.btn-outline-light:active:focus {box-shadow: none;transition:all 300ms ease-in-out;}


main.work-sec-pages{background:var(--color-02);padding-top: 100px;padding-bottom: 100px;}
main.work-sec-pages h1{color: #ffffff;font-size: var(--rfs-64);margin-bottom: 50px;}
main.work-sec-pages .tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;}
main.work-sec-pages .tabs button.active{background:#fff;color:#000;}
main.work-sec-pages .portfolio-card{display: block;height:100%;position:relative;overflow:hidden;border-radius:10px;background:#1a1a1d;transition: all 700ms ease-in-out;}
main.work-sec-pages .portfolio-card img{width:100%;object-fit:cover;display:block;transform: scale(1);transition: all 700ms ease-in-out;}

main.work-sec-pages .portfolio-card:hover{transform:translateY(-12px);height: calc(100% + 30px);transition: all 700ms ease-in-out;}
main.work-sec-pages .portfolio-card:hover img{transform: scale(1.1);transition: all 700ms ease-in-out;}

main.work-sec-pages .portfolio-overlay{position:absolute;inset:0;background:linear-gradient(to top, rgba(0,0,0,.85), transparent);display:flex;align-items:end;padding:24px;}
main.work-sec-pages img.card-logo {position: absolute;width: 120px;height: auto;margin-inline: auto;inset: 75% 0% 0% 0%;border-radius: 5px;}
main.work-sec-pages .portfolio-title{color:#fff;margin:0;text-transform:capitalize;font-size:20px;}
main.work-sec-pages .fade-card{padding-bottom: 50px;opacity:0;transform:translateY(40px);animation:fadeUp .6s ease forwards;}

@keyframes fadeUp{
to{ opacity:1;
	transform:translateY(0);
	}
}


main.work-sec-pages .mobile-filter{position:fixed;left:0;right:0;top:15px;z-index:999;padding:0 15px;transition: transform .4s ease, opacity .4s ease;transform:translateY(0);opacity:1;}
main.work-sec-pages .mobile-filter.hide-filter{transform:translateY(-120%);opacity:0;}
main.work-sec-pages .mobile-filter select{background:#1a1a1d;color:#fff;border:1px solid #333;height:54px;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.2);}


main.work-sec-pages ul.tags_list{margin: 0px;padding: 0px;list-style-type: none;position: absolute;top: 10px;right: 10px;z-index: 9;gap: 10px;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-end;}
main.work-sec-pages ul.tags_list li{color: #ffffff;font-size: 12px;line-height: 1;padding: 6px 12px 8px 12px;border-radius: 100px;border: 1px solid #d5d5d529;background: rgb(0 0 0 / 30%);backdrop-filter: blur(5px);}


/*SPACE FOR FIXED FILTER */

@media(max-width:768px){
 

}








.video_box_wrap{position:relative;}

div#accordion {background: none;position: relative;z-index: 2;display: table-cell;width: 100vw;height: 100vh;vertical-align: middle;}
div#accordion .accordion-item {background: none;border: none;border-radius: 0px;display: inline-block;max-width: 380px;width: 100%;}
div#accordion .accordion-header {border: none;background: none;padding: 0px;}
div#accordion .accordion-button {color: #060606;font-size: 22px;font-weight: 700;width: 100%;height: 50px;text-align: left;background: none !important;padding: 0px;position: relative;box-shadow: none !important;}
div#accordion .accordion-button span {display: inline-block;padding: 0px 15px;position: relative;}
div#accordion .accordion-button span::after {content: "";position: absolute;top: 18px;left: 0px;width: 0%;height: 15px;background: #ececec;z-index: -1;transition: all 300ms ease-in-out;}

/* Custom +/− toggle indicators (mimicking Bootstrap 4 style) */
div#accordion .accordion-button::before,
div#accordion .accordion-button::after {content: "";position: absolute;top: 22px;right: 40px;width: 18px;height: 3px;background: black;}
div#accordion .accordion-button::after {transform: rotate(90deg);transition: all 300ms ease-in-out;}
div#accordion .accordion-button:not(.collapsed)::after {transform: rotate(0deg);}
div#accordion .accordion-button[aria-expanded="true"] span::after {width: 100%;background: #fbdaee;transition: all 300ms ease-in-out;}

div#accordion .accordion-collapse {/* optional transition control */}
div#accordion .accordion-body {position: relative;top: -15px;padding-bottom: 0px;}

.grid{padding-top: 50px;min-height:99vh;}
.grid:before{content:"";position:absolute;top:0;left:33.333333%;width:1px;height:100%;}
.grid:after{content:"";position:absolute;top:0;left:66.666666%;width:1px;height:100%;}
.grid .row{counter-reset: numbered-list 00;}
.grid .row .col-md-4{counter-increment: numbered-list 01;}
.grid .row .col-md-4 h1:after{content: counter(numbered-list, decimal-leading-zero);color: #fff;position: absolute;top: 49%;left: 50%;transform: translate(-50%,-50%);}
.grid .row .col-md-4 .project_number:after{content: counter(numbered-list, decimal-leading-zero);color: #000;position: absolute;top: 0;left: -3px;width: 15px;}

.grid-immersive {display: table-cell;vertical-align: middle;width: 100vw;height: 100vh;}

 
.accordion-body ul {margin: 0px;padding: 0px;list-style-type: none;position: relative;}
.accordion-body ul li a {color: #333;font-size: 16px;font-weight: 100;text-align: left;position: relative;cursor: pointer;display: block;padding: 4px 0px 4px 20px;transition:all 300ms ease-in-out;}
.accordion-body ul li .active{color:#ec028c;transition:all 300ms ease-in-out;}
.accordion-body ul li span {position: relative;display: flex;}
.accordion-body ul li span:after {content: "";position: absolute;bottom: 0;left: 0;width: 0%;height: 1px;background: black;transition: all 300ms ease-in-out;}
.accordion-body ul li.is-checked {color: #0c0c0c;font-weight: 700;}
.accordion-body ul li.is-checked span:after {width: 100%;transition: all 300ms ease-in-out;}

.industry-sec-01{background: var(--color-01);min-height:100vh;overflow:hidden;}
.industry-sec-01 h1{position:relative;top:40px;}
.industry-sec-01 h1{font-size:18px;color:#333;font-weight:300;letter-spacing:.3px;padding:30px;padding-bottom:11px;position:relative;display:none;}
.industry-sec-01 h3:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#ddd9d8;}
.industry-sec-01 .filters{}
.industry-sec-01 .filters.stick-fixed{position:fixed;}
.industry-sec-01 .filters ul{margin:0px;padding:0px;list-style-type:none;position:relative;}
.industry-sec-01 .filters ul li a{color:#333;font-size:16px;font-weight:100;text-align:left;position:relative;cursor:pointer;padding:4px 0px 4px 20px;}
.industry-sec-01 .filters ul li span{position:relative;}
.industry-sec-01 .filters ul li span:after{content:"";position:absolute;bottom:0;left:0;width:0%;height:1px;background:black;transition:all 300ms ease-in-out;}
.industry-sec-01 .filters ul li.is-checked{color:#0c0c0c;font-weight:700;}
.industry-sec-01 .filters ul li.is-checked span:after{width:100%;transition:all 300ms ease-in-out;}

.work_box {display:none;}
.work_box.active {display:flex;}

.inudstry-link{display:inline-block;position:relative;text-align:center;margin: 20px 0px;}
.inudstry-link .client-logo{position:absolute;left:0;right:0;margin:0px auto;width:50%;z-index:9;}
.inudstry-link .client-logo img{box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.1);}
.inudstry-link .client-thumb{display:block;position:relative;overflow:hidden;}
.inudstry-link .client-thumb:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transition:all 400ms ease-in-out;}
.inudstry-link .client-thumb img{max-width:100%;transition:all 500ms ease-in;}

.inudstry-link.lt{padding-bottom:7vh;}
.inudstry-link.lt .client-logo{bottom:0;}
.inudstry-link.video-page.lt:before{display:none;top:60%;left:52%;transform:translate(-50%,-50%);}
.inudstry-link.video-page.lt:after{display:none;top:60%;left:50%;transform:translate(-50%,-50%);}
.inudstry-link.lb{padding-bottom:7vh;}
.inudstry-link.lb .client-logo{bottom:0;}
.inudstry-link:hover{}
.inudstry-link:hover .client-thumb:after{transition:all 400ms ease-in-out;}
.inudstry-link:hover .client-thumb img{transform:scale(1.1);transition:all 500ms ease-in;}

.inudstry-link.video-page.lb:before{display:none;top:40%;left:52%;transform:translate(-50%,-50%);}
.inudstry-link.video-page.lb:after{display:none;top:40%;left:50%;transform:translate(-50%,-50%);}
.inudstry-link.video-page:before{content:"";position:absolute;width:0;height:0;border-top:8px solid transparent;border-left:12px solid #fff;border-bottom:8px solid transparent;border-right:8px solid transparent;z-index:1;}
.inudstry-link.video-page:after{content:"";position:absolute;width:55px;height:55px;background:rgba(0, 0, 0, 0.75);}

.immersive-box{color: #000;padding: 50px;display: block;position: relative;}
.immersive-box.blue:after{background: rgba(43, 104, 210, 1);}
.immersive-box.green:after{background: rgba(95,226,128,1);}
.immersive-box:after{content:"";cursor: default !important;position: absolute !important;top: 0;left: 0 !important;bottom: 0;color: #fff;overflow: hidden;text-align: center;width: 0%;z-index: 1;transition: all 1s ease-in;}
.immersive-box .imm_exp-thumb{display: block;width: 100%;height: 40vh;margin-bottom: 20px;position: relative;z-index: 2;overflow: hidden;border: 1px solid #f1f1f1;}
.immersive-box .imm_exp-thumb iframe{width: 190%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.immersive-box .imm_exp-thumb:before{content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;/* background: #ffffff; */z-index: 1;/* opacity: .2; */transition: all .5s ease-out;}
.immersive-box .imm_exp-thumb:after{content:"";}
.immersive-box .imm_exp-txt{}
.immersive-box .imm_exp-txt p{font-size: 15px;position: relative;z-index: 9;}
.immersive-box .imm_exp-txt p span {margin-left: 9px;font-size: 13px;font-weight: 400 !important;line-height: 20px;}

.immersive-box:hover{color:#000;text-decoration:none;}
.immersive-box:hover:after {right: 0 !important;left: inherit !important;width: 100%;transition: all .5s ease-out;} 
.immersive-box:hover .imm_exp-thumb:before{width:0%;opacity: 0;transition: all .5s ease-out;}


@media only screen and (max-width :768px) 
{
	
	.grid{padding-top:0px;}
    div#accordion {height:auto;}
	section.industry-sec-01 {padding: 190px 20px 0px 20px;	min-height: 100vh;	overflow: hidden;}
	section.industry-link .client-logo{width:70%;}
	
	
}