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

.btn_km {position: absolute;top: -5%;left: 30%;z-index: 9;opacity:1;transform: rotate(-15deg);}
.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: fixed;top:0%;right:-650px;max-width: 650px;background: var(--color-05);box-shadow: 0px 0px 20px rgba(0,0,0,0.3);border: 1px solid var(--color-04);z-index:9999999;}
.popup-box .pp_heading{color: var(--color-01);background: var(--color-07);padding: 20px 20px;}
.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: 20px;}
.popup-box .pp_content p{font-size: 14px;}

.popup-box.pb_km{}

a.close {color: var(--color-01);font-family: sans-serif;font-size: 31px;font-weight: 100;line-height: 1;text-align: center;width: 70px;height: 70px;padding: 1px 10px;position: absolute;top: 0px;right: 0px;background: var(--color-06);opacity: 1;text-shadow: none;transition:all 300ms ease-in-out;display: flex;justify-content: center;align-items: center;}
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;height: 100vh;padding: 80px 0px;overflow: auto;transition: all 500ms ease-in-out;}
#popup.open{opacity: 1;visibility: visible;right: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.address-sec-01{background:var(--color-02);padding: 100px 0px;}
section.address-sec-01 .address_wrp{/* height: 100vh; */display: flex;align-items: center;justify-content: flex-start;margin-bottom: 60px;}

