
.landing_banner{position:relative; overflow: hidden; height: 100vh; display: flex; align-items: center;  background: url(../images/home/banner.webp) no-repeat center center; background-size: cover;  }
/* .landing_banner::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; background-color: #2E2E2E; animation: blurs 2s ease-in-out 1; }
@keyframes blurs  {
  0% {  opacity: 1; }
  100% { filter: blur(100%); opacity: 0; }
} */
.landing_banner .banner { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/home/banner.webp) no-repeat center center; background-size: cover; }
.landing_banner .title { position: relative; z-index: 1; padding-left: 50px; padding-top: 100px; }
.landing_banner .triangles { position: absolute; left: auto; right: 0; width: auto; height: 100%; }
.right_div{position:absolute; right: -24%; top: 13%;}
.about_bg{padding: 150px 50px 90px 50px; background: #F5F5F5;clip-path: polygon(60px 0, 100% 0, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 60px);}
.about{position:relative; top:-60px;}
.about:after { content: ''; width: 100%; height: 60px; background-color: #F5F5F5; position: absolute; left: 0; bottom: -60px; }
.hid_text p{font-size:30px; line-height: 41px; font-family: 'Satoshi_Regular';}
.textanimation .word { display: inline-block; margin-right: 0px; }
.hid_text p strong{font-family: 'Satoshi_Bold';}
.textaanimation .word { display: inline-block; white-space: nowrap; margin-right: 0px;}
.textaanimation .letter { display: inline-block; opacity: 0; }
.font_bold { font-weight: bold; }
.expertise{position:relative;}
a.hover_text{text-decoration: none; color: #767575;}
a.hover_text:hover h6 {color: #F99D1C; transition: all 0.3s linear;}
a.hover_text:hover .wo_hvr{opacity:0; transition: all 0.3s linear;}
a.hover_text:hover .wi_hvr{opacity:1;transition: all 0.3s linear;}
a.hover_text .wi_hvr{position: relative;top: -37px;left: 100%; opacity:0;}
.Advisory_Detail{display:grid; grid-template-columns: 1fr 50px;  align-items: center; border-bottom: 1px solid #535353; padding:60px 0px 60px 0px;}
.Advisory_Detail h6{font-family: 'Satoshi_Medium'; font-size: 30px; line-height: 36px; color: #767575; transition: all 0.3s linear;}
.Advisory_Detail img{width:30px; height: 35px;}
.Advisory_Detail .arrow { position: relative; }
.Advisory_Detail .arrow img { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); }
.Advisory{padding: 0px 60px; position: relative; z-index: 1;}
.Advisory .title_02 { color:  #DFDFDF; }
.no_bdr{border-bottom: 0px;}
.Advisory_Expertise{background-color:#2E2E2E; padding: 150px 0px 150px 0px; position:relative;}
.Advisory_Expertise .img{position: absolute; top: 0; left: 3%; width: auto; height: 100%;}
.news{background-color:#DBDBDB; position: relative; padding: 150px 0px 150px 50px; overflow: hidden;}
.news .learn { position: absolute; left: 60px; bottom: 150px; }
.news_item .desc {display: flex; flex-direction: column; justify-content: start; padding:35px 40px 35px 20px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
.news_item .arrow{width:30px !important; height: 35px; display: inline-flex; margin-left: auto; margin-right: 0;}
.news_desc{padding:60px 30px 0 0;}
.news_desc p:nth-child(2) { font-family: 'Satoshi_Bold'; display: block; margin: 24px 0 24px; }
.news_desc p:nth-child(1) { font-family: "Satoshi_Medium"; color: #F99D1C; }
.news_desc p:nth-child(3) { font-family: "Satoshi_Regular"; }
.news_desc p { font-size: 16px; line-height: 22px; }
.owl-item .news_item{display: flex; flex-direction: column;  transition: all 0.3s linear; background-color:#fff; clip-path: polygon(60px 0, 100% 0, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 50px);}
.owl-item:hover .news_item {background-color: #2E2E2E;color: #DFDFDF; transition: all 0.3s linear;}
.owl-item:hover .news_item p { color: #DFDFDF; }
.owl-item:hover .news_item p.date { color: #F99D1C; }
#News_Slider{padding-top: 85px;}
#News_Slider .owl-stage { padding-left: 0 !important; }
.news .col-sm-9 { overflow: hidden; }
#News_Slider .owl-stage-outer { overflow: visible; }
#News_Slider .owl-nav button span {display: none;}
#News_Slider .owl-nav {position: absolute;top: 0;right: 0;}
#News_Slider .owl-nav button.owl-prev {background: url(../images/home/arrow_prev.png) no-repeat center;background-size: cover;}
#News_Slider .owl-nav button {width: 15px;height: 25px;margin: 0px 25px;background: url(../images/home/arrow_next.png) no-repeat center;background-size: cover;}
.gradient {
    z-index: 999;
    width: 100px;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0;
    background: rgb(219,219,219);
    background: linear-gradient(90deg, rgba(219,219,219, 0) 0%, rgba(219,219,219, 0.9) 80%, rgba(219,219,219, 1) 100%);
    transform: rotate(180deg);
}


@media (max-width: 767.98px) { 

.about_bg{padding: 100px 20px 30px 20px; clip-path: polygon(17% 0, 100% 0, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 6%);}
.hid_text p {font-size: 24px; line-height: 32px;}
.title_02{margin-bottom: 20px;}
.right_div{ position: absolute; right: -24%; top: 44%; width:100%;}
.landing_banner{ align-items: flex-start; }
.landing_banner .banner { background: url(../images/home/banner_mo.jpg) no-repeat center center; background-size: cover; }
.landing_banner .triangles{height: 50%; top: auto; bottom: 50px; right: -15%; }
.landing_banner .title{font-size: 32px; line-height:46px; padding-left: 15px; padding-top: 120px;}


.Advisory { padding: 0px 20px;}
.Advisory_Detail{padding: 40px 0px 40px 0px;}
.Advisory_Detail img{width: 20px;height: 25px;}
.Advisory_Detail h6{font-size:16px; line-height:22px; color: #F99D1C;}
.Advisory_Detail .arrow .wo_hvr { opacity: 0; }
.Advisory_Detail .arrow .wi_hvr{  opacity: 1; }
.Advisory_Expertise{padding: 50px 0px 50px 0px;}
.Advisory_Expertise .img{width:80%; height: auto; top: 50%; transform: translateY(-50%) !important; }
.news{padding:50px 0px 50px 20px;}
#News_Slider { padding-top: 50px;  }
#News_Slider .owl-nav { display: flex; justify-content: flex-end; margin-top: 40px; position: relative; top: auto; left: auto; right: 0; }
#News_Slider .owl-nav button{ width: 12px; height: 16px; margin: 0px 16px;}
.news .learn { left: 30px; bottom: 40px; }
.news .learn a { margin: 0; }
.news_desc p strong{color:#2E2E2E !important;}
}





