body{color:var(--color-01);background: url("../industries/hero-contact-bg.jpg") no-repeat center center;background-size: cover;background-attachment:fixed;}

body.energy-ev-charging-infra header,
body.hospitality-quick-service-restaurant header,
body.oil-and-gas-fuel-station header,
body.retail-quick-commerce header,
body.retail-sportswear header{background:var(--color-01);}

body.energy-ev-charging-infra header ul.navbar-nav > li >  a,
body.hospitality-quick-service-restaurant header ul.navbar-nav > li >  a,
body.oil-and-gas-fuel-station header ul.navbar-nav > li >  a,
body.retail-quick-commerce header ul.navbar-nav > li >  a,
body.retail-sportswear header ul.navbar-nav > li > a{color:var(--color-02) !important;}

body header ul li li a,
body.energy-ev-charging-infra header ul.navbar-nav > li:hover >  a,
body.hospitality-quick-service-restaurant header ul.navbar-nav > li:hover >  a,
body.oil-and-gas-fuel-station header ul.navbar-nav > li:hover >  a,
body.retail-quick-commerce header ul.navbar-nav > li:hover >  a,
body.retail-sportswear header ul.navbar-nav > li:hover > a{color:var(--color-01) !important;}
 
 

body.energy-ev-charging-infra header nav .navbar-brand,
body.hospitality-quick-service-restaurant header nav .navbar-brand,
body.oil-and-gas-fuel-station header nav .navbar-brand,
body.retail-quick-commerce header nav .navbar-brand,
body.retail-sportswear header nav .navbar-brand{filter: inherit;}




