section.about-sec-hero {padding: 180px 0px 50px 0px;text-align: center;position: relative;z-index: 15;background: var(--color-01);overflow: hidden;}
section.about-sec-hero h1{text-align: left;margin:40px 0px 100px 0px;display: inline-block;width: 100%;} 


.btn_km {position: absolute;top: 0%;left: 48%;z-index: 9;opacity:1;transform: rotate(-15deg);margin-top: -28px;}
.btn_km span{color: var(--color-01);font-size: 12px;letter-spacing: 1px;line-height: 1;display: inline-block;padding: 8px 10px 6px 10px;background: var(--color-06);}

.popup-box{/* display: none; */position: absolute;top: 50%;left: 73%;width:100%;max-width: 390px;transform: translate(-50%, -50%);background: var(--color-05);box-shadow: 0px 0px 20px rgba(0,0,0,0.3);border: 1px solid var(--color-04);z-index: 99;}
.popup-box .pp_heading{color: var(--color-01);background: var(--color-07);padding: 20px 35px 15px 25px;}
.popup-box .pp_heading p{font-size: 14px;margin-bottom: 5px;}
.popup-box .pp_heading h4{color: var(--color-01);margin: 0px;}
.popup-box .pp_content{padding: 22px 25px 15px 25px;text-align: justify;}
.popup-box .pp_content p{font-size: 14px;}

.popup-box.pb_km{}

a.close {color: var(--color-01);font-size: 20px;font-weight: 600;text-align: center;width: 30px;height: 30px;padding: 3px 10px;position: absolute;top: 0px;right: 0px;background: var(--color-06);opacity: 1;text-shadow: none;transition:all 300ms ease-in-out;}
a.close:hover{color:var(--color-06);background:var(--color-01);opacity:1 !important;transition:all 300ms ease-in-out;}

#popup{opacity: 0;visibility: hidden;margin-left:100px;transition:all 500ms ease-in-out}
#popup.open{opacity: 1;visibility: visible;margin-left:0px;transition:all 500ms ease-in-out}

