body{
 
}
a:hover{
	color:#0F4A5C;
}
.paddingB14{
	padding-bottom:14px;
}
.paddingB10{
	padding-bottom:10px;
}
.marginT20{
	margin-top:20px;
}
.marginB0{
	margin-bottom:0px !important;
}

.row{
	width:100%;
}

.enSpace{
	padding-right:4px;
}
.noWrapTxt{
	white-space:nowrap;
}
#back2top{
	position: fixed;
	bottom:50px;
	right:30px;
	cursor:pointer;
}


*:focus {
  outline: 0px solid #000;
}

.onclick{
	outline:none !important;
}



#back-top {
  font-size: 20px;
	opacity: 1;
}

#back-top.is-visible,
#back-top.is-fade-out,
#back-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
#back-top.is-visible {
  visibility: visible;
  opacity: 1;
}


@media (max-width: 768px) {
	.paddingB14{
	
    padding-bottom: 14px;
	
	
	
	
	
	
	
	
	
	
	
	
	
}
}
/*
#back-top:hover {
  opacity: 1;
	color:#5a342c;
}
#back-top:hover,
#back-top:active,
#back-top:focus {
  outline: none;
  text-decoration: none;
}
*/

body{
	background: #FFF !important;
	/* background: url('./2.2.png') !important; 
	background-position-y: 0px !important;
	opacity: 0.5;
	margin: 0 0 0 20px !important;
	position: relative; */
}
body::before{
	pointer-events: none;
	position: fixed;
	content: '';
	width: 100%;
	height: 100%;
        background-position: center;
	background-repeat: repeat;
	background-image: url("../images/bg.webp");
	opacity: 0.7;
}
/*
body::after{
	pointer-events: none;
	position: fixed;
	content: '';
	width: 828px;
	height: 984px;
	right: 0;
	top: -55px;
	z-index: 0;
	background-image: url("../images/bg.webp");
	opacity: 0.7;
}*/
#mainWrapper{
	z-index: 1;
}
.pageCon.case.first{
	margin-top: 20px;
}

.pageCon.case .rightText .conText .con1 .case-title{
	font: normal normal normal 20px/20px Times New Roman;
	letter-spacing: 0px;
	color: #FFFFFF;
	position: relative;
	margin: 10px;
}
.pageCon.case{
	position: relative;
	margin-bottom: 15px !important;
}

/*case 3 box */
.pageCon.case::before{
	content: '';
	width: 240px;
	height: 200px;
	background-color: #265535;
	padding: 4px 0 0 80px;
	position: absolute;
	border-radius: 30px 50px 0px 20px;
	left: -51px;
}
.pageCon.case::after{
	content: '';
	width: 240px;
	height: 150px;
	background-color: #265535;
	padding: 4px 0 0 80px;
	position: absolute;
	border-radius: 0px 20px 30px 20px;
	bottom: -20px;
	right: 0px;
	z-index: 0;
}
.pageCon.case .rightText .conText .con1 .content{
	position: relative;
	background: #EAF6EB 0% 0% no-repeat padding-box;
	border-radius: 15px;
    padding: 37px 40px;
	box-sizing: border-box;
    margin-top: 15px;
    margin-left: -30px;
    letter-spacing: -0.08px !important;
    width: calc(100% + 45px);

	text-align: left;
	font: normal normal normal 17px/25px Times New Roman;
	letter-spacing: 0px;
	color: #000000;
    z-index: 1;
    text-align: justify;
}

.stairs_text{
    padding-right: 49px;
	position: relative;
}
.stairs_text::after{
	content: '';
	width: 99px;
	height: 89px;
	background-image: url("../images/stairs.svg");
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	right: 0;
        margin-top: 6px;
}

.has-icon{
	align-items: center;
        padding-top: 11px;

        padding-bottom: 19px;
	display: flex;
}
.has-icon img{
	margin-left: 18px;
}

.icon-2-2 img{
	transform: scaleX(-1);
        margin-left: 13px;
}






.pageCon.style-1{
	position: relative;
        left: -51px;
        top: -2px;

        padding: 20px;
	width: calc(100% + 52px);
}

.pageCon.style-1::before{
	content: '';
	
	background-color: #2DAC5D;
	width: calc(100% + -70px);
	height: 150px;

        border-radius: 30px 20px 20px 20px;
        left: 0px;
        position: absolute;
        top: 0;
}