body.industries footer{background: #451e89 !important;}

section.hero-sec{padding-top: 130px;display:flex;align-items: center;justify-content: center;position:relative;z-index:9;}
section.hero-sec h1{font-size:13vw;font-weight:700;line-height: .7;text-transform:uppercase;}
section.case-study-List {padding: 100px 60px 100px 80px;border-radius: 60px 60px 0px 0px;background: linear-gradient(0deg, #6A2FD1 -25.86%, #1C0B3A 30.24%, #080116 54.86%);position: relative;border-bottom: 1px solid #9187a4;margin-top: -40px;z-index: 9;}

section.case-study-List .cs-box{color: var(--color-01);text-decoration: none;border-radius: 10px;overflow: hidden;margin-bottom: 25px;display: block;position: relative;}
section.case-study-List .cs-box:before{content:"";background: linear-gradient(180deg, #000000ed 35%, transparent);position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;transition:all 500ms ease-in-out;}
section.case-study-List .cs-box .csb-thumb{}
section.case-study-List .cs-box .csb-thumb img{}
section.case-study-List .cs-box .csb-text{width: 100%;height: 100%;position: absolute;top: 0;left: 0;padding: 30px;}
section.case-study-List .cs-box .csb-text h3{position:relative;z-index:9;}
section.case-study-List .cs-box .csb-text p{position:relative;z-index:9;}
section.case-study-List .cs-box:hover:before{height:200%;transition:all 500ms ease-in-out;}


section.hero-case-study{background:var(--color-01);padding-top: 120px;padding-bottom: 40px;display:flex;align-items: center;justify-content: center;position:relative;z-index:9;}
section.hero-case-study h1{font-size: 5.5vw;font-weight:700;letter-spacing: 0px !important;display: flex;flex-wrap: nowrap;align-items: stretch;}
section.hero-case-study h1 .words-01{color:#3F2973;position:relative;padding-right: 10px;}
section.hero-case-study h1 .v_line{width:3px;height: 100%;background: #3F2973;box-shadow: 8px 0px 0px 5px #ffffff;display: flex;position:absolute;right:2.2%;top:0px;bottom:0px;margin:auto;}
section.hero-case-study h1 .words-02{color:#9E7CFF;}

section.cs-sec-01 {padding: 100px 0px;background: linear-gradient(360deg, #451e89 0%, #1C0B3A 23.49%, #080116 57.27%);border-radius:60px 60px 0px 0px;box-shadow: 0px 0px 0px 40px #ffffff;}
section.cs-sec-01 .project-tabs{padding-bottom: 80px;position:relative;}
section.cs-sec-01 .project-tabs ul#projectTab{border-bottom: none;z-index: 9;position: absolute;bottom: 18%;left: 0;right: 0;margin: auto;gap: 10px;display: flex;align-items: center;justify-content: center;}
section.cs-sec-01 .project-tabs ul#projectTab li{}
section.cs-sec-01 .project-tabs ul#projectTab li button{color: var(--color-13);background: transparent;border: none;padding: 0px;position: relative;transition:all 500ms ease-in-out;}
section.cs-sec-01 .project-tabs ul#projectTab li button .thumb-overlay{background: var(--color-01);padding: 15px 15px 35px 15px;width: 100%;border-radius: 15px;position: absolute;left: 0%;bottom: 90%;transform:scale(0);transform-origin: center bottom;transition:all 500ms ease-in-out;}
section.cs-sec-01 .project-tabs ul#projectTab li button .thumb-overlay:before{content:"";width: 40%;height: 30px;border-radius: 100px;box-shadow: 30px 0px 0px 0px var(--color-01);position: absolute;top: 100%;left: 0px;transition:all 500ms ease-in-out;}
section.cs-sec-01 .project-tabs ul#projectTab li button .thumb-overlay:after{content:"";width: 40%;height: 30px;border-radius: 100px;box-shadow: -30px 0px 0px 0px var(--color-01);position: absolute;top: 100%;right: 0px;transition:all 500ms ease-in-out;}
section.cs-sec-01 .project-tabs ul#projectTab li button .thumb-overlay img{border-radius:15px;}
section.cs-sec-01 .project-tabs ul#projectTab li button .btn-txt{font-size: 14px;min-width: 170px;line-height: 1;background: var(--color-01);display: block;padding: 10px 20px 11px 20px;border-radius: 100px;}
section.cs-sec-01 .project-tabs ul#projectTab li button.active{transition:all 500ms ease-in-out;}
section.cs-sec-01 .project-tabs ul#projectTab li button.active .thumb-overlay{bottom: calc(100% + 30px);transform:scale(1);transition:all 500ms ease-in-out;}

section.cs-sec-01 .project-tabs #projectTabContent{position: relative;z-index: 1;background-position: center center;background-repeat: no-repeat;background-size:cover;border-radius:60px;overflow:hidden}
section.cs-sec-01 .project-tabs .tab-content:before {content: "";width: calc(100% - 80px);height: calc(100% - 80px);border: 6px solid #fff;border-radius: 35px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 99;}
section.cs-sec-01 .project-tabs #projectTabContent .tab-content>.tab-pane{padding:0px;}
section.cs-sec-01 .project-tabs #projectTabContent img{}

section.cs-sec-01 .csi-tabs{position:relative;padding-top: 80px;}
section.cs-sec-01 .csi-tabs ul#csiTab{padding-bottom: 50px;border-bottom: none;position: relative;z-index: 9;gap: 20px;display: flex;align-items: center;justify-content: space-between;flex-direction: row;}
section.cs-sec-01 .csi-tabs ul#csiTab li{width: 32%;}
section.cs-sec-01 .csi-tabs ul#csiTab li button{width: 100%;color: var(--color-01);background: transparent;border: none;border-bottom: 1px solid #38196E;padding: 0px 0px 10px 0px;position: relative;display: flex;flex-direction: column;align-items: flex-start;transition: all 500ms ease-in-out;}
section.cs-sec-01 .csi-tabs ul#csiTab li button:after{content:"";width:0%;height:2px;background:var(--color-01);position: absolute;bottom:0px;left: 0px;transition:all 500ms ease-in-out;}
section.cs-sec-01 .csi-tabs ul#csiTab li button .thumb-overlay img{border-radius:15px;}
section.cs-sec-01 .csi-tabs ul#csiTab li button .btn-no{font-size:14px;}
section.cs-sec-01 .csi-tabs ul#csiTab li button .btn-txt{font-size: 21px;}
section.cs-sec-01 .csi-tabs ul#csiTab li button.active{transition:all 500ms ease-in-out;}
section.cs-sec-01 .csi-tabs ul#csiTab li button.active:after{width:100%;transition:all 500ms ease-in-out;}

section.cs-sec-01 .csi-tabs #csiTabContent{color: var(--color-13);position: relative;z-index: 1;background: var(--color-01);border-radius: 60px;margin-bottom: 60px;overflow: hidden;}
section.cs-sec-01 .csi-tabs #csiTabContent .tab-content>.tab-pane{padding:0px;}
section.cs-sec-01 .csi-tabs #csiTabContent .csi_details h2{margin-bottom:40px;}
section.cs-sec-01 .csi-tabs #csiTabContent .csi_details{padding: 60px  20px 40px  40px;display: block;height: 100%;}
section.cs-sec-01 .csi-tabs #csiTabContent .csi_details h3{}
section.cs-sec-01 .csi-tabs #csiTabContent .csi_details ul{margin: 0px 0px 0px 20px;padding: 0px;gap: 10px;display: flex;flex-direction: column;}
section.cs-sec-01 .csi-tabs #csiTabContent .csi_details ul li{
    font-size: 24px;

}

ul.quick-case-studies{margin: 0px;padding: 0px;list-style-type: none;gap: 30px;display: flex;justify-content: center;}
ul.quick-case-studies li{}
ul.quick-case-studies li a{color: #ffffff;font-size:var(--rfs-24);text-decoration: none;opacity:0.5;transition:all 500ms ease-in-out;}
ul.quick-case-studies li a span{}
ul.quick-case-studies li a:hover,
ul.quick-case-studies li a.active{opacity:1;transition:all 500ms ease-in-out;}



footer{background:#5224a2;}

/* `md` applies to small devices (landscape phones, less than 768px)*/

@media (max-width: 767.98px)
{ 
	section.cs-sec-01{border-radius:30px 30px 0px 0px;}
	
	section.cs-sec-01 .csi-tabs ul#csiTab{padding-bottom: 20px;display: flex;flex-wrap: nowrap;flex-direction: row;}
	section.cs-sec-01 .csi-tabs ul#csiTab li button .btn-no{font-size:10px}
	section.cs-sec-01 .csi-tabs ul#csiTab li button .btn-txt{font-size:18px;}
	
	section.cs-sec-01{padding: 30px 10px 70px 10px;}
	section.cs-sec-01 .csi-tabs{padding-top:20px;}
	section.cs-sec-01 .csi-tabs #csiTabContent{border-radius: 10px;margin-bottom: 30px;}
	section.cs-sec-01 .csi-tabs #csiTabContent .csi_details{padding: 20px;}

	section.cs-sec-01 .project-tabs{padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #6c50e042;}
	section.cs-sec-01 .project-tabs ul#projectTab{margin-top: -34px;display: flex;flex-wrap: nowrap;bottom: 0px;position: relative;z-index: 9;}
	section.cs-sec-01 .project-tabs ul#projectTab li{}
	section.cs-sec-01 .project-tabs ul#projectTab li button{}
	section.cs-sec-01 .project-tabs ul#projectTab li button .btn-txt{font-size: 12px;font-weight: 600;width: 33%;min-width: 100%;padding: 8px 15px;}
	section.cs-sec-01 .project-tabs ul#projectTab li button .thumb-overlay{width: 60px;padding: 5px 5px 5px 5px;border-radius: 6px;}
	section.cs-sec-01 .project-tabs ul#projectTab li button .thumb-overlay:before{box-shadow: 10px 0px 0px 0px var(--color-01);border-radius: 10px;height: 10px;}
	section.cs-sec-01 .project-tabs ul#projectTab li button .thumb-overlay:after{box-shadow: -7px 0px 0px 0px var(--color-01);border-radius: 10px;height: 10px;}
	section.cs-sec-01 .project-tabs ul#projectTab li button .thumb-overlay img{border-radius:5px}

	section.cs-sec-01 .project-tabs ul#projectTab li button.active .thumb-overlay{bottom: calc(100% + 9px);right: 0;margin: auto;}

	section.cs-sec-01 .project-tabs #projectTabContent{border-radius: 15px;}

	section.cs-sec-01 .project-tabs .tab-content:before{width: calc(100% - 30px);height: calc(100% - 30px);border: 3px solid #fff;border-radius: 15px;}
	ul.quick-case-studies{gap: 15px;display: flex;flex-wrap: wrap;}
	
	
}


/* `lg` applies to medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px)
{

}

/* `xl` applies to large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px)
{ 

}

/* `xxl` applies to x-large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px)
{ 



}