section.about-sec-01{color:var(--color-02);background: var(--color-01);position: relative;z-index: 9;}
section.about-sec-01:before{content:"";position:absolute;top: -2px;left:0;width:100%;height: 47%;z-index:10;background: linear-gradient(to bottom,  rgba(255,255,255,1) 10%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
section.about-sec-01:after{content:"";position:absolute;bottom: -10px;left:0;width:100%;height: 15%;background:var(--color-02);z-index:3;}
section.about-sec-01 .about_BigImage{margin: 10px auto;text-align: center;position: relative;z-index: 9;overflow: hidden;}
section.about-sec-01 .tl_office_img{position: relative;}

section.about-sec-01 .h4{max-width: 220px;position: absolute;top: 32%;right: 10%;z-index: 11;}
section.about-sec-01 .para{max-width: 300px;position: absolute;top: 18%;left: 10%;z-index: 11;}


section.about-sec-stats{color:var(--color-01);text-align: center;background:var(--color-02);padding: 100px 0px;position: relative;z-index: 9;}
section.about-sec-stats .stats-box{padding: 30px 0px;margin-top: 30px;}
section.about-sec-stats .stats-box h2{color: var(--color-01);font-size: calc(30px + 5vh);line-height: 1;}
section.about-sec-stats .stats-box p{}

section.about-sec-panchtatva{color: var(--color-01);text-align: center;background: var(--color-02);width: 100%;height: 100vh;position: relative;margin-top: -1px;z-index: 10;display: flex;justify-content: flex-start;align-items: center;overflow: hidden;}
section.about-sec-panchtatva img{position:absolute;top: 0%;height: 90vh;}
section.about-sec-panchtatva .panch-para{display: inline-block;max-width: 360px;text-align: left;}
section.about-sec-panchtatva .panch-para p{font-size:21px;}

section.about-sec-panchtatva .panch-para p span{font-family:'aleniaregular' !important;text-transform:uppercase;}

section.panchtatva-sec-01{}
#bg_of_panchtatva{width:100%;height:100vh;background-repeat:no-repeat;background-position:center center;background-size: cover;position: fixed;top: 0;left: 0;transition: all 500ms ease-in-out;}

#bg_of_panchtatva.SUKHATATVA{background-image:url("sukhatatva.webp");}
#bg_of_panchtatva.RANGATATVA{background-image:url("rangatatva.webp");}               
#bg_of_panchtatva.AAKARSHATATVA{background-image:url("aakarshatatva.webp");}
#bg_of_panchtatva.PRAKRITITATVA{background-image:url("prakrititatva.webp");}
#bg_of_panchtatva.SWARATATVA{background-image:url("swaratatva.webp");}

section.panchtatva-sec-01 .panchtatva_wrp{height: 100vh;display: flex;align-items: center;justify-content: flex-end;}
 
.tatva_cards{width: 390px;height: 440px;padding: 50px 40px 40px 40px;background: var(--color-01);border: 2px solid var(--color-06);box-shadow: 8px 10px 0px 2px var(--color-06);display: flex;flex-direction: column;justify-content: space-between;position: relative;overflow: hidden;}
.tatva_cards .tc-data{}
.tatva_cards .tc-data h4{color: var(--color-06);margin-bottom: 20px;}
.tatva_cards .tc-data p{font-size: 15px;max-width: 280px;}
.tatva_cards h3{font-size: 44px;line-height: 1;}


section.design-sec-why .why-list li a:after{background:var(--color-07);}

 
.home-sec-06{position:relative;z-index:9;background:var(--color-08);overflow:hidden;}
.home-sec-06 .wtm-txt{text-align: left;padding-left: 30px;color:var(--color-07);}
.home-sec-06 h2{color: var(--color-07);text-align: left !important;margin-bottom: 30px;line-height:1;position: absolute;top: 14vh;left: 10vw;width:80vw;padding:10%;}
.home-sec-06 h2 .sc_71 > div {background: linear-gradient(to left, var(--color-07) 50%, #e0dfe4 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text;}
.home-sec-06 h2 svg{height:90px;}
.home-sec-06 p{}
.home-sec-06 p.para-italic{font-weight:400;font-style: italic;}
.home-sec-06 .container-box {width: 650%;height: 100vh;display: flex;flex-wrap: nowrap;background: url('../about/team-bg.webp') repeat-x bottom left;background-size:contain;}
.home-sec-06 section.panel{padding-top: 13vh;height: 89vh;position: relative;}
.home-sec-06 section.panel.width-team{width: 1000%;}
.home-sec-06 section.panel.width-team > img{opacity: 0;}
.home-sec-06 section.panel .team-wrapper{width: 98%;z-index: 9;position: absolute;bottom: 0;display: flex;align-items: flex-end;}
.home-sec-06 section.panel .team-wrapper .team-members{/* width: 100%; */height: 64vh;display: flex;align-items: flex-end;position: relative;}
.home-sec-06 section.panel .team-wrapper .team-members img{filter: drop-shadow(12px -16px 16px rgba(0,0,0,.15));} 

.home-sec-06 section.panel .team-wrapper .team-members .team-name{width: 100%;max-width: 150px;padding: 12px;/* background: var(--color-06); */border: 1px solid var(--color-06);position: absolute;/* transform: translate(10px, 60px); *//* opacity: 0; */transition: all 300ms ease-in-out;}
.home-sec-06 section.panel .team-wrapper .team-members .team-name h4{color: var(--color-06);/* color: var(--color-01); */font-size: 16px;margin-bottom: 0px;}
.home-sec-06 section.panel .team-wrapper .team-members .team-name p{color: var(--color-06);/* color: var(--color-05); */font-size: 12px;margin-bottom: 0px;max-width: 100px;display: inline-block;}


.home-sec-06 section.panel .team-wrapper .team-members.Ashish-Abraham .team-name{left: 29%;bottom: 52%;}
.home-sec-06 section.panel .team-wrapper .team-members.Basil-Bastian .team-name{text-align: right;left: 27%;bottom: 63%;}
.home-sec-06 section.panel .team-wrapper .team-members.Sachin-Jalgaonkar .team-name{text-align: right;left: 35%;bottom: 74%;max-width: 180px;}
.home-sec-06 section.panel .team-wrapper .team-members.Prajwal-MN .team-name{left: 2%;bottom: 62%;}
.home-sec-06 section.panel .team-wrapper .team-members.Ayoob-Khan .team-name{left: 5%;bottom: 43%;}
.home-sec-06 section.panel .team-wrapper .team-members.Shagufta-Hamza .team-name{text-align: right;left: 49%;bottom: 36%;}
.home-sec-06 section.panel .team-wrapper .team-members.Oliver-Baxter .team-name{/* text-align: right; */left: -2%;bottom: 66%;}
.home-sec-06 section.panel .team-wrapper .team-members.Vijaysri-R .team-name{text-align: right;left: 33%;bottom: 68%;}
.home-sec-06 section.panel .team-wrapper .team-members.Vyaramudi-C .team-name{text-align: right;left: 43%;bottom: 71%;}
.home-sec-06 section.panel .team-wrapper .team-members.Harshad-Shrikhande .team-name{text-align: right;left: 43%;bottom: 61%;}






.home-sec-06 section.panel .team-wrapper .team-members.Azam-Shareef .team-name{text-align: right;left: 54%;bottom: 65%;}
.home-sec-06 section.panel .team-wrapper .team-members.Sunkari-Mahnender .team-name{text-align: right;left: 53%;bottom: 72%;}
.home-sec-06 section.panel .team-wrapper .team-members.Santhosh-Vijiyan-Pillai .team-name{text-align: right;left: 53%;bottom: 72%;}
.home-sec-06 section.panel .team-wrapper .team-members.Muttanna-B-Hadimani .team-name{/* text-align: right; */left: 1%;bottom: 72%;}
.home-sec-06 section.panel .team-wrapper .team-members.Namratha-Panjwani .team-name{/* text-align: right; */left: 13%;bottom: 69%;}
.home-sec-06 section.panel .team-wrapper .team-members.Akshar .team-name{text-align: right;left: 41%;bottom: 69%;}
.home-sec-06 section.panel .team-wrapper .team-members.Patrick-Royan .team-name{/* text-align: right; */left: 13%;bottom: 69%;}
.home-sec-06 section.panel .team-wrapper .team-members.Suraj-Suthar .team-name{/* text-align: right; */left: 13%;bottom: 69%;}



.home-sec-06 section.panel .team-wrapper .team-members.Niju-George .team-name{text-align: right;left: 35%;bottom: 41%;}
.home-sec-06 section.panel .team-wrapper .team-members.Ramesh-Babu .team-name{text-align: right;left: 50%;bottom: 37%;}
.home-sec-06 section.panel .team-wrapper .team-members.Peer-Mohamed .team-name{text-align: right;left: 44%;bottom: 54%;}
.home-sec-06 section.panel .team-wrapper .team-members.Chitra-Raman .team-name{left: 18%;bottom: 43%;}

.home-sec-06 section.panel .team-wrapper .team-members.Sebastian-Mathew .team-name{/* text-align: right; */left: 31%;bottom: 59%;}
.home-sec-06 section.panel .team-wrapper .team-members.Varsha-Nadig .team-name{/* text-align: right; */left: 28%;bottom: 56%;}
.home-sec-06 section.panel .team-wrapper .team-members.Balu-Jayaram .team-name{text-align: right;left: 35%;bottom: 69%;}
.home-sec-06 section.panel .team-wrapper .team-members.Raghavendra-S .team-name{left: 12%;bottom: 68%;width: 190px;max-width: 190px;}
.home-sec-06 section.panel .team-wrapper .team-members.Satish-Bhatt .team-name{text-align: right;left: 59%;bottom: 72%;max-width: 164px;}
.home-sec-06 section.panel .team-wrapper .team-members.Akshay-Patil .team-name{text-align: right;left: 47%;bottom: 56%;max-width: 164px;}
.home-sec-06 section.panel .team-wrapper .team-members.Amol-Chavan .team-name{left: 13%;bottom: 65%;max-width: 154px;}
.home-sec-06 section.panel .team-wrapper .team-members.Patrick-Royan .team-name{/* text-align: right; */left: 20%;bottom: 53%;}
.home-sec-06 section.panel .team-wrapper .team-members.Bhanu-Prasad .team-name{left: 10%;bottom: 64%;}
.home-sec-06 section.panel .team-wrapper .team-members.Chandan-Kumar-Gaurav .team-name{left: 22%;bottom: 69%;}
.home-sec-06 section.panel .team-wrapper .team-members.Haseem-KP .team-name{text-align: right;left: 59%;bottom: 51%;}
.home-sec-06 section.panel .team-wrapper .team-members.Ritika-Oommen .team-name{left: 24%;bottom: 44%;}
.home-sec-06 section.panel .team-wrapper .team-members.Shruti-Sinha .team-name{text-align: right;left: 50%;bottom: 65%;}
.home-sec-06 section.panel .team-wrapper .team-members.Shylaja-Kalyanaiah .team-name{text-align: right;left: 41%;bottom: 50%;}
.home-sec-06 section.panel .team-wrapper .team-members.Subesh-KJ .team-name{text-align: right;left: 24%;bottom: 49%;}
.home-sec-06 section.panel .team-wrapper .team-members.Vandana-Srinivasan .team-name{text-align: right;left: 42%;bottom: 70%;}

.home-sec-06 section.panel .team-wrapper .team-members:hover{transition: all 300ms ease-in-out;}
.home-sec-06 section.panel .team-wrapper .team-members:hover .team-name{transform: translate(0px, 0px);opacity: 1;background: var(--color-06);transition: all 300ms ease-in-out;}
.home-sec-06 section.panel .team-wrapper .team-members:hover .team-name h4,
.home-sec-06 section.panel .team-wrapper .team-members:hover .team-name p{color:var(--color-01);}


.home-sec-06 section.panel .team-wrapper .team-members:nth-child(11){left:-20px;}


.home-sec-06 section.panel:nth-child(2){}
.home-sec-06 section.panel:nth-child(3){}
.home-sec-06 section.panel:nth-child(4){}
.home-sec-06 section.panel:nth-child(5){}
.home-sec-06 section.panel:nth-child(6){}
.home-sec-06 section.panel:nth-child(7){}
.home-sec-06 section.panel:nth-child(8){}
.home-sec-06 section.panel:nth-child(9){}

.invest-leadership{padding: 100px 0px;position:relative;z-index: 9;}
.invest-leadership .il_link{display: inline-block;margin: 15px 0px;transition:all 500ms ease-in-out;}
.invest-leadership .il_link:after{content:"";width: 100%;height: 100%;background: var(--color-07);opacity: .7;mix-blend-mode: multiply;position: absolute;top: 0;left: 0;z-index: 4;transition:all 500ms ease-in-out;}
.invest-leadership .il_link h3{color: var(--color-01);position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 5;}
.invest-leadership .il_link .thumbs{display: inline-block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 2;}
.invest-leadership .il_link .thumbs img{}
.invest-leadership .il_link.horizontal{width: 100%;height: 48vh;overflow: hidden;position: relative;}
.invest-leadership .il_link.vertical{width: 50%;height: 69vh;overflow: hidden;position: relative;transition:all 500ms ease-in-out;}

.invest-leadership .il_link:hover{transition:all 500ms ease-in-out;}
.invest-leadership .il_link:hover:after{opacity:.4;transition:all 500ms ease-in-out;}
 

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 900px) {
	
	section.about-sec-hero{height:100vh;}
	section.about-sec-hero h1{margin:0px;}
	.popup-box{margin-top: 51px;left: 50%;width: 92%;}
	
	section.about-sec-01{padding: 80px 0px;background:var(--color-05);}
	section.about-sec-01:before{display: none;}
	section.about-sec-01 .h4{position:static;max-width: 100%;margin-bottom: 30px;}
	section.about-sec-01 .para{position:static;}


	section.about-sec-stats{padding:0px;}
	section.about-sec-stats .stats-box h2{font-size:48px;}

	section.panchtatva-sec-01 .panchtatva_wrp{position:relative;z-index: 9;}

	#bg_of_panchtatva{background-color: var(--color-02);background-size: 100vh;background-position: 24% top;}
	.tatva_cards{padding:20px;height: 350px;max-width: 100%;}
	.tatva_cards .tc-data{}
	.tatva_cards .tc-data h4{}
	.tatva_cards .tc-data p{}
	.tatva_cards h3{font-size: 34px;}
	
	.home-sec-06{background: var(--color-01);}
	.home-sec-06 h2{font-size: 24px;padding: 0px;top: 110px;left: 16px;width: 100vw;}
	.home-sec-06 h2 .stroke, .home-sec-06 h2 .sc_47{gap: 9px;display: flex;flex-wrap: wrap;flex-direction: row;}
	.home-sec-06 .container-box{background-size:cover;width: 16000px !important;}
	
	
	.home-sec-06 section.panel.width-team{width: 16000px;}
	.home-sec-06 section.panel .team-wrapper{width: 7870px;}
	.home-sec-06 section.panel .team-wrapper .team-members{}
	
	.home-sec-06 section.panel:nth-child(2){width: 100px !important;}
	
	.invest-leadership{padding:70px 15px;}
	.invest-leadership .il_link.vertical,
	.invest-leadership .il_link.horizontal{width:100%;height:250px;}
	
	.invest-leadership .pl-0,
	.invest-leadership .pr-0{padding: 0px 15px !important;}

	section.about-sec-stats .stats-box{margin: 0px;padding: 20px 0px 10px 0px;border-top: 1px solid var(--color-01);}

	
}