.pageCon.style-1::after{
	content: '';
	
	background-color: #2DAC5D;
	width: calc(100% + -70px);
	height: 150px;
	
        border-radius: 20px 20px 30px 20px;
        right: 0px;
        position: absolute;
        bottom: 0;
}
.pageCon.style-1 >.rightText{
	margin-top: 0;
        border: 12px solid white;
        border-radius: 22px;
        background: #EAF6EB;
        z-index: 1;
	padding-bottom: 12px;
	width: 100% !important;
	position: relative;
}

.pageCon.style-1 >.rightText::before{
	content: '';
	background-image: url('../images/icon_quot.svg');
	background-repeat: no-repeat;
	position: absolute;
	
    top: 15px;
    left: 15px;
    width: 100px;
    height: 100px;
}

.pageCon.style-1 >.rightText::after{
	content: '';
	background-image: url('../images/icon_quot.svg');
	background-repeat: no-repeat;
	position: absolute;
	transform: rotate(180deg);
    bottom: 15px;
    right: 15px;
    width: 100px;
    height: 100px;
}
.pageCon.style-1 >.rightText >.conText{
	padding: 28px 78px 21px 85px;
}

.pageCon.style-1 >.rightText >.conText >.con1{
}

.pageCon.style-1 *{
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 24px;
    line-height: 30px;
}

.pageCon.style-1 >.rightText >.pageCon > .leftList{
	margin-top: 0;
}
.pageCon.style-1 >.rightText >.pageCon{
	padding: 2px 67px 21px 94px;
}
.pageCon.style-1 >.rightText >.pageCon > .rightText{
	margin-top: 0;
}



















.pageCon.style-2{
	position: relative;
    left: -51px;
    top: -2px;
	
    padding: 20px;
	width: calc(100% + 52px);
}

.pageCon.style-2::before{
	content: '';
	
	background-color: #2DAC5D;
	width: calc(100% + -70px);
	height: 150px;
	
    border-radius: 30px 20px 20px 20px;
    left: 0px;
    position: absolute;
    top: 0;
}

.pageCon.style-2::after{
	content: '';
	
	background-color: #2DAC5D;
	width: calc(100% + -70px);
	height: 150px;
	
    border-radius: 20px 20px 30px 20px;
    right: 0px;
    position: absolute;
    bottom: 0;
}
.pageCon.style-2 >.rightText{
	margin-top: 0;
    border: 12px solid white;
    border-radius: 22px;
    background: #EAF6EB;
	z-index: 1;
	padding-bottom: 12px;
	width: 100% !important;
	position: relative;
}

.pageCon.style-2 >.rightText::before{
	content: '';
	background-image: url('../images/icon_quot.svg');
	background-repeat: no-repeat;
	position: absolute;
	
    top: 15px;
    left: 15px;
    width: 100px;
    height: 100px;
}

.pageCon.style-2 >.rightText::after{
	content: '';
	background-image: url('../images/icon_quot.svg');
	background-repeat: no-repeat;
	position: absolute;
	transform: rotate(180deg);
    bottom: 15px;
    right: 15px;
    width: 100px;
    height: 100px;
}
.pageCon.style-2 >.rightText >.conText{
	padding: 28px 78px 21px 85px;
}

.pageCon.style-2 >.rightText >.conText >.con1{
}

.pageCon.style-2 *{
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 24px;
    line-height: 30px;
}

.pageCon.style-2 >.rightText >.pageCon > .leftList{
	margin-top: 0;
}
.pageCon.style-2 >.rightText >.pageCon{
	padding: 2px 67px 21px 94px;
}
.pageCon.style-2 >.rightText >.pageCon > .rightText{
	margin-top: 0;
}
.pageCon.style-2 >.rightText >.pageCon > .rightText > .conText{
	padding: 0px 20px 0px 20px;
}
.pageCon.style-2{
	position: relative;
    left: -51px;
    top: -2px;
	
    padding: 20px;
	width: calc(100% + 52px);
}

.pageCon.style-2::before{
	content: '';
	
	background-color: #2DAC5D;
	width: calc(100% + -70px);
	height: 150px;
	
    border-radius: 30px 20px 20px 20px;
    left: 0px;
    position: absolute;
    top: 0;
}