.address_cards{width: 390px;height: 340px;margin-top: 10vh;/* padding: 50px 40px 40px 40px; *//* 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;}
.address_cards .ad-data{}
.address_cards .ad-data h4{color: var(--color-06);font-size: 30px;margin-bottom: 20px;}
.address_cards .ad-data p, .address_cards .ad-data p a{color: var(--color-01);font-size: 15px;max-width: 280px;}
.address_cards h3{font-size: 44px;line-height: 1;}

.map-india{display:inline-block;position:relative;top: -14vh;}
#bg_of_panchtatva{color: #ffffff;font-size: 14px;text-transform: uppercase;padding: 6px 17px;position: absolute;top: 73%;left: 26%;transform: rotate(-9deg);background: var(--color-06);transition: all 500ms ease-in-out;}
#bg_of_panchtatva:before{content: "Bengaluru";}
#bg_of_panchtatva.Bengaluru:before{content:'Bengaluru';}
#bg_of_panchtatva.Mumbai:before{content:'Mumbai';}
#bg_of_panchtatva.Hyderabad:before{content:'Hyderabad';}
#bg_of_panchtatva.Chennai:before{content:'Chennai';}
#bg_of_panchtatva.Dilli:before{content:'Delhi';}
#bg_of_panchtatva.Pune:before{content:'Pune';}


#bg_of_panchtatva.Bengaluru{top: 73%;left: 26%;transform: rotate(-9deg);}
#bg_of_panchtatva.Mumbai{top: 53%;left: 9%;transform: rotate(10deg);}
#bg_of_panchtatva.Hyderabad{top: 58%;left: 36%;transform: rotate(-16deg);}
#bg_of_panchtatva.Chennai{top: 81%;left: 31%;transform: rotate(10deg);}
#bg_of_panchtatva.Dilli{top: 23%;left: 22%;transform: rotate(-8deg);}
#bg_of_panchtatva.Pune{top: 52%;left: 23%;transform: rotate(-3deg);}

#bg_of_panchtatva:after{content: "";position:absolute;bottom:-16px;left:6px;width:0;height:0;border:7px solid transparent;border-top:10px solid var(--color-06);;}

#bg_of_panchtatva.Mumbai:after{left:calc(100% - 24px);}


.formaloo__form-container{padding: 0px ! important;background: #eaeaea !important;margin-bottom:20px !important;}
.form-theme-field-border{border:none !important;padding: 0px !important;background: transparent !important;margin: 0px !important;}
.formaloo__field-container{margin-bottom:10px !important;position: relative;}
.formaloo__field-title{font-size: 16px !important;line-height: 1 !important;margin-bottom:0px !important;}
.formaloo__field-description{display:none;}
.formz-radio-group-container {display: flex !important;}
.formaloo__field-input {display: flex;height: 40px !important;border-radius: 0px !important;border: 1px solid transparent !important;border-bottom: 1px solid var(--color-02) !important;}
.formz-radio.form-radio-only-text {width: auto !important;}
 

div#formz_singleStep_field_jTwcGoRQ .formaloo__field-title {display: none !important;}
div#formz_singleStep_field_jTwcGoRQ .formaloo__field-input{border: 1px solid transparent !important;}

div#formz-layout-wrapper {background: transparent;}
textarea.modern-view-global-styles_m-textfield__ZOOyk.form-modern-input.formaloo__field-input {background: var(--color-04);height: 100px ! IMPORTANT;margin-top: 10px;}
button.form-components-style_form-button-submit__ZzOBZ.form-theme-button.formaloo__submit-button.form-components-style_form-button-submit__modern__lOolW.formaloo__button {background: var(--color-07) !important;border-radius: 0px;}

p.fields-global_form-form-error__wRK5c {position: absolute;right: 5px;bottom: -11px;background: red;color: var(--color-01) !important;font-size: 9px !important;letter-spacing: .5px;text-transform: uppercase;padding: 1px 4px 0px 4px !important;}


.formaloo_EPomAZVE__form-container.inheritFont.MuiBox-root.mui-style-5wek6x {background: transparent;}

.mui-style-sgiee0{gap: 25px !important;padding: 0px !important;}
.mui-style-sgiee0 > div:nth-child(1) .mui-style-v3v89i{display:flex;flex-wrap: nowrap;}
.mui-style-sgiee0 > div:nth-child(1) > label{display:none;}
.mui-style-sgiee0 > div:nth-child(1) .mui-style-v3v89i label{padding:0px !important;border: none;background: transparent;}

.mui-style-sgiee0 > div:nth-child(1) .mui-style-v3v89i label .mui-style-16gzibi{padding-top: 2px;padding-bottom: 0px;}
.mui-style-sgiee0 > div:nth-child(1) .mui-style-v3v89i label .mui-style-16gzibi span{color: var(--color-07) !important;font-size:18px;font-weight:500;padding-top: 2px;}

label.MuiFormLabel-root.MuiInputLabel-root.MuiInputLabel-animated.MuiFormLabel-colorPrimary.MuiInputLabel-root.MuiInputLabel-animated.mui-style-n60o4q{line-height: 0 !important;margin-bottom: 0px !important;}
label.MuiFormLabel-root.MuiInputLabel-root.MuiInputLabel-animated.MuiFormLabel-colorPrimary.MuiInputLabel-root.MuiInputLabel-animated.mui-style-n60o4q span{font-size: 14px !important;line-height: 1;}

.MuiBox-root.mui-style-as7zkh {border: 2px solid var(--color-06);}
.mui-style-vzxymz {background: var(--color-06) !important;}
.mui-style-vcs4yp .MuiFormControlLabel-labelPlacementEnd * {padding: 0px;border-color: var(--color-06);}

.MuiBox-root{position:relative;}
.mui-style-1hqz9cp {gap: 0px !important;}
ul.MuiList-root.MuiList-padding.mui-style-866d6n {color: var(--color-01);font-size: 9px;text-transform: uppercase;background: red;position: absolute;bottom: -15px;right: 0%;padding: 2px 4px;}

.MuiFormControl-root.MuiTextField-root.mui-style-1xprspe,
.mui-style-1hpldsj .react-tel-input .form-control{background: transparent !important;}

.mui-style-1xprspe .MuiInputBase-root fieldset,
.mui-style-1hpldsj .react-tel-input .form-control{border: none !important;border-bottom: 1px solid var(--color-02) !important;}


.mui-style-1xprspe .MuiInputBase-root{min-height: auto !important;padding:0px !important;}
.mui-style-1xprspe .MuiInputBase-root input{font-size:15px;padding: 5px 0px !important;}
.mui-style-1hpldsj .react-tel-input .form-control{font-size:15px !important;}

button.MuiButtonBase-root.MuiButton-root.MuiButton-contained.MuiButton-containedPrimary.MuiButton-sizeMedium {font-size: 16px;padding: 12px !important;min-height: auto;height: auto;background: var(--color-07);width: 100%;max-width:300px;}



/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 900px) {
	
	section.about-sec-hero h1{margin:0px;}
	
	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: 90%;}
	.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 .container-box{background-size:cover;width:200vh;}

	.home-sec-06 section.panel.width-team{width:800vh;}

	.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;}

	.address_cards .ad-data h4{font-size:21px;}
	.address_cards .ad-data p,
	.address_cards .ad-data p a{font-size:14px;}
	
}