@charset "utf-8";
/* CSS Document */
.styled-box {
	border: 2px solid #14f100;   /* Green border */
	background-color: #eff1f0;   /* Light grey background */
	border-radius: 12px;         /* Rounded corners */
	box-shadow: 0 2px 6px rgba(0,0,0,0.1); /* Light shadow */
	flex: auto;
}
.styled-box h3, h3, h4 {
	font-weight: bold;
	color: #1f2837!important; /* Dark heading */
	font-family: "Pirulen", sans-serif;
	font-size: 22px;
}
.styled-box ul, p {
	margin-top: 10px;
	font-family: "Forma DJR Micro", sans-serif;
	font-weight: 500;
	letter-spacing: 0.8px;
	;
}
#mainheading {
	font-size: 28px;
}
 .border-1 {
    border: 1px solid #000;
    padding: 8px; /* text aur border ke beech gap */
  }
.text-center{
	width: auto;
}

@media (min-width:768px) and (max-width:992px){
.d-flex .d-flex.styled-box.p-2 #conceptimg {
	width: 30%;
	height: 50%;
	margin-top: 50px;
	margin-left: 3px;
}
.d-flex.mt-2 .d-flex.styled-box.p-2 #arcimg {
	width: 30%;
	height: 50%;
	margin-top: 50px;
	margin-left: 3px;
}
.d-flex.mt-2 .d-flex.styled-box.p-2 .img-fluid.benefitsimg {
	width: 35%;
	height: 60%;
	margin-top: 35px;
}
.container .d-flex.mt-2 .styled-box.p-2.prereques {
	width: 100%;
}
.d-flex.mt-2 .styled-box.p-2.prereques .preimg {
	width: 100%;
	height: auto;
}

}

@media (min-width:567px) and (max-width:768px){
	.styled-box {
		flex-direction: column;
	}
.d-flex.CardCon .d-flex.styled-box.p-2 #conceptimg {
	width: 100%;
}
.d-flex.CardCon .d-flex.styled-box.p-2 .ms-3 {
	margin-top: 9px;
	padding-left: 0px;
	width: 90%;
	padding-right: 0px;
}
.d-flex.mt-2.Systemcard .d-flex.styled-box.p-2 #arcimg {
	width: 100%;
}
.d-flex.mt-2.cardbenefit .d-flex.styled-box.p-2 .img-fluid.benefitsimg {
	width: 100%;
}
.d-flex.mt-2.cardbenefit .d-flex.styled-box.p-2 .ms-3 {
	width: 90%;
	margin-top: 5px;
}
.d-flex.mt-2.cardimpact .d-flex.styled-box.p-2 .ms-3 {
	width: 90%;
}
.d-flex.mt-2.cardimpact .d-flex.styled-box.p-2 .mt-5.impactimg {
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
}
.container .d-flex.mt-2.cardprereq .styled-box.p-2.prereques {
	width: 100%;
}
.d-flex.mt-2.cardprereq .styled-box.p-2.prereques .preimg {
	width: 100%;
}

}

@media (min-width:320px) and (max-width:576px){
	.styled-box {
		flex-direction: column;
	}
.d-flex.CardCon .d-flex.styled-box.p-2 #conceptimg {
	width: 100%;
}
.d-flex.CardCon .d-flex.styled-box.p-2 .ms-3 {
	margin-top: 9px;
	padding-left: 0px;
	width: 90%;
	padding-right: 0px;
}
.d-flex.mt-2.Systemcard .d-flex.styled-box.p-2 #arcimg {
	width: 100%;
}
.d-flex.mt-2.cardbenefit .d-flex.styled-box.p-2 .img-fluid.benefitsimg {
	width: 100%;
}
.d-flex.styled-box.p-2 .ms-3 .ml-5 {
	width: 50%;
	padding-left: 61px;

}

.d-flex.mt-2.cardbenefit .d-flex.styled-box.p-2 .ms-3 {
	width: 90%;
	margin-top: 5px;
}
.d-flex.mt-2.cardimpact .d-flex.styled-box.p-2 .ms-3 {
	width: 90%;
}
.d-flex.mt-2.cardimpact .d-flex.styled-box.p-2 .mt-5.impactimg {
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
}
.container .d-flex.mt-2.cardprereq .styled-box.p-2.prereques {
	width: 100%;
}
.d-flex.mt-2.cardprereq .styled-box.p-2.prereques .preimg {
	width: 100%;
}
.styled-box ul, p {
    font-size: 13px;
    font-weight:600;
	}
.d-flex.styled-box.p-2 .ms-3 .text-center {
	width: 95%;
}

}

@media (min-width:1200px){
.d-flex.CardCon .d-flex.styled-box.p-2 .ms-3 {
	padding-right: 20px;
}




}