.pageCon.style-2::after{
	content: '';
	
	background-color: #2DAC5D;
	width: calc(100% + -70px);
	height: 150px;
	
    border-radius: 20px 20px 30px 20px;
    right: 0px;
    position: absolute;
    bottom: 0;
}
.pageCon.style-2 >.rightText{
	margin-top: 0;
    border: 12px solid white;
    border-radius: 22px;
    background: #EAF6EB;
	z-index: 1;
	padding-bottom: 12px;
	width: 100% !important;
	position: relative;
}








.style-img {
	justify-content: center;
	/* padding-left: 5vw;
        padding-right: 5vw; */
}
.style-img .conPics{
	padding: 10px 0 0 0 !important;
	/*max-width: 843px !important; 
	max-height: 491px !important;*/
	margin: 0 0 0 auto !important;
}
.style-img img{
	
    /* width: 100%;
	max-width: 843px !important;  
	max-height: 491px !important; */
}


@media (max-width: 1000px) {
body::before, body::after{
	content: none;
}
}

@media (max-width: 768px) {
	
	
		.pageCon.style-1 >.rightText >.conText{
		padding: 39px 20px 21px 20px;
	}

	.pageCon.style-1 >.rightText >.pageCon{
		padding: 0px 20px 0px 20px;
	}

	.pageCon.style-1 >.rightText >.pageCon > .rightText > .conText{
		padding: 0px 20px 0px 20px;
	}


	.pageCon.style-1 *{
		font-family: "Times New Roman", Times, serif;
			
		font-size: 16px;
		font-style: italic;
		/* margin-bottom: 20px !important; */
	}

	.pageCon.case .rightText .conText .con1 .content{
	    padding: 23px 20px;
	}

	.style-img {
		padding-left: 0;
	    padding-right: 0;
	}

	.pageCon.style-1 >.rightText{
		padding-bottom: 5vw;
    	padding-top: 5vw;
}



	.pageCon.style-2 >.rightText >.conText{
		padding: 39px 20px 21px 20px;
	}

	.pageCon.style-2 >.rightText >.pageCon{
		padding: 0px 20px 0px 20px;
	}

	.pageCon.style-2 >.rightText >.pageCon > .rightText > .conText{
		padding: 0px 20px 0px 20px;
	}


	.pageCon.style-2 *{
		font-family: "Times New Roman", Times, serif;
			
		font-size: 16px;
		font-style: italic;
		/* margin-bottom: 20px !important; */
	}

	.pageCon.case .rightText .conText .con1 .content{
	    padding: 23px 20px;
	}

	.style-img {
		padding-left: 0;
	    padding-right: 0;
	}

	.pageCon.style-2 >.rightText{
		padding-bottom: 5vw;
    	padding-top: 5vw;
}






















.pageCon.style-8 >.rightText >.conText{
		padding: 0px 20px 21px 20px;
	}

	.pageCon.style-8 >.rightText >.pageCon{
		padding: 0px 20px 0px 20px;
	}

	.pageCon.style-8 >.rightText >.pageCon > .rightText > .conText{
		padding: 0px 20px 0px 20px;
	}


	.pageCon.style-8 *{
		font-family: "Times New Roman", Times, serif;
			
		font-size: 16px;
		font-style: italic;
		/* margin-bottom: 20px !important; */
	}

	.pageCon.case .rightText .conText .con1 .content{
	    padding: 23px 20px;
	}

	.style-img {
		padding-left: 0;
	    padding-right: 0;
	}

	.pageCon.style-8 >.rightText{
		padding-bottom: 5vw;
    	padding-top: 5vw;
}





}






.svg-box {
  width: 854px;
  height: 500px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 454.28 166.02"><defs><style>.cls-1,.cls-3{fill:none;}.cls-2{clip-path:url(%23clip-path);}.cls-3{stroke:%238fd3f5;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.5px;}</style><clipPath id="clip-path" transform="translate(0 0)"><rect class="cls-1" width="454.28" height="166.02"/></clipPath></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g class="cls-2"><path class="cls-3" d="M4.25,4.25H427.36a14.09,14.09,0,0,1,10,4.15L445.9,17A14.25,14.25,0,0,1,450,27V140a14.21,14.21,0,0,1-4.13,10l-7.56,7.6a14.06,14.06,0,0,1-10,4.15H253" transform="translate(0 0)"/></g></g></g></svg>');
  background-size: contain;  /* or cover */
  background-repeat: no-repeat;
  background-position: center;
}








/* case style chapter 3 */

.card-container {
    position: relative;
    width: 100%;
}

.label {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #238AAE;
    color: white;
    padding: 12px 20px;
    border-radius: 10px;
    font-size: 24px;
    z-index: 2;
}

.card {
    margin-left: 20px;
    background-color: #E0F2FB;
    border-radius: 15px;
    padding: 40px 30px 30px 30px;
    margin-top: 30px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    position: relative;
    border: 1px solid #1BB1E7;
    z-index: 1;
}

.content {
    color: #333;
    font-size: 18px;
    line-height: 1.6;
}

/* case style chapter 5 */

.card-container-ch5 {
    position: relative;
    width: 100%;
}

.label-ch5 {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #BE264B;
    color: white;
    padding: 12px 20px;
    border-radius: 10px;
    font-size: 24px;
    z-index: 2;
}

.card-ch5{
    margin-left: 20px;
    background-color: #FEE3DB;
    border-radius: 15px;
    padding: 40px 30px 30px 30px;
    margin-top: 30px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    position: relative;
    border: 1px solid #F05853;
    z-index: 1;
}

.content-ch5 {
    color: #333;
    font-size: 18px;
    line-height: 1.6;
}

/* case style chapter 4 */

.card-container-ch4 {
    position: relative;
    width: 100%;

}

.label-ch4 {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #F67921;
    color: white;
    padding: 12px 20px;
    border-radius: 10px;
    font-size: 24px;
    z-index: 2;
}

.card-ch4{
    margin-left: 20px;
    background-color: #FEF0DB;
    border-radius: 15px;
    padding: 40px 30px 30px 30px;
    margin-top: 30px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    position: relative;
    border: 1px solid #FCB034;
    z-index: 1;
}

.content-ch4 {
    color: #333;
    font-size: 18px;
    line-height: 1.6;
}


/*bulb  style*/
.icon-8-1 img{
    position: relative;
    padding-top: 15px;
    width: 80px;
    margin-left: 70px;
    top: 15px;
    z-index: 10;
}

.pageCon.style-8{
    position: relative;
    left: 0px;
    top: -10px;
    padding: 10px;
    padding-right: 0px;
    width: calc(100% + 52px);
    color:#3fbde0;
}

.pageCon.style-8::before{
    content: '';
    background-color: #91d3ea;
    width: calc(100% + -70px);
    height: 150px;
    border-radius: 30px 20px 20px 20px;
    left: 24px;
    position: absolute;
    top: 0;
}

.pageCon.style-8::after{
    content: '';
    background-color: white;
    width: calc(100% + -70px);
    height: 150px;
    border-radius: 20px 20px 30px 20px;
    right: 0px;
    position: absolute;
    bottom: 0;
}
.pageCon.style-8 >.rightText{
    margin-top: 0;
    border: 12px solid white;
    border-radius: 22px;
    background: #dbf1fd;
    background: -webkit-linear-gradient(178deg, #dbf1fd 0%, #ffffff 100%);
    background: linear-gradient(270deg, #dbf1fd 0%, #ffffff 100%);
    z-index: 1;
    padding-bottom: 12px;
    width: 100% !important;
    position: relative;
}

.pageCon.style-8 >.rightText::before{
    content: '';
    background-image: url('../images/icon_quotb.svg');
    background-repeat: no-repeat;
    position: absolute;

    top: 15px;
    left: 15px;
    width: 50px;
    height: 50px;
}

.pageCon.style-8 >.rightText::after{
    content: '';
    background-image: url('../images/icon_quotb.svg');
    background-repeat: no-repeat;
    position: absolute;
    transform: rotate(180deg);
    bottom: 15px;
    right: 15px;
    width: 50px;
    height: 50px;
}
.pageCon.style-8 >.rightText >.conText{
    padding: 28px 78px 21px 85px;
}

.pageCon.style-8 >.rightText >.conText >.con1{
}

.pageCon.style-8 *{
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 24px;
    line-height: 30px;
}

.pageCon.style-8 >.rightText >.pageCon > .leftList{
    margin-top: 0;
}
.pageCon.style-8 >.rightText >.pageCon{
    padding: 2px 67px 21px 94px;
}
.pageCon.style-8 >.rightText >.pageCon > .rightText{
    margin-top: 0;
}
.pageCon.style-8 >.rightText >.pageCon > .rightText > .conText{
    padding: 0px 20px 0px 20px;
}




.center-image {
  text-align: center;
}

.centered-img {
  display: inline-block;
  margin: 0 auto;
}







/*ch2 */
.pageCon.style-8-ch2{
    position: relative;
    left: 0px;
    top: -30px;
    padding: 10px;
    padding-left: 0px;
    padding-right: 0px;
    width: calc(100% + 52px);	
}

.pageCon.style-8-ch2::before{
	content: '';
	
	background-color: #e26b04;
	width: calc(100% + -70px);
	height: 150px;
	
    border-radius: 30px 20px 20px 20px;
    left: 24px;
    position: absolute;
    top: 0;
}

.pageCon.style-8-ch2::after{
	content: '';
	
	background-color: white;
	width: calc(100% + -70px);
	height: 150px;
	
    border-radius: 20px 20px 30px 20px;
    right: 0px;
    position: absolute;
    bottom: 0;
}
.pageCon.style-8-ch2 >.rightText{
	margin-top: 0;
    border: 12px solid white;
    border-radius: 22px;
	background: #fdf2e7;
background: -webkit-linear-gradient(178deg, #fdf2e7 0%, #ffffff 100%);
background: linear-gradient(270deg, #fdf2e7 0%, #ffffff 100%);
	z-index: 1;
	padding-bottom: 12px;
	width: 100% !important;
	position: relative;
	color: #e26b04; 
}

.pageCon.style-8-ch2 >.rightText::before{
	content: '';
	background-image: url('../images/icon_quotb.svg');
	background-repeat: no-repeat;
	position: absolute;
	
        top: 15px;
        left: 15px;
        width: 40px;
        height: 40px;
}

.pageCon.style-8-ch2 >.rightText::after{
	content: '';
	background-image: url('../images/icon_quotb.svg');
	background-repeat: no-repeat;
	position: absolute;
	transform: rotate(180deg);
        bottom: 15px;
        right: 15px;
        width: 40px;
        height: 40px;
}
.pageCon.style-8-ch2 >.rightText >.conText{
	padding: 28px 78px 21px 85px;
}

.pageCon.style-8-ch2 >.rightText >.conText >.con1{
}

.pageCon.style-8-ch2 *{
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 24px;
    line-height: 30px;
}

.pageCon.style-8-ch2 >.rightText >.pageCon > .leftList{
    margin-top: 0;
}
.pageCon.style-8-ch2 >.rightText >.pageCon{
    padding: 2px 67px 21px 94px;
}
.pageCon.style-8-ch2 >.rightText >.pageCon > .rightText{
    margin-top: 0;
}
.pageCon.style-8-ch2 >.rightText >.pageCon > .rightText > .conText{
    padding: 0px 20px 0px 20px;
}



/* Override the font-style for all child elements */
.pageCon.style-8-no-italic * {
    /*font-style: normal !important;*/
}
.pageCon.style-8-ch2-no-italic * {
    /*font-style: normal !important;*/
}
.pageCon.style-8-ch3-no-italic * {
     /*font-style: normal !important;*/
}
.pageCon.style-8-ch4-no-italic * {
    /*font-style: normal !important;*/
}
.pageCon.style-8-ch5-no-italic * {
     /*font-style: normal !important;*/
}
.pageCon.style-8-ch6-no-italic * {
    /*font-style: normal !important;*/
}







/*ch5 */
.pageCon.style-8-ch5{
    position: relative;
    left: 0px;
    top: -60px;
    padding: 10px;
    padding-left: 0px;
    padding-right: 0px;
    width: calc(100% + 52px);	
}

.pageCon.style-8-ch5::before{
    /* content: '';
    background-color: #BF3971;
    width: calc(100% + -70px);
    height: 150px;
    border-radius: 30px 20px 20px 20px;
    left: 24px;
    position: absolute;
    top: 0; */
}

.pageCon.style-8-ch5::after{
    content: '';
    background-color: white;
    width: calc(100% + -70px);
    height: 150px;
    border-radius: 20px 20px 30px 20px;
    right: 0px;
    position: absolute;
    bottom: 0;
}
.pageCon.style-8-ch5 >.rightText{
    margin-top: 0;
    border: 1px solid #F05853;
    border-radius: 22px;
    background: #FEE3DB;
    /* background: -webkit-linear-gradient(178deg, #fef1ed 0%, #ffffff 100%);
    background: linear-gradient(270deg, #fef1ed 0%, #ffffff 100%); */
    z-index: 1;
    padding-bottom: 12px;
    width: 100% !important;
    position: relative;
    color: #BE264B;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.pageCon.style-8-ch5 >.rightText::before{
    content: '';
    background-image: url('../images/icon_quot-red.svg');
    background-repeat: no-repeat;
    position: absolute;
    top: 55px;
    left: 15px;
    width: 40px;
    height: 40px;
}

.pageCon.style-8-ch5 >.rightText::after{
    content: '';
    background-image: url('../images/icon_quot-red.svg');
    background-repeat: no-repeat;
    position: absolute;
    transform: rotate(180deg);
    bottom: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
}
.pageCon.style-8-ch5 >.rightText >.conText{
    padding: 68px 78px 21px 85px;
}

.pageCon.style-8-ch5 >.rightText >.conText >.con1{
}

.pageCon.style-8-ch5 *{
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 24px;
    line-height: 30px;
}

.pageCon.style-8-ch5 >.rightText >.pageCon > .leftList{
    margin-top: 0;
}
.pageCon.style-8-ch5 >.rightText >.pageCon{
    padding: 2px 67px 21px 94px;
}
.pageCon.style-8-ch5 >.rightText >.pageCon > .rightText{
    margin-top: 0;
}
.pageCon.style-8-ch5 >.rightText >.pageCon > .rightText > .conText{
    padding: 0px 20px 0px 20px;
}

/*ch4 */
.pageCon.style-8-ch4{
    position: relative;
    left: 0px;
    top: -60px;
    padding: 10px;
    padding-left: 0px;
    padding-right: 0px;
    width: calc(100% + 52px);	
}

.pageCon.style-8-ch4::before{
    /* content: '';
    background-color: #F49632;
    width: calc(100% + -70px);
    height: 150px;
    border-radius: 30px 20px 20px 20px;
    left: 24px;
    position: absolute;
    top: 0; */
}

.pageCon.style-8-ch4::after{
    /* content: '';
    background-color: white;
    width: calc(100% + -70px);
    height: 150px;
    border-radius: 20px 20px 30px 20px;
    right: 0px;
    position: absolute;
    bottom: 0; */
}
.pageCon.style-8-ch4 >.rightText{
    margin-top: 0;
    border: 1px solid #FCB034;
    border-radius: 22px;
    background: #FEF0DB;
    /* background: -webkit-linear-gradient(178deg, #fffbeb 0%, #ffffff 100%);
    background: linear-gradient(270deg, #fffbeb 0%, #ffffff 100%); */
    z-index: 1;
    padding-bottom: 12px;
    width: 100% !important;
    position: relative;
    color: #F67921;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.pageCon.style-8-ch4 >.rightText::before{
    content: '';
    background-image: url('../images/icon_quot-orange.svg');
    background-repeat: no-repeat;
    position: absolute;
    top: 55px;
    left: 15px;
    width: 40px;
    height: 40px;
}

.pageCon.style-8-ch4 >.rightText::after{
    content: '';
    background-image: url('../images/icon_quot-orange.svg');
    background-repeat: no-repeat;
    position: absolute;
    transform: rotate(180deg);
    bottom: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
}
.pageCon.style-8-ch4 >.rightText >.conText{
    padding: 68px 78px 21px 85px;
}

.pageCon.style-8-ch4 >.rightText >.conText >.con1{
}

.pageCon.style-8-ch4 *{
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 24px;
    line-height: 30px;
}

.pageCon.style-8-ch4 >.rightText >.pageCon > .leftList{
    margin-top: 0;
}
.pageCon.style-8-ch4 >.rightText >.pageCon{
    padding: 2px 67px 21px 94px;
}
.pageCon.style-8-ch4 >.rightText >.pageCon > .rightText{
    margin-top: 0;
}
.pageCon.style-8-ch4 >.rightText >.pageCon > .rightText > .conText{
    padding: 0px 20px 0px 20px;
}

/*ch3 */
.pageCon.style-8-ch3{
    position: relative;
    left: 0px;
    top: -60px;
    padding: 10px;
    padding-left: 0px;
    padding-right: 0px;
    width: calc(100% + 52px);	
}

.pageCon.style-8-ch3::before{
    /*content: '';
    background-color: #248AAF;
    width: calc(100% + -70px);
    height: 150px;
    border-radius: 30px 20px 20px 20px;
    left: 24px;
    position: absolute;
    top: 0;*/
}

.pageCon.style-8-ch3::after{
    /*content: '';
    background-color: white;
    width: calc(100% + -70px);
    height: 150px;
    border-radius: 20px 20px 30px 20px;
    right: 0px;
    position: absolute;
    bottom: 0;*/
}
.pageCon.style-8-ch3 >.rightText{
    margin-top: 0;
    border: 1px solid #1BB1E7;
    border-radius: 20px;
    background: #E0F2FB;
    z-index: 1;
    padding-bottom: 12px;
    width: 100% !important;
    position: relative;
    color: #238AAE; 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.pageCon.style-8-ch3 >.rightText::before{
    content: '';
    background-image: url('../images/icon_quot-blue.svg');
    background-repeat: no-repeat;
    position: absolute;
    top: 55px;
    left: 15px;
    width: 40px;
    height: 40px;
}

.pageCon.style-8-ch3 >.rightText::after{
    content: '';
    background-image: url('../images/icon_quot-blue.svg');
    background-repeat: no-repeat;
    position: absolute;
    transform: rotate(180deg);
    bottom: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
}
.pageCon.style-8-ch3 >.rightText >.conText{
    padding: 78px 78px 21px 85px;
}

.pageCon.style-8-ch3 >.rightText >.conText >.con1{
}

.pageCon.style-8-ch3 *{
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 24px;
    line-height: 30px;
}

.pageCon.style-8-ch3 >.rightText >.pageCon > .leftList{
    margin-top: 0;
}
.pageCon.style-8-ch3 >.rightText >.pageCon{
    padding: 2px 67px 21px 94px;
}
.pageCon.style-8-ch3 >.rightText >.pageCon > .rightText{
    margin-top: 0;
}
.pageCon.style-8-ch3 >.rightText >.pageCon > .rightText > .conText{
    padding: 0px 20px 0px 20px;
}









.style-img-icon {
	 display: flex; /* Required for justify-content to work */
    justify-content: center;
    text-align: center; /* This helps if using inline-block images */
    flex-wrap: wrap; /* Optional: allows wrapping if multiple images */
	padding-left: 0vw;
    padding-right: 5vw;
}
.style-img-icon .conPics{
	
	max-width: 843px !important; 
	max-height: 491px !important;
	
}
.style-img-icon img{
	
    /* width: 100%;
	max-width: 843px !important;  */
	/*max-height: 491px !important;*/
	width: 29% !important; /* Apply your 80% width */
    max-width: 843px;      /* Optional: keeps within boundary */
    height: auto;
    padding-bottom: 6px;
    display: inline-block;
}



.style-img-icon2 {
 display: flex; /* Required for justify-content to work */
    justify-content: center;
    text-align: center; /* This helps if using inline-block images */
    flex-wrap: wrap; /* Optional: allows wrapping if multiple images */
}
.style-img-icon2 .conPics{
	padding: 10px 0 15px !important;
	max-width: 843px !important; 
	max-height: 491px !important;
	margin: 0 0 0 auto !important;
}
.style-img-icon2 img{
	
    /* width: 100%;
	max-width: 843px !important;  */
	/*max-height: 491px !important;*/
	width: 40% !important; /* Apply your 80% width */
    max-width: 843px;      /* Optional: keeps within boundary */
    height: auto;
    padding-bottom: 10px;
    display: inline-block;
}

.no-italic {
    font-style: normal !important;
}
.italic {
    font-style: italic !important;
}

/* === Start 20260321 - by PSC === */
.tableTopLeftRoundedCorner{
    border-radius: 20px 0 0 0;
}

.tableTopRightRoundedCorner{
    border-radius: 0 20px 0 0;
}
/* === End 20260321 - by PSC === */