section.home_sec-hero{min-height: 100vh;position: relative;}
section.home_sec-hero .h_heading{;position: absolute;top: 29%;left: 0;right: 0;margin: auto;z-index: 9;}
section.home_sec-hero .h_heading h1{width: 100%;gap: 15px;display: flex;justify-content: space-evenly;}
section.home_sec-hero .h_para{position: absolute;top: 80%;left: 120px;z-index: 9;}
section.home_sec-hero .h_para h3{margin-bottom:25px;}
section.home_sec-hero .h_para p{font-size: 18px;}
section.home_sec-hero video{width: 100%;position: absolute;top: 25%;left: 0%;z-index: 9;mix-blend-mode: color-burn;}

.hero_gradient{width: 100vh;height: 100vh;position: absolute;top: 66%;left:50%;transform:translate(-50%,-50%);z-index: 0;z-index: 1;}
.hero_gradient:before{content:"";width:100%;height:100%;background:url("gradient-01.png") no-repeat center center;background-size:cover;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%) scale(1) rotate(0deg);filter: blur(0px);animation: animateGradient 10s ease-in-out infinite alternate;}

@keyframes animateGradient {
  0% {
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
    filter: blur(0px);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.4) rotate(180deg);
    filter: blur(4px);
  }
  100% {
    transform: translate(-50%, -50%) scale(1) rotate(360deg);
    filter: blur(0px);
  }
}


section.home_sec-01{padding-top:60px;padding-bottom:60px;}

section.home_sec-02{}
section.home_sec-02 .container-fluid{background:rgba(48, 79, 153, 0.03);border-radius: 15px;}
section.home_sec-02 ul.we_work_list{margin: 0px;padding: 0px;list-style-type: none;gap: 30px;display: flex;justify-content: space-between;}
section.home_sec-02 ul.we_work_list li{gap: 20px;display: flex;flex-direction: column;align-items: flex-start;}
section.home_sec-02 ul.we_work_list li img{}
section.home_sec-02 ul.we_work_list li p{max-width: 155px;}


section.home_sec-03{padding-top:60px;padding-bottom:60px;}
section.home_sec-03 .para-wealth{max-width:250px;}

section.home_sec-04{padding-bottom: 60px;position: relative;}
section.home_sec-04 .video_ball_rotation{width: 65%;position: absolute;bottom: 60px;right: -10%;}
section.home_sec-04 .video_ball_rotation:before{content:"";width: 3px;height: 100%;background: var(--color-01);position: absolute;top: 0px;left: 0px;}
section.home_sec-04 .video_ball_rotation video{max-width:100%;}

.wwd_box{color: var(--color-01);text-decoration:none;display:block;padding: 40px;margin-bottom: 40px;background: linear-gradient(225deg, #EBEBEB 0.97%, #ED1750 43.28%, #23539F 100%);border-radius: 15px;border: 1px solid #ffffff;box-shadow: 0px 10px 10px rgba(0,0,0,0.2);position: relative;transition: all 500ms ease-in-out;}
.wwd_box h3{font-weight: 600;width: 100%;}
.wwd_box p{padding-top: 20px;margin-top: 30px;margin-bottom: 0px;position: relative;}
.wwd_box p:before{content:"";width: 100%;height: 1px;background: var(--color-01);opacity: 0.4;position: absolute;top: 0;}
.wwd_box .circle_arrows{width: 50px;height: 50px;background: var(--color-01);border: 1px solid #4A4790;border-radius: 100px;position: absolute;top: 30px;right: 40px;overflow: hidden;transition: all 500ms ease-in-out;}
.wwd_box .circle_arrows:before{content:"";background:url("../templates/img/btn-arrow-02.png") no-repeat center center;width: 100%;height: 100%;position: absolute;top: 0%;left: 0%;transform-origin: bottom left;transition: all 500ms ease-in-out;}
.wwd_box .circle_arrows:after{content:"";background:url("../templates/img/btn-arrow-03.png") no-repeat center center;width: 100%;height: 100%;position: absolute;top: 100%;left: -100%;transform-origin: bottom left;transform: scale(0.8);transition: all 500ms ease-in-out;}

.wwd_box:hover{box-shadow: 0px 10px 10px rgba(0,0,0,0.6);transition: all 500ms ease-in-out;}
.wwd_box:hover .circle_arrows{background: #4A4790;transition: all 500ms ease-in-out;}
.wwd_box:hover .circle_arrows:before{top: -90%;left: 90%;transform-origin: bottom left;transform: scale(0.8);transition: all 500ms ease-in-out;}
.wwd_box:hover .circle_arrows:after{top: 0%;left: 0%;transform-origin: bottom left;transform: scale(1);transition: all 500ms ease-in-out;}




/* `md` applies to small devices (landscape phones, less than 768px)*/

@media (max-width: 767.98px)
{

	section.home_sec-hero{padding: 160px 30px 30px 30px;overflow: hidden;display: flex;align-items: flex-end;justify-content: flex-start;flex-direction: column;}
	section.home_sec-hero .h_heading{position: static;width: 100%;margin: 0px;}
	section.home_sec-hero .h_heading h1{font-size: 26px;width: 85%;display: flex;justify-content: space-between;position: absolute;top: 30%;right: 0px;left: 0px;margin: auto;}
	section.home_sec-hero .h_para{width: 85%;left: 0px;right: 0px;margin: auto;position: absolute;top: 56%;}
	section.home_sec-hero video{top: 30%;width: 200%;left: 50%;transform: translateX(-50%);z-index: 99;mix-blend-mode: darken;}
	section.home_sec-hero .h_para h3{font-size: 20px;margin-bottom:20px;}
	section.home_sec-hero .h_para p{font-size:16px}
	
	
	section.home_sec-01{padding-top:30px;padding-bottom: 30px;}	
	
	section.home_sec-02{}
	section.home_sec-02 .container-fluid{padding: 30px 25px 30px 25px !important;}
	section.home_sec-02 ul.we_work_list{gap: 15px;display: flex;flex-direction: column;}
	section.home_sec-02 ul.we_work_list li{display: flex;flex-direction: row;align-items: center;}
	section.home_sec-02 ul.we_work_list li img{max-width:60px;}
	section.home_sec-02 ul.we_work_list li p{max-width:100%;margin-bottom:0px;}

	section.home_sec-03{padding-top:30px;padding-bottom: 30px;}
	section.home_sec-03 .para-wealth{max-width:100%;}
	
	.wwd_box{padding: 25px;margin-bottom: 15px;box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
	.wwd_box h3{font-size: 21px;max-width: 250px;min-height: 50px;}
	.wwd_box p{padding-top: 10px;margin-top: 15px;}
	.wwd_box p:before{}
	.wwd_box .circle_arrows{width: 40px;height: 40px;top: 20px;right: 20px;}
	.wwd_box .circle_arrows:before{}
	.wwd_box .circle_arrows:after{}

	.wwd_box:nth-last-child(1){margin-bottom:0px;}
	
	section.home_sec-04{padding-bottom:0px;}
	section.home_sec-04 .video_ball_rotation{position:static;width: 100%;}
	section.home_sec-04 .video_ball_rotation video{max-width: 100%;}
	
	
}


/* `lg` applies to medium devices (tablets, less than 992px)*/
@media (max-width: 1440px)
{ 

}

/* `xl` applies to large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px)
{ 

}

/* `xxl` applies to x-large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px)
{ 


}