
/*header {
    background: var(--color-11);
}*/

.logo-varcon .varcon{filter:brightness(1);}
div#navbarNav {filter: invert(1);}

header.active .logo-varcon .varcon{filter:brightness(100);}
header.active div#navbarNav {filter: invert(0);}

section.mym-sec-01{padding: 250px 0px 140px 0px;margin-bottom:300px;position: relative;z-index: 9;}
section.mym-sec-01 .container{position:relative;z-index:9;}
section.mym-sec-01 .container:before{content:"";background:var(--color-05);width: 100%;height: calc(100% + 230px);opacity: .5;z-index: -1;position:absolute;top: -120px;left: 33%;}
section.mym-sec-01 h1.split-heading {font-size:var(--rfs-48);margin-bottom:40px;}
section.mym-sec-01 h1.split-heading.color-black{z-index: 1;}
section.mym-sec-01 h1.split-heading.color-white{color: var(--color-01);z-index: 9;mix-blend-mode: color-dodge;}
section.mym-sec-01 h1.split-heading span.spib{line-height:1.1;}

section.mym-sec-01 ul{margin: 30px 0px 0px 0px;padding: 0px;list-style-type: none;gap: 15px;display: flex;flex-direction: column;}
section.mym-sec-01 ul li{padding: 2px 0px 2px 20px;position: relative;}
section.mym-sec-01 ul li:before{content:"";width: 8px;height: 8px;background: var(--color-13);position: absolute;top: 50%;left: 0px;transform: translateY(-50%);}
section.mym-sec-01 .thumb_wtlb{}
section.mym-sec-01 .thumb_bale{width:35vh;position: absolute;bottom: -31vh;}

.formaloo--root-container{padding-bottom:100px;}
.formaloo--root-container div {background: transparent !important;padding: 0px !important;}


button.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary.MuiButton-sizeMedium.MuiButton-textSizeMedium.MuiButton-colorPrimary.MuiButton-disableElevation.MuiButton-root.MuiButton-text.MuiButton-textPrimary.MuiButton-sizeMedium.MuiButton-textSizeMedium.MuiButton-colorPrimary.MuiButton-disableElevation.formaloo__button.formaloo_Fhrkf1Hz__button.mui-style-bug8p1 {width: 100%;background: #dd8536 !important;}



/* Smartphones (portrait and landscape) ----------- */
@media only screen  and (min-width : 320px)  and (max-width : 480px) {
	
	.formaloo--root-container div{padding:0px 0px 10px 0px  !important;}
	
	section.mym-sec-01{padding: 250px 20px 60px 20px;margin-bottom: 0px;}
	section.mym-sec-01 .container:before{top: inherit;bottom: -110px;left: -20px;width: 120%;height:70vh;}
	.mobile_reverse{align-items: flex-start;flex-direction: column-reverse;}
	section.mym-sec-01 .thumb_bale{position: static;width: 50%;margin-bottom: 30px;}
	
	.MuiBox-root.mui-style-tkevr6 {align-items: flex-start !important;}
	.mui-style-mvwult{padding:0px !important;}
	.mui-style-pe3kxy{height:auto !important;}
	.MuiBox-root.mui-style-pe3kxy {
    min-height: auto !important;
}
	
	
}