section.about_sec-hero{min-height: 100vh;position:relative;display: flex;align-items: center;justify-content: center;}
section.about_sec-hero h1{font-size:3vw;text-transform: uppercase;gap:20px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: flex;justify-content: space-between;align-items: center;}
section.about_sec-hero h1 span strong{background: linear-gradient(90deg, #29519D 0%, #ED1750 50%, #ECB2C2 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
section.about_sec-hero .hero_anim {width: 60vh;height: 60vh;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
section.about_sec-hero .hero_anim img{position:absolute;top:0;left:0;}
section.about_sec-hero .hero_anim video{width: 100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

section.about_sec-01{}
section.about_sec-01 .mvvp_box{max-width: 290px;position:relative;z-index:9;}
section.about_sec-01 .mvvp_box:after{content:"";position:absolute;top: -70px;left: -70px;width:150px;height:150px;background: url("../icons/mvvp-hover.png") no-repeat center center;background-size: contain;opacity: 0.5;transform: scale(0);z-index:-1;transition:all 500ms ease-in-out;}
section.about_sec-01 .mvvp_box h4{margin-bottom:20px;}
section.about_sec-01 .mvvp_box p{}

section.about_sec-01 .mvvp_box:hover:after{transform:scale(1);}

section.about_sec-02{}
section.about_sec-02 .the_philosophy-list{width: 100%;gap: 18px;display: flex;flex-direction: column;}
section.about_sec-02 .the_philosophy-list li{border-bottom: 1px solid var(--color-04);padding: 20px 0px;display: flex;flex-direction: row;align-items: center;}
section.about_sec-02 .the_philosophy-list li .tp_icon{width: 30%;text-align: center;}
section.about_sec-02 .the_philosophy-list li .tp_icon img{}
section.about_sec-02 .the_philosophy-list li .tp_text{width: 70%;}
section.about_sec-02 .the_philosophy-list li .tp_text h3{}
section.about_sec-02 .the_philosophy-list li .tp_text p{max-width:520px;height: 0px;margin-bottom:0px;overflow: hidden;transition: all 500ms ease-in-out;}

section.about_sec-02 .the_philosophy-list li:hover .tp_text p{height:100px;transition: all 500ms ease-in-out;}
section.about_sec-02 .the_philosophy-list li:hover .tp_icon img{animation: scaleRotate 1.5s linear infinite;}

@keyframes scaleRotate {
  0% {
    transform: scale(1) rotate(0deg);
  }
  50% {
    transform: scale(1.2) rotate(180deg);
  }
  100% {
    transform: scale(1) rotate(360deg);
  }
}



section.about_sec-03{padding-top: 60px;padding-bottom: 60px;}
section.about_sec-03 ul.abt_stats{margin: 0px;padding: 0px;list-style-type: none;gap: 30px;display: flex;flex-direction: column;}
section.about_sec-03 ul.abt_stats li{padding: 50px 30px;border-radius: 10px;display: flex;justify-content: space-around;align-items: center;}
section.about_sec-03 ul.abt_stats li h2{font-weight: 600;margin-bottom: 0px;}
section.about_sec-03 ul.abt_stats li p{font-size: 21px;font-weight: 700;margin-bottom: 0px;}

section.about_sec-03 ul.abt_stats li:nth-child(1){background: linear-gradient(270deg, rgba(237,  74, 117, 0.10) 0%, rgba(255, 255, 255, 0.00) 100%);}
section.about_sec-03 ul.abt_stats li:nth-child(2){background: linear-gradient(90deg, rgba(237, 74, 117, 0.10) 0%, rgba(255, 255, 255, 0.00) 100%);}

section.about_sec-04{}
section.about_sec-04{}

section.about_sec-05{}
section.about_sec-05 .expertise-box{padding: 20px;margin-bottom: 30px;width: 100%;height: 250px;border: 2px solid var(--color-02);border-radius: 10px;position: relative;overflow: hidden;display: flex;align-items: flex-end;transition:all 500ms ease-in-out;}
section.about_sec-05 .expertise-box:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:0px;background: linear-gradient(260deg, #EBEBEB -12.8%, #ED1750 48.7%, #23539F 98.21%);transition:all 500ms ease-in-out;}
section.about_sec-05 .expertise-box h4{color: var(--color-02);font-size: 21px;letter-spacing: 0px;margin-bottom: 0px;padding-right: 25px;position: relative;z-index: 9;transition: all 500ms ease-in-out;}
section.about_sec-05 .expertise-box h4:before{content:"";position:absolute;top: 11px;right:0;width: 12px;height:2px;background: var(--color-02);transform: rotate(90deg);transition: all 500ms ease-in-out;}
section.about_sec-05 .expertise-box h4:after{content:"";position:absolute;top: 11px;right:0;width: 12px;height:2px;background: var(--color-02);}
section.about_sec-05 .expertise-box .para{padding-right: 15px;position: absolute;top:100px;left: 15px;opacity:0;z-index: 1;transition:all 500ms ease-in-out;}
section.about_sec-05 .expertise-box .para p{color: var(--color-01);font-size: 16px;}
 
section.about_sec-05 .expertise-box:hover{border: 2px solid transparent;transition:all 500ms ease-in-out;}
section.about_sec-05 .expertise-box:hover:after{height: 100%;transition:all 500ms ease-in-out;}
section.about_sec-05 .expertise-box:hover .para{top: 20px;left: 15px;opacity:1;transition:all 500ms ease-in-out;}
section.about_sec-05 .expertise-box:hover h4{color:var(--color-01);transition:all 500ms ease-in-out;}
section.about_sec-05 .expertise-box:hover h4:before{background: var(--color-01);transform: rotate(0deg);transition:all 500ms ease-in-out;}
section.about_sec-05 .expertise-box:hover h4:after{background: var(--color-01);transition:all 500ms ease-in-out;}
  

@media only screen and (max-width : 768px) 
{
	
	
	section.about_sec-hero{}
	section.about_sec-hero h1{text-align: center;font-size: 36px;display: flex;flex-direction: column;padding-top: 70px;padding-bottom: 70px;}
	section.about_sec-hero .hero_anim{width: 100vw;height: 100vw;}
	section.about_sec-hero .hero_anim video{width: 100%;max-width: 70%;}
		
	
	section.about_sec-01 .mvvp_box{max-width: 100%;padding-bottom: 10px;margin-bottom: 20px;border-bottom: 1px solid #ccc;}
	
	section.about_sec-02 .the_philosophy-list{margin:0px;padding:0px;}
	section.about_sec-02 .the_philosophy-list li .tp_icon img{max-width:70px;}
	section.about_sec-02 .the_philosophy-list li .tp_text br{display:none;}
	
	section.about_sec-03{padding:30px 10px;}
	section.about_sec-03 ul.abt_stats{gap: 15px;}
	section.about_sec-03 ul.abt_stats li{padding: 20px 15px;display: flex;flex-direction: column;}
	section.about_sec-03 ul.abt_stats li h2{font-size:36px;}
	section.about_sec-03 ul.abt_stats li p{font-weight:400;}
		
	
}

