.bg-pale-orange{background-color:#fff7f0;}
.Support-design hr {margin-top: 10px;border-top: 2px solid #ff8901;}
.border-bottom{width:25%;}
.hr-bottom{margin-top: 10px;border-top: 2px solid #ffe7cb;}

div#Modularized-design{
	width:100%;
	max-width:1200px;
	height:100%;
	max-height:500px;
	position:relative;
	margin-left: 45%;
}


#diverseimage{
	width:100%;
	position:absolute;
	z-index:20;
	opacity:0
}

#diversetexgt{
	width:100%;
	position:absolute;
	z-index:25;
	-webkit-clip-path:inset(0 57% 0 43%);
	clip-path:inset(0 57% 0 43%);
	opacity:0
}

#diversetable{
	width:100%;
	z-index:5
}

.diverseimage{
	opacity:1 !important;
	transition:all 3s ease-in-out;
	transition-delay:1.5s
}

.diversetexgt{
	opacity:1 !important;
	-webkit-clip-path:inset(0) !important;
	clip-path:inset(0) !important;
	transition:all 5s ease-in-out;
	transition-delay:2.5s
}


@media screen and (max-width:1920px) {
div#Modularized-design{
	margin-left: 40%;
}
}

@media screen and (max-width:1601px) {
div#Modularized-design{
	margin-left: 25%;
}
}

@media screen and (max-width:1440px) {
div#Modularized-design{
	margin-left: 20%;
}
}

@media screen and (max-width:1025px) {
div#Modularized-design{
	margin-left: 5%;
}
}

@media screen and (max-width:991px) {
div#Modularized-design{
	margin-left: 0%;
}
}

/*Desktop END*/

div#Modularized-design-2{
	width:100%;
	max-width:1200px;
	height:100%;
	max-height:600px;
	position:relative;
	padding-bottom: 30px;
}


#diverseimage-2{
	width:100%;
	position:absolute;
	z-index:20;
	opacity:0
}

#diversetexgt-2{
	width:100%;
	position:absolute;
	z-index:25;
	-webkit-clip-path:inset(0 57% 0 43%);
	clip-path:inset(0 57% 0 43%);
	opacity:0
}

#diversetable-2{
	width:100%;
	z-index:5
}

.diverseimage-2{
	opacity:1 !important;
	transition:all 3s ease-in-out;
	transition-delay:1.5s
}

.diversetexgt-2{
	opacity:1 !important;
	-webkit-clip-path:inset(0) !important;
	clip-path:inset(0) !important;
	transition:all 5s ease-in-out;
	transition-delay:2.5s
}
/*Desktop END*/


div#Flexible-design{
	width:100%;
/* 	max-width:1920px; */
	height:100%;
	max-height:900px;
	position:relative;
}


#Flexibleimage{
	width:100%;
	position:absolute;
	z-index:20;
	opacity:0
}

#Flexibletexgt{
	width:100%;
	position:absolute;
	z-index:25;
	-webkit-clip-path:inset(0 57% 0 43%);
	clip-path:inset(0 57% 0 43%);
	opacity:0
}

#Flexibletable{
	width:100%;
	z-index:5
}

.Flexibleimage{
	opacity:1 !important;
	transition:all 2s ease-in-out;
	transition-delay:0.9s
}

.Flexibletexgt{
	opacity:1 !important;
	-webkit-clip-path:inset(0) !important;
	clip-path:inset(0) !important;
	transition:all 3s ease-in-out;
	transition-delay:2.5s
}