/* MARK: SECTION 1 */
.about2-s1-left{padding-right: 50px !important;padding-bottom: 0 !important;}
.about2-title--page{position: relative;}
.about2-title--page:before{content:'';position: absolute;left:0;bottom:-3px;width:40px;border-top:3px solid rgb(10, 60, 125);}
.about2-title--page .section-title-main{text-transform: unset;font-size: 33px;}
.about2-descript *{color:#333;line-height: 180%;}
.about2-descript p:last-child{margin: 0;}

.about2-title--page2{position: relative;}
.about2-title--page2:before{content:'';position: absolute;left:0;bottom:-3px;width:40px;border-top:3px solid rgb(10, 60, 125);}
.about2-title--page2 .section-title-main{text-transform: unset;font-size: 26px;}

.about2-s1-right{padding-bottom: 0 !important;}
.abouts-s1-slide .flickity-page-dots{bottom: 0; position: relative; left: 0; margin-top: 10px;}
.abouts-s1-slide .img .img-inner{height: 308px;}
.abouts-s1-slide .img .img-inner img{object-fit: cover;width:100%;height: 100%;}
.abouts-s1-slide .flickity-page-dots .dot.is-selected:before{border: none;}
.abouts-s1-slide .flickity-page-dots .dot, .abouts-s1-slide .slider-nav-light .flickity-page-dots .dot.is-selected{background: rgb(10, 60, 125);}


.s3-solieu-container{margin: 30px auto !important;overflow: hidden;}
.s3-solieu-box{text-align: center;position: relative;}
.s3-solieu-box:not(:last-child):after{content:'';position: absolute;height: 60%;border-right:1px solid #ccc;top:10%;right:-1px;}
.s3-solieu-box .img{margin-bottom: 4px !important;}
.s3-solieu-box .img img{width: 50px;}
.s3-solieu-box h2{font-weight: 700; color: var(--color); font-size: 32px !important; margin: 0 !important;}
.s3-solieu-box p{color: #333; font-size: 15px !important;; margin: 0 !important;}


/* MARK: SECTION 2 */
.about2-s2-left{padding-bottom: 0 !important;}
.about2-s2-left .img-inner{padding-left: 20px;padding-bottom: 20px;}
.about2-s2-left .img-inner:before{content:'';position: absolute;left:0;bottom:0;background:rgb(0 0 0 / 10%);/*background-image: linear-gradient(#6989b1, #0a3c7d);*/width: calc(100% - 20px); height: calc(100% - 20px); z-index: -1;}
.about2-s2-right{padding-bottom: 0 !important;padding-left: 50px !important}
.about2-s2-descript{line-height: 180%;}
.about2-s2 .about2-s2--des1{margin-bottom: 40px !important;position: relative;}
.about2-s2 .about2-s2--des1:before{content:'';position: absolute;right:0;bottom:-20px;width:60%;border-top:1px solid #000;}
.about2-s2-descript p:last-child{margin: 0;}
.about2-s2-descript p{color:#333;}


/* SECTION 3 */
.about2-s3-title .section-title-main{font-size: 122px !important; font-family: 'DancingScript' !important; color: #000; margin-bottom: 20px; font-weight: 500;text-align: center;text-transform: unset;width: 100%; line-height: 100%;}
.about2-s3-card{padding:0px 30px !important}
.about2-s3-card > .col-inner{box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);padding: 40px !important; padding-top: 20px !important;height: 100%;}
.about2-s3-card .img{width:150px !important;margin-bottom: 0 !important;}
.about2-s3-card h3 .section-title-main{width: 100%;text-align: center;color: #000; text-transform: capitalize; font-size: 30px; font-weight: 700;}
.about2-s3--des *{font-size: 23px !important;}
.about2-s3--des p:last-child{margin: 0;}


/* SECTION 4 */
.about2-s4-title{margin-bottom: 60px;}
.about2-s4-title .section-title-main{font-size: 122px !important; font-family: 'DancingScript' !important; color: #fff;font-weight: 500; text-align: center; text-transform: unset; width: 100%;margin-bottom: 0 !important;}



/* SECTION 5 */
.about2-s5{position: relative;}
.about2-s5-img--abso{position: absolute !important; bottom: -60px; right: 35%; width: 250px !important;}

.about2-s5-right{padding-left: 80px !important}
.about2-s5-topinfo{margin-bottom: 20px;position: relative;}
.about2-s5-topinfo:before{content:'';position: absolute;right:0;bottom:0px;width:52%;border-top:1px solid #00618B;}
.about2-s5-topinfo .section-title-container{margin-bottom: 14px;}
.about2-s5-topinfo .section-title{margin-bottom: 0;border: none !important}
.about2-s5-topinfo .section-title-main{width: 100%;color:#000;font-size: 36px !important;font-style: italic;border: none !important}
.about2-s5-topinfo p{font-size:18px;}

.about2-s5-botinfo{}
.about2-s5-botinfo .section-title-container{margin-bottom: 10px;}
.about2-s5-botinfo .section-title{margin-bottom: 0;}
.about2-s5-botinfo .section-title-main{width: 100%;color:#000;font-size: 23px !important;border: none !important}
.about2-s5-botinfo p{font-size:18px;}


/* SECTION 6 */
.about2-s6{padding-bottom: 18% !important;margin-bottom: -15% !important;}
.about2-s6-title{margin-bottom: -20px !important;}
.about2-s6-title .section-title{margin-bottom: 0 !important;}
.about2-s6-title .section-title-main{font-size: 122px !important; font-family: 'DancingScript' !important; color: var(--color);font-weight: 500; text-align: center; text-transform: unset; width: 100%;margin-bottom: 0 !important;}
.about2-s6-des *{color: var(--color); text-align: center; font-family: 'DancingScript' !important; font-size: 32px; font-weight: 600;}
.about2-s6-des p:last-child{margin: 0;}

.about2-s6-button *{color:#fff;}
.about2-s6 .about2-s6-button{font-weight: 400; border-radius: 99px; background: linear-gradient(to right, #6989b1, #0a3c7d) !important; border: none; outline: none;margin-bottom: 0 !important;min-width: 150px; height: 50px; display: inline-flex; align-items: center; justify-content: center; font-size: 18px;}
.about2-s6-des{max-width: 1050px !important;margin:auto !important}


/* CORE VALUE */
.about2-s4{z-index: 9;}
.corevalue-container{max-width: 1218px;margin: auto;}
.section-con {
    margin: auto;
    padding-bottom: 125px;
    position: relative;
    z-index: 2;
}
.section-con .value-model{
	margin: auto;
	position: relative;
	border: 1px dashed #fff;
	border-radius: 50%;
	display: flex;
	flex-wrap: wrap;
    width: 391px;
	max-width: 100%;
	height:391px;
	max-height: 100%;
	padding: 55px;
}

.section-con .cycle-value{
    padding: 20px;
	position: relative;
    width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
	background-color: #fff;
	text-align: center;
	overflow: hidden;
}
.section-con .cycle-value .main-center .icons{
    margin-bottom: 16px;
}
.section-con .cycle-value .main-center h3{
	margin-bottom: 0;
	font-family: Effra;
	font-style: normal;
	font-weight: bold;
	font-size: 36px;
	color: #20C1EB;
	text-transform: uppercase;
}
.section-con .cycle-value-bg ul{list-style: none;}
.section-con .cycle-value-bg .item-showcase{
	position:absolute;
	text-align: center;
	 max-width: 230px;

}
.section-con .cycle-value-bg .item-showcase > div{
   text-align: center;
   position: relative;
}
.section-con .cycle-value-bg .item-showcase .text{
	font-style: normal;
	font-size: 18px;
	color: rgb(8, 52, 110);
}
.section-con .cycle-value-bg .item-showcase.show-tooltip .text{
   font-weight: 600;
}
.section-con .cycle-value-bg .item-showcase.show-tooltip text{
	color: #006AB6;
}
.section-con .cycle-value-bg .item-showcase.show-tooltip .icons i,
.section-con .cycle-value-bg .item-showcase.show-tooltip .icons svg path{
	color: #006AB6;
	fill: #006AB6;
}
.section-con .cycle-value-bg .item-showcase .icons{
	margin-bottom: 5px;
}
.section-con .cycle-value-bg .item-showcase .icons img{filter:brightness(0) saturate(100%) invert(13%) sepia(37%) saturate(5156%) hue-rotate(206deg) brightness(92%) contrast(94%)}
.section-con .cycle-value-bg .item-showcase > div:after{
    content: '';
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    background-image:url('../images/ins.png');
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    border-radius: 50%;
    position: absolute;
    transition: .2s ease;
    cursor: pointer;
}
.section-con .cycle-value-bg .item-showcase-1{
   top: -28px;
   right: calc(100% - 70px);
   right: -moz-calc(100% - 70px);
   right: -webkit-calc(100% - 70px);
}

.section-con .cycle-value-bg .item-showcase-5{
	right: calc(100% - 42px);
	right: -moz-calc(100% - 42px);
	right: -webkit-calc(100% - 42px);
}
.section-con .cycle-value-bg .item-showcase-3,
.section-con .cycle-value-bg .item-showcase-5{
    top: calc(100% - 190px);
	top: -moz-calc(100% - 190px);
	top: -webkit-calc(100% - 190px);
}
.section-con .cycle-value-bg .item-showcase-5 > div,
.section-con .cycle-value-bg .item-showcase-1 > div{
	padding-right: 56px;
}
.section-con .cycle-value-bg  .item-showcase-5 > div:after,
.section-con .cycle-value-bg .item-showcase-1 > div:after{
	right: 0;
	top: 71px;
}
.section-con .cycle-value-bg .item-showcase-3 > div,
.section-con .cycle-value-bg .item-showcase-2  > div{
	padding-left: 56px;
}

.section-con .cycle-value-bg .item-showcase-2{
	top: -28px;
	left: calc(100% - 70px);
	left: -moz-calc(100% - 70px);
	left: -webkit-calc(100% - 70px);
}
.section-con .cycle-value-bg .item-showcase-3 > div:after,
.section-con .cycle-value-bg .item-showcase-2 > div:after{
	left: 0;
	top: 71px;
}
.section-con .cycle-value-bg .item-showcase-3{
    left: calc(100% - 42px);
	left: -moz-calc(100% - 42px);
	left: -webkit-calc(100% - 42px);
}

.section-con .item-showcase-4{
	 top: calc(100% - 20px);
	top: -moz-calc(100% - 20px);
	top: -webkit-calc(100% - 20px);
	left: 50%;
	transform: translateX(-50%);
}
.section-con .cycle-value-bg .item-showcase-4 > div{
	padding-top: 46px;
}
.section-con .cycle-value-bg .item-showcase-4 > div:after{
	top: 0;
	left: 50%;
	    margin-left: -20px;
}

.section-con .cycle-value-bg .icons{
	max-height: 75px;
	min-height: 72px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}



.section-con .cycle-value-bg .tooltip-bottom{
	position: absolute;
	top: 100%;
	width: 176px;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 14px;
    z-index: 9;
    visibility: hidden;
}
.section-con .cycle-value-bg .item-showcase.show-tooltip .tooltip-bottom{
  visibility: visible;
}
.section-con .cycle-value-bg .item-showcase.show-tooltip > div:after{
	transform: rotate(45deg);
	background-color:#000;
}
.section-con .cycle-value-bg .tooltip-bottom p{
	padding: 17px 24px 19px;
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
	border-radius: 20px;
	background: #FFFFFF;
	position: relative;
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	line-height: 24px;
	color: #535353;
	border: 1px solid #EDF4F8;
	text-align: left;
}
.section-con .cycle-value-bg .tooltip-bottom p:after{
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -10px;
	border-width: 10px;
	border-style: solid;
	z-index: 1;
	border-color: transparent transparent #fff transparent;
}
.section-con .cycle-value-bg .tooltip-bottom p:before{
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -12px;
	border-width: 12px;
	border-style: solid;
	border-color: transparent transparent #EDF4F8 transparent;
}
.section-con .cycle-value-bg .fp-scrollable{
   position: relative;
   cursor: pointer;
}


@media screen and (max-width: 1024px){
	.about2-s1{padding: 40px 3% !important;}
	.about2-s1-left { padding-right: 40px !important; }

	.about2-s2{padding: 40px 3% !important;}
	.about2-s2-right { padding-left: 30px !important; }

	.about2-s3{padding: 40px 3% !important}
	.about2-s3-title .section-title-main, .about2-s4-title .section-title-main, .about2-s6-title .section-title-main { font-size: 80px !important;}
	.about2-s3 .section-title-container{margin-bottom: 0 !important;}
	.about2-s3-card .img { width: 120px !important;}
	.about2-s3-card h3 .section-title-main{font-size:20px;}
	.about2-s3--des * { font-size: 16px !important; }

	.about2-s5{padding: 40px 3% !important;}
	.about2-s5-right { padding-left: 0px !important; }
	.about2-s5-img--abso{width: 200px !important;}

	.about2-s6-des *{font-size: 26px; font-weight: 500;}
	.about2-s6-des { max-width: 800px !important;}
	.about2-s6{padding-left:3% !important;padding-right:3% !important;}
	.about2-s6 {margin-bottom: -24% !important; }
}

@media screen and (max-width: 849px){
	.about2-s1-left { padding-right: 0px !important; padding-bottom: 30px !important; }
	.about2-s2-right { padding-left: 15px !important; order:0;margin-bottom: 30px !important;}
	.about2-s2-left{order:1;}
	.about2-s2-descript *{text-align: center;}
	.about2-s2 .about2-s2--des1:before{right: 50%;transform: translateX(50%);}

	.about2-s3-title .section-title-main, .about2-s4-title .section-title-main, .about2-s6-title .section-title-main { font-size: 60px !important; }
	.about2-s3-card { padding: 0px 15px !important; }

	.about2-s5-left{order:1;max-width: 400px !important; margin: auto !important;padding-bottom: 0 !important;}
	.about2-s5-right{order:0;}
	.about2-s5-topinfo, .about2-s5-botinfo{text-align: center;}
	.about2-s5-topinfo:before { right: 50%; width: 52%; transform:translateX(50%); }
	.about2-s5-topinfo .section-title-main{font-size:26px !important;}
	.about2-s5-topinfo p { font-size: 16px; }
	.about2-s5-botinfo .section-title-main { font-size: 18px !important; }
	.about2-s5-botinfo p { font-size: 16px; margin-bottom: 0 !important}
	.about2-s5-right { padding-left: 15px !important; }
	.about2-s5-img--abso{display: none;}

	.about2-s6-title { margin-bottom: 0px !important; }
}


@media screen and (max-width: 768px){
	.about2-s6 { padding-bottom: 18% !important; margin-bottom: 0% !important; }
	.corevalue-container{margin-top: 100px;}
	.section-con .value-model {
	    width: 281px;
	    height: 281px;
	    padding: 32px;
	}
	.section-con .cycle-value-bg .item-showcase { width: 150px; }
	.section-con .cycle-value-bg .item-showcase-5 > div, .section-con .cycle-value-bg .item-showcase-1 > div { padding-right: 0; }
	.section-con .cycle-value-bg .item-showcase-3 > div, .section-con .cycle-value-bg .item-showcase-2 > div { padding-left: 0; }
	.section-con .cycle-value-bg .item-showcase-1,
	.section-con .cycle-value-bg .item-showcase-2{
		top:auto;
		bottom: calc(100% - 77px);
	    bottom: -moz-calc(100% - 77px);
	    bottom: -webkit-calc(100% - 77px);
	}
	.section-con .cycle-value-bg .item-showcase .text{
		font-size: 16px;
		line-height: 19px;
	}
	.section-con .cycle-value-bg .item-showcase-3 > div:after,
	.section-con .cycle-value-bg .item-showcase-2 > div:after {
	    left: 50%;
	    margin-left: -20px;
	}
	.section-con .cycle-value-bg .item-showcase-2 {
	    left: calc(50% + 39px);
	    left: -moz-calc(50% + 39px);
	    left: -webkit-calc(50% + 39px);
	}
	.section-con .cycle-value-bg .item-showcase-1 .fp-scrollable,
	.section-con .cycle-value-bg .item-showcase-2 .fp-scrollable{
         flex-direction: column-reverse;
         display: flex;
             padding-bottom: 40px;
	}
	.section-con .cycle-value-bg .item-showcase-1 > div:after,
	.section-con .cycle-value-bg .item-showcase-2 > div:after{
        top:auto;
        bottom: 0;
	}
	.section-con .cycle-value-bg .item-showcase-1 .text,
	.section-con .cycle-value-bg .item-showcase-2 .text{
		padding-bottom: 10px;
	}
	.section-con .cycle-value-bg .item-showcase-5 > div:after,
	.section-con .cycle-value-bg .item-showcase-1 > div:after{
	    right: auto;
	    left: 50%;
	    margin-left: -20px;
	}
	.section-con .cycle-value-bg .item-showcase .icons svg {
	    max-height: 56px;
	}
	.section-con .cycle-value-bg .item-showcase-1 {
	    right: calc(50% + 39px);
	    right: -moz-calc(50% + 39px);
	    right: -webkit-calc(50% + 39px);
	}
	.section-con .cycle-value-bg .item-showcase-5 > div,
	.section-con .cycle-value-bg .item-showcase-3 > div{
       padding-top: 42px;
	}
	.section-con .cycle-value-bg .item-showcase-5 > div:after,
	.section-con .cycle-value-bg .item-showcase-3 > div:after{
        top: 0;
	}
	.section-con .cycle-value-bg .item-showcase-3,
	.section-con .cycle-value-bg .item-showcase-5 {
	    top: calc(100% - 85px);
	    top: -moz-calc(100% - 85px);
	    top: -webkit-calc(100% - 85px);
	}
	.section-con .cycle-value-bg .item-showcase-3 {
	    left: calc(50% + 48px);
	    left: -moz-calc(50% + 48px);
	    left: -webkit-calc(50% + 48px);
	}
	.section-con .cycle-value-bg .item-showcase-5 {
	    right: calc(50% + 48px);
	    right: -moz-calc(50% + 48px);
	    right: -webkit-calc(50% + 48px);
	}
	.section-con .cycle-value .main-center h3{
		font-size: 26px;
	}
	.section-con .cycle-value .main-center .icons svg{
            max-height: 55px;
	}
	.section-con .cycle-value .main-center .icons{
		margin-bottom: 10px;
	}
	.section-con .cycle-value-bg .item-showcase-3 .tooltip-bottom,
	.section-con .cycle-value-bg .item-showcase-2 .tooltip-bottom {
	    transform: translateX(-60%);
	}
	.section-con .cycle-value-bg .item-showcase-5 .tooltip-bottom,
	.section-con .cycle-value-bg .item-showcase-1 .tooltip-bottom{
        transform: translateX(-40%);
	}
	.section-con .cycle-value-bg .item-showcase-5 .tooltip-bottom p:after,
	.section-con .cycle-value-bg .item-showcase-1 .tooltip-bottom p:after,
	.section-con .cycle-value-bg .item-showcase-5 .tooltip-bottom p:before,
	.section-con .cycle-value-bg .item-showcase-1 .tooltip-bottom p:before{
       left: 40%;
	}
	.section-con .cycle-value-bg .item-showcase-2 .tooltip-bottom p:after,
	.section-con .cycle-value-bg .item-showcase-3 .tooltip-bottom p:after,
	.section-con .cycle-value-bg .item-showcase-2 .tooltip-bottom p:before,
	.section-con .cycle-value-bg .item-showcase-3 .tooltip-bottom p:before{
        left: 58%;
	}
}


@media screen and (max-width: 549px){
	.about2-title--page .section-title-main { font-size: 26px; }
	.about2-descript * { color: rgb(255 255 255 / 90%); line-height: 160%; font-size: 15px; text-align: justify;}
	.about2-s2-descript * { font-size: 15px; line-height: 160%; text-align: justify;}
	.about2-s2 .about2-s2--des1:before{width:100%;}

	.about2-s3-card { margin: 10px 0 !important; }
	.about2-s3-title .section-title-main, .about2-s4-title .section-title-main, .about2-s6-title .section-title-main { font-size: 44px !important;line-height: 100%;}
	.about2-s3-card > .col-inner{padding: 20px !important;text-align: justify;}
	.about2-s6-des * { font-size: 21px;}
	.about2-s6-title { margin-bottom: 10px !important; }
	.about2-s6 .about2-s6-button{min-width: 140px; height: 45px;font-size: 16px;}

	.section-con .cycle-value-bg .tooltip-bottom p{font-size: 15px; line-height: 140%;}
}

@media screen and (max-width: 400px){
	.about2-title--page .section-title-main { font-size: 20px; }
	.about2-s5-topinfo p { font-size: 15px; text-align: justify; }
	.about2-s5-topinfo .section-title-main { font-size: 22px !important; }
}