.home_banner { background: var(--bs-secondary-1); color: var(--bs-white); position:relative; overflow:hidden; padding-top:250px !important; }
.home_banner p { color:var(--bs-gray-0); font-size:calc(var(--bs-body-font-size) + 4px); }
.home_banner .banner_caption {}
.home_banner .banner_caption_title { color:#fff; display:inline-block; border-bottom: 1px solid #858a91; padding: 0 0 15px; }
.home_banner .container { z-index:9; }
.home_banner .particle_effect { position: absolute; height: 50%; bottom: 0; width: 100%; z-index:0; opacity:0.1; }
.home_banner .count-particles { background: #fff000; position: absolute; top: 48px; left: 0; width: 80px; color: #13E8E9; font-size: .8em;  text-align: left; text-indent: 4px; line-height: 14px; padding-bottom: 2px; }
.home_banner .js-count-particles{ font-size: 1.1em; }
.home_banner .count-particles { -webkit-user-select: none; border-radius: 0 0 3px 3px; }
.home_banner .banner_slider {}
.home_banner .banner_slider .swiper { width: 100%; height: 100%; }
.home_banner .banner_slider .swiper-slide { display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; height: 400px; }
.home_banner .banner_slider .badge_experience { position: absolute; right: -8%; z-index: 9; top: -13%; width: 160px; }
.home_banner .banner_slider .bnr_frame { position:absolute; right:0; z-index: -1; top:0; width: 90%; overflow:hidden; height: 100%; }
.home_banner .banner_slider .bnr_frame::before { content:""; background:linear-gradient(to bottom, rgba(13, 64, 104,0.4) 50%,rgb(11, 22, 26) 80%,rgb(11, 22, 26) 100%); position:absolute; left:0; top:0; right:0; bottom:0; }
.home_banner .banner_slider .casestudy_box { line-height:1.2; width: 100%; padding: 30px 0; }
.home_banner .banner_slider .casestudy_box a { border-bottom:1px solid rgb(var(--bs-primary)); position:relative; display:inline-block; }
.home_banner .banner_slider .casestudy_box a::after { content: ""; display: block; height: 45px; width: 90px; position: absolute; bottom: -60px; background: #FFB81D; border-radius: 100%; filter: blur(10px); opacity: 0.3; transform: translateX(-50%); left: 50%; }
.home_banner .banner_slider .casestudy_box a:hover { color:var(--bs-white); border:0; }
.home_banner .banner_slider .casestudy_box a:hover::after { display:none; }
.home_banner .banner_slider .casestudy_box .case_product { width:60%; }
.home_banner .banner_slider .casestudy_box .case_detail { max-width: 40%; position: absolute; right: 5%; bottom:30px; }
.home_banner .banner_slider .swiper-scrollbar { background: #505761; position: static; margin: 15px 0 0; width: 90%; float: right; }
.home_banner .banner_slider .swiper-scrollbar .swiper-scrollbar-drag { background:rgb(var(--bs-primary)); }
.home_banner .partners_list { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.home_banner .partners_list > * { padding:0 15px; }
.home_banner .partners_list > *:first-child { padding-left:0; }
.home_banner .partners_list > *:last-child { padding-right:0; }

/*.intro_sec { background:url(../img/intro_base.png) no-repeat 0 center fixed;  }*/

.services_sec {font-size:calc(var(--bs-body-font-size) - 2px); }
.services_sec .service_box { border-bottom: 4px solid #000; height: 100%; padding: 35px 35px 50px; position: relative; }
.services_sec .service_box .service_icon { height:55px; width:auto; }
.services_sec .service_box .service_icon path { fill:var(--bs-primary-1) !important; }
.services_sec .service_box .view_sec { position: absolute; bottom: 10px; left: 35px; right: 35px; align-items: center; }
.services_sec .service_box .view_more a { color:var(--bs-primary-1); position: relative; padding-bottom:2px; } 
.services_sec .service_box .view_sec .view_more a::after { border-bottom: 1px solid; content: ; content: ""; height: 1px; width:0%; background: #000; position: absolute; bottom: 0; display: block; }
.services_sec .service_box .view_sec .view_more a:hover::after { width:100%; }
.services_sec .service_box .btn-arrow { filter:invert(100) brightness(0); }
.services_sec .service_box ul { margin:0; list-style:none; padding:0; }
.services_sec .service_box li { padding: 0 0 8px 15px; position: relative; }
.services_sec .service_box li::before { content: ""; display: inline-block; height: 6px; width: 6px; background: #FFC7AB; border-radius: 100px; position: absolute; left: 0; top: 12px; }
.services_sec .service_box a { color:#000; }
.services_sec .service_box a:hover { color:rgb(var(--bs-primary)); } 
.services_sec .service_box .view_more a {}
.services_sec .service_box .click_content { position: absolute; top: calc( 100% - 70px); background: #fff; z-index: 9; padding: 10px 35px 70px; width: 100%; left: 0; border-bottom: 5px solid; } 
.services_sec .service_box .click_content .click_show_cont { max-height:0; transition: max-height 0.5s ; overflow: hidden; }
.services_sec .service_box.active .click_content .click_show_cont { max-height: 1000px; transition: max-height 1s ease-in;} 
.services_sec .service_box.active,
.services_sec .service_box.active .click_content { background:var(--bs-light-1) !important; box-shadow: 0 10px 10px rgba(0,0,0,0.1);  }
.services_sec .service_box.active .btn-arrow {  transform:rotate(180deg); filter:inherit; }

.h_cta { background:url(../img/shape_base.svg) no-repeat right center fixed; background-blend-mode: multiply; }

@media (max-width:1199px) {
.home_banner { padding-top: 170px !important; }
}

@media (max-width: 1199px) {
.home_banner .partners_list > * { text-align:center; width:16.66%; }
}

@media (max-width: 991px) {
.home_banner { padding-top: 120px !important; }
.home_banner .banner_caption { text-align: center; }
.home_banner .banner_slider .badge_experience { right: 0%; top: 0; width: 90px; }
}

@media (max-width: 767px) {
.home_banner .partners_list { flex-wrap: initial; overflow: scroll; }
.home_banner .partners_list > * { width: 40%; flex: 0 0 auto; }

.services_sec .service_box { padding-bottom:0; }
.services_sec .service_box .click_content .click_show_cont { max-height:1000px; }
.services_sec .service_box .click_content { position:static; padding:20px 0; border:0; }
.services_sec .service_box .btn-arrow { display:none; }
.services_sec .service_box .view_sec { position:static; margin:20px 0 0; }
}

@media (max-width: 575px) {
.home_banner .banner_slider .bnr_frame { width:100%; }
.home_banner .banner_slider .casestudy_box .case_product { width:100%; text-align:center; }
.home_banner .banner_slider .casestudy_box .case_product img { max-height:300px; width:auto; }
.home_banner .banner_slider .casestudy_box .case_detail { position:static; text-align:center; max-width:100%; }
.home_banner .banner_slider .swiper-scrollbar { width:100%; }
}