.interestPointBackground{width:100%;height:auto;background-color:var(--Black-color);margin-top:150px;display:flex;justify-content:center;padding-bottom:10px}.interestPointBackground .benefitContent{width:33%;height:100%}.interestPointBackground .benefitContent h2{color:var(--White-color)}.interestPointBackground .benefitContent h2 span{color:var(--Main-color)}.interestPointBackground .benefitContent .benefitInfomationCard{display:flex;align-items:center;width:100%;height:auto;margin-bottom:10px}.interestPointBackground .benefitContent .benefitInfomationCard .benefitInfomationCardResponsive{display:flex;height:100%}.interestPointBackground .benefitContent .benefitInfomationCard .benefitInfomationCardResponsive .textBenefitContent{width:80%;height:100%;border-bottom:3px solid var(--Main-color);display:flex;flex-direction:column}.interestPointBackground .benefitContent .benefitInfomationCard .benefitInfomationCardResponsive .textBenefitContent h3{color:var(--White-color);font-size:18px;margin:0 auto}.interestPointBackground .benefitContent .benefitInfomationCard .benefitInfomationCardResponsive .textBenefitContent p{color:var(--White-color);font-family:var(--Bold-regular-font);width:90%;margin:0 20% 10px auto}.interestPointBackground .benefitContent .benefitInfomationCard .iconBenefit{width:20%;height:auto;display:flex;justify-content:center;align-items:center}.interestPointBackground .interestPoint{width:33%;height:100%;background-color:var(--White-color);border:10px solid var(--Main-color);border-radius:0 50px 0 50px;display:flex;flex-direction:column;align-items:center;margin-left:50px;position:relative;top:-75px;padding:0 0 50px}.interestPointBackground .interestPoint .interestPointContent{width:80%;height:100%}.interestPointBackground .interestPoint .interestPointContent h2{font-size:36px}.interestPointBackground .interestPoint .interestPointContent p{color:var(--Black-color)}@media(max-width:950px){.interestPointBackground{display:flex;flex-direction:column-reverse;width:100%}.interestPointBackground .benefitContent{width:80%;height:100%;margin:0 auto;padding-bottom:50px}.interestPointBackground .benefitContent h2{text-align:center;white-space:normal;margin-bottom:50px;margin-top:-50px}.interestPointBackground .benefitContent .benefitInfomationCard{display:flex;flex-direction:column}.interestPointBackground .benefitContent .benefitInfomationCard .benefitInfomationCardResponsive{display:flex;align-items:center;flex-direction:row-reverse}.interestPointBackground .benefitContent .benefitInfomationCard .benefitInfomationCardResponsive .textBenefitContent{border:none}.interestPointBackground .benefitContent .benefitInfomationCard .benefitInfomationCardResponsive .textBenefitContent h3{margin-left:25px}.interestPointBackground .benefitContent .benefitInfomationCard .benefitInfomationCardResponsive .textBenefitContent p{border-bottom:none;margin-left:25px}.interestPointBackground .benefitContent .benefitInfomationCard .responsiveBar{display:flex;flex-direction:column;width:100%;height:2px;background-color:var(--Main-color)}.interestPointBackground .benefitContent .benefitInfomationCard .iconBenefit{width:20%;height:100%;display:flex;justify-content:center;align-items:center}.interestPointBackground .benefitContent .benefitInfomationCard .iconBenefit img{width:100%;height:auto;display:flex;justify-content:center;align-items:center}.interestPointBackground .interestPoint{width:80%;height:100%;margin:0 auto;top:-100px}.interestPointBackground .interestPoint .interestPointContent h2{font-size:36px}.interestPointBackground .interestPoint .interestPointContent p{color:var(--Black-color);text-align:center;padding:0}.interestPointBackground .interestPoint h2{font-size:36px}.interestPointBackground .interestPoint p{color:var(--White-color);padding-left:50px}}.carousel{position:relative;width:100%;overflow:hidden}.carousel .slider{display:flex;justify-content:center;transition:transform .5s ease-in-out}.carousel .slide{flex:1 0 100%;min-width:100%}.carousel .active{display:block}.carousel .nextButton,.carousel .prevButton{width:5%;background:none;border:none;cursor:pointer}.carousel .nextButton svg,.carousel .prevButton svg{width:75%;height:auto}.carousel .prevButton{left:10px}.carousel .nextButton{right:10px}.carousel .indicators{text-align:center;margin-top:20px}.carousel .indicators .indicator{display:inline-block;width:10px;height:10px;border-radius:50%;background-color:var(--Black-color);margin:0 5px;cursor:pointer}.carousel .indicators .activeIndicator{background-color:var(--Main-color)}@media(max-width:950px){.carousel{position:relative;width:100%;overflow:hidden}.carousel .slider{display:flex;justify-content:center;transition:transform .5s ease-in-out}.carousel .slider .skillPair{width:50%;height:100%}.carousel .slide{width:100%}.carousel .active{display:block}.carousel .nextButton,.carousel .prevButton{display:none}.carousel .nextButton svg,.carousel .prevButton svg{width:75%;height:auto}.carousel .prevButton{left:10px;display:none}.carousel .nextButton{right:10px;display:none}.carousel .indicators{text-align:center;margin-top:20px}.carousel .indicators .indicator{display:inline-block;width:10px;height:10px;border-radius:50%;background-color:var(--Black-color);margin:0 5px;cursor:pointer}.carousel .indicators .activeIndicator{background-color:var(--Main-color)}}.SkillCard{width:430px;height:470px;background-color:var(--Black-color);border-radius:0 30px 0 30px;margin-left:10px;margin-right:10px}.SkillCard .imageSkillContent{width:100%;height:40%}.SkillCard .imageSkillContent img{width:100%;height:90%;border-radius:0 30px 0 0;object-fit:cover}.SkillCard .logoSkillContent{width:100%;height:15%;display:flex;justify-content:center;align-items:center}.SkillCard .logoSkillContent img{width:90%;height:100%}.SkillCard .descriptionSkillCardContent{width:100%;height:25%;color:var(--White-color);display:flex;justify-content:center}.SkillCard .descriptionSkillCardContent p{width:75%;height:100%;text-align:center}.SkillCard .SkillButtonContent{display:flex;justify-content:center;align-items:center;width:100%;height:20%}@media(max-width:950px){.SkillCard{margin:0 auto;width:100%;height:400px;background-color:var(--Black-color);border-radius:0 0 0 0}.SkillCard .imageSkillContent{width:100%;height:30%}.SkillCard .imageSkillContent img{width:100%;height:100%;border-radius:0 0 0 0;object-fit:cover}.SkillCard .logoSkillContent{width:100%;height:15%;display:flex;justify-content:center;align-items:center}.SkillCard .logoSkillContent img{width:90%;align-items:100%}.SkillCard .descriptionSkillCardContent{width:100%;height:30%;color:var(--White-color);display:flex;justify-content:center}.SkillCard .descriptionSkillCardContent p{width:75%;height:100%;text-align:center;font-size:11px}.SkillCard .SkillButtonContent{display:flex;justify-content:center;align-items:center}}.SpeIcon{width:auto;height:auto;display:flex;flex-direction:column;align-items:center}.SpeIcon .speIconCercle{width:130px;height:130px;border:2px solid var(--Main-color);border-radius:100%;display:flex;justify-content:center;align-items:center}@media(max-width:950px){.SpeIcon{display:flex;flex-direction:column;align-items:center;text-align:center}.SpeIcon .speIconCercle{width:100px;height:100px;border:2px solid var(--Main-color);border-radius:100%;display:flex;justify-content:center;align-items:center}.SpeIcon .speIconCercle img{width:50%;height:50%}.SpeIcon p{font-size:11px}}.workVision{width:100%;height:auto;display:flex;justify-content:center;margin-top:200px}.workVision .workVisionSpace{width:33%;height:auto}.workVision .workVisionSpace .workVisionImage{width:100%;height:auto}.workVision .workVisionSpace .workVisionImage img{width:100%;height:100%;object-fit:cover;object-position:center}.workVision .workVisionSpace .workVisionImageContent h2{font-size:36px;margin:10px auto;font-family:var(--Bold-font)}.workVision .workVisionSpace .workVisionImageContent .lineBar{width:25%;height:3px;background-color:var(--Main-color);border-radius:20px}.workVision .workVisionSpace .workVisionImageContent p{font-family:var(--Bold-regular-font)}.workVision .WorkVisionContent{width:33%;height:auto;padding-top:40px}.workVision .WorkVisionContent h2{font-size:36px;margin:10px auto;font-family:var(--Bold-font);padding-left:30%;white-space:nowrap}.workVision .WorkVisionContent .lineBar{width:25%;height:3px;background-color:var(--Main-color);border-radius:20px;margin-left:30%}.workVision .WorkVisionContent p{font-family:var(--Bold-regular-font);padding-left:30%;width:70%}@media(max-width:950px){.workVision{flex-direction:column-reverse;align-items:center;justify-content:center;padding:0;margin-top:100px}.workVision .workVisionSpace{width:80%;height:auto;text-align:center}.workVision .workVisionSpace,.workVision .workVisionSpace .workVisionImageContent{display:flex;flex-direction:column;align-items:center}.workVision .workVisionSpace .workVisionImageContent .lineBar{width:50%;margin-bottom:20px}.workVision .workVisionSpace .workVisionImageContent p{font-family:var(--Bold-regular-font)}.workVision .WorkVisionContent{width:80%;height:auto;padding:0;text-align:center;display:flex;flex-direction:column;align-items:center;margin-bottom:50px}.workVision .WorkVisionContent h2{margin-top:20px;margin-bottom:30px;padding:0;white-space:nowrap}.workVision .WorkVisionContent .lineBar{width:50%}.workVision .WorkVisionContent p{padding:0}}