@charset "utf-8";
/* CSS Document */
@media (min-width: 576px){
		.mySwiper .swiper-slide {
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;
	  transform: scale(0.7);
	  overflow: hidden;
	  width:31vw;
	  transform-origin: bottom;
	  margin-top: 50px;
	  
    }
	.mySwiper .swiper-slide-active, .mySwiper .swiper-slide-duplicate-active{
      transform: scale(1.7,0.82); margin-top: 0px;
	}
    .mySwiper{margin-top:-7vw;}
    .mySwiper .swiper-slide-active img{transform: scale(0.48999,1); width: auto !important;margin-left: 0 !important;}
    .mySwiper .swiper-slide img{max-width:inherit; width: 160%; margin-left: -30%;}
    .mySwiper .swiper-slide-prev{margin-left: -8vw;margin-right: 8vw;}
    .mySwiper .swiper-slide-next{margin-left: 8vw;margin-right: -8vw;}
	.mySwiper p{transform: scale(1, 2);}	
    .pro-list .col-12:nth-child(1) .pro-b-line::before, .pro-list .col-12:nth-child(2) .pro-b-line::before{border-bottom-width:2px;bottom:0;left:10%;}
    .pro-list .col-12:nth-child(1) .pro-r-line::before{border-right-width:2px; right:-0.75rem;top:5%}
	.pro02 .pro-size::before{bottom: calc(3rem + 4px);}
	.pro02 .pro02-item:nth-child(2) .pro-size::before{left:calc(-100% - 1.5rem)}
	.pro02 .pro02-item:nth-child(3) .pro-size::before{left:calc(-200% - 3rem)}
	.pro02 .pro-size{font-size: 14px;font-weight: 100 !important;padding-top: 3rem;}	
    .changbig img, img.changbig{transition:0.25s ease-out;-webkit-transition:0.25s ease-out;-moz-transition:0.25s ease-out }
    .changbig:hover img, img.changbig:hover{transform: scale(1.05)}	
    .pro3-imgbox .dot-item{font-size: 1.25rem;}	
    .pro3-imgbox .dot-item-03{height: 5rem;width:15rem;}
    .pro3-imgbox .dot-item-04 span{margin-top: 3.375rem;margin-left: 11.313rem;}
    .pro3-imgbox .dot-item-03{text-align: right; right:calc(43.44% - 12.3rem); bottom:calc(56.19% + 0.75rem)}
	.pro3-imgbox .dot-item span::before{width:calc(11.2rem - 1px);}
    .pro3-imgbox .dot-item-03 span::after{right: 12.5rem;top:-3px;}
    .pro3-imgbox .dot-item-04 span::after{bottom:-3px;right:12.5rem}
    .pro3-imgbox .dot-item-04{left:calc(50.15% - 1.6rem); top:calc(69.9% + 0.75rem)}	
    .pro3-imgbox .dot-item-01, .pro3-imgbox .dot-item-03{height: 5rem;}
	.app .app-m-title{margin-top: 2rem;}

}
@media (min-width: 768px) {
    .text-bg-dark .language, .text-bg-dark .nav-pills .nav-link.active {color:#fff;}
    .text-bg-dark .nav-link{color: #999;trasition:color 0.15s ease-in-out}
    .text-bg-dark .nav-link:hover{color: #fff}
	.mySwiper .swiper-slide{transition: transform .3s ease-in-out;}
	.mySwiper .swiper-slide-active:hover{box-shadow: 0 0 12px rgb(27 22 66 / 4%), 0 22px 37px rgb(27 22 66 / 6%);}
    .pro-list .row{margin-left:-2.5rem;margin-right:-2.5rem;}
    .pro-list .row .col-12{padding-left:2.5rem;padding-right:2.5rem;}
	.pro-list .col-12:nth-child(1) .pro-r-line::before{right:-2.5rem;}
	.pro02 .pro-size{font-weight: bold !important;font-size: 1rem;padding-top: 5rem;}
    .pro3-imgbox .dot-item-01{right:calc(22.9% - 5px); bottom:calc(56.3% - 10px)}
    .pro3-imgbox .dot-item-02{left:calc(19.9% - 5px); top:calc(63.8% - 10px)}
    .pro3-imgbox .dot-item-01{height: 10rem;width:15rem;}
    .pro3-imgbox .dot-item-02 span{margin-top: 8.375rem;margin-left: 11.313rem;}
	.abu-top-img{font-size:2.5rem;padding:4.5rem;}
    .abu-top-img span{font-size: 6rem;}	
    header.navwhite{border-bottom:7px solid rgba(217,217,217,.0);background: rgba(255,255,255,.0); }
	header.navwhite .company-name, header.navwhite .nav-pills .nav-link.active, header.navwhite .nav-link, header.navwhite .language{color: #fff;}
	header.navwhite .company-name::before{background-color:#fff;}
	header.navwhite .b-logo{display: none;}
    header.navwhite .w-logo{display: inline-block;} 

}
@media (min-width: 992px) {
	.companyimg{text-align: right;}
	.company-info .flex-column{justify-content: space-around; display: flex;}
	.timeline-1{padding-bottom:0}
	.timeline-1::before{width: calc(100% - 10px);height: 30px;left:5px;top:calc(50% - 15px);}	
	.timeline-1 .time-item{margin-top:0}
    .timeline-1 .time-item:nth-child(even){padding-top:calc(20% - 4rem); padding-left: calc(var(--bs-gutter-x) * 0.5);text-align: left;}
	.timeline-1 .time-item .time-font{position:initial;margin-left: -0.5rem	}
	.timeline-1 .time-item:nth-child(odd) .time-font{margin-top: 6rem;}
	.timeline-1 .time-item:nth-child(even) .time-font{margin-top: -7rem; margin-bottom: 6rem;}
	.timeline-1 .time-num{left: 0.5rem !important;right: auto !important}
	.timeline-1 .time-item:nth-child(odd) .time-num{top:10%}
	.timeline-1 .time-item:nth-child(even) .time-num{bottom:10%}
	.timeline-1 .time-item img{margin-left:calc(31px - 0rem);margin-top: 0;max-width: calc(90% - 31px);}	
    .timeline-1 .time-item::before{width: 4px; left: calc(17.5px + 0.25rem) !important;height: calc(30% - 0.6rem);top:calc(20% - 15px) !important;}
	.timeline-1 .time-item:nth-child(even)::before{top:auto !important;bottom:calc(20% - 15px)}
    .timeline-1 .time-item::after, .timeline-1::after{border-width:7px;width: 200%; height: 44px;top:calc(50% - 22px);left: 0;}	
	.timeline-1::after{left: auto;right: 0;width:44px;bottom: auto;}
	.pro-better .pro-b-swiper{background-size: auto 100%;}
	.pro02 .pro-size{font-size: 1.5rem;padding-top: 6rem;}
	.mySwiper02 .swiper-pagination{display:none;}
    .pro3-imgbox .dot-item-03{right:calc(43.44% - 13.55rem); bottom:calc(56.19% - 10px)}
    .pro3-imgbox .dot-item-04{left:calc(50.15% - 5px); top:calc(69.9% - 10px)}
    .pro3-imgbox .dot-item-03{height: 10rem;width:15rem;}
    .pro3-imgbox .dot-item-04 span{margin-top: 8.375rem;margin-left: 11.313rem;}
	.appline::before{content: ""; position: absolute; height: 80%; width: 2px; background: #2e365c; left: -0.75rem; top: 10%}
    .appline-center::before{content: ""; position: absolute; height: 2px; width: 60%; background: #2e365c; top: calc(50% - 1px); left: 120%}
	.service-tabs .nav-item .nav-link, .app .app-font-28{font-size: calc(1em + 0.35vw);}
	.app .app-font-22{font-size: 22px;}
}
@media (min-width: 1200px) {
	.company-name{display: inline-block;}
	.mySwiper .swiper-slide {
	  transform: scale(0.7);
	  width:21vw;	  
    }
	.mySwiper .swiper-slide-active, .mySwiper .swiper-slide-duplicate-active{
      transform: scale(1.8,0.8);
	}
    .mySwiper{margin-top:-7vw;}
    .mySwiper .swiper-slide-active img{transform: scale(0.444444,1);}
    .mySwiper .swiper-slide-prev{margin-left: -6vw;margin-right: 6vw;}
    .mySwiper .swiper-slide-next{margin-left: 6vw;margin-right: -6vw;}	
	.company-info{background-size:100% auto;}
	.sub-htitle{font-size:38px}
    .timeline-1 .time-item::before{height: calc(30% - 0.75rem)}		
	.pro02 .pro-size{padding-top: 8rem;}
}
@media (min-width: 1380px) {
	.com-delet{display: inline-block;}
}
@media (min-width: 1400px) {	
    .timeline-1 .time-item::before{height: calc(30% - 1rem)}	
	.pro02 .pro-size{font-size: 30px;}
	.pro02 .pro02-item{padding-left: 2rem;padding-right:2rem;}
}
@media (min-width: 1450px) {
	.nav{letter-spacing:0.1em;}	
	.mySwiper .swiper-slide {
	  transform: scale(0.8);
    }
	.mySwiper .swiper-slide-active, .mySwiper .swiper-slide-duplicate-active{
      transform: scale(1.4,0.8);
	}
    .mySwiper .swiper-slide-active img{transform: scale(0.5556,1);}
    .mySwiper .swiper-slide-prev{margin-left: -3vw;margin-right: 3vw;}
    .mySwiper .swiper-slide-next{margin-left: 3vw;margin-right: -3vw;}
}
@media (min-width: 1780px) {
	 .contact{background-size:100% auto;}
}
@media (min-width: 1900px) {
	/* .service, .aplication{background-size:100% auto;}*/
}

@media (min-width: 1920px) {
	 .dark-overlay{position:relative;background-size: 100% auto;}
}
@media (max-width: 991px) {	
	.aplication .p-5{padding:0 !important;}
	.mySwiper02 .swiper-button-next, .mySwiper02 .swiper-button-prev{display:none;}
	.app .tab-content .py-2{padding-top:0 !important;}
	.app .tab-pane .p-4{padding-right: calc(var(--bs-gutter-x) * 0.5) !important; padding-left: calc(var(--bs-gutter-x) * 0.5)!important;  }
	.app-void-img .video-play{position:absolute; width: 100%; opacity: 0.6}
}
@media (max-width: 767px) {	
    .logo-header img{max-height: 32px;margin-left: 1rem;}
	.logo-header{justify-content: left !important;}
	.nav{flex-direction:column;}
	.nav .nav-item{border-bottom: 1px solid #e9e9f2 !important; text-align: left;}
	.nav-link{padding: 0.875rem 1.125rem;}
	.dropdown-menu.show{position: relative !important;transform: translate3d(0px, 0px, 0px) !important;border: 0; padding-bottom: 1.375em;}
	.dropdown-item{padding: 0.425em 2em;}
	.dropdown-menu--has-triangle::before, .dropdown-menu--has-triangle::after{border:0;}
	.offcanvas .logo-t-m{max-height:36px;}	
    .service-tabs .nav-item{border-bottom:0 !important;}
	.service-tabs .nav-link{padding: 0.25rem 0.5rem;}
	header.fixed-top{position: sticky !important;}
}
@media (max-width: 575px) {		
	.mySwiper .swiper-button-next, .mySwiper .swiper-button-prev{display:none;}
	.mySwiper{margin:5vw 2vw;}
	section{padding: 30px 0;}
	.min-none{display:none;}
	.service .serbox{ margin-top: 3rem !important;}
	.service .pt-5, .about .pt-4{padding-top:0 !important}
	.service .pb-5{padding-bottom: 0 !important}
	.htitle{margin-top:20px;}
	.service .col-12 .serbox{border-top:20px solid #fff;border-top-left-radius:20px;border-top-right-radius:20px; border-bottom: 0 !important}
	.service .col-12 .serbox .more{ opacity: 1 !important}
	.client .pb-5{padding-bottom:2rem !important}
	.dark-overlay .row.py-5{padding-top: 0 !important;padding-bottom: 0 !important;}	
	.pro-better .pro-b-swiper{background-size: auto 140%;}
	.font-30{font-size: 1.5rem;}
	.app .qa .my-5{ margin-top: 1.5rem !important;  margin-bottom: 1.5rem !important;}
	.app .qa{padding-top: 0 !important;}
	.con-sub-form.p-5{padding:1rem !important;}
	.pro3-imgbox .dot-item-01{width: 8.5rem;right: calc(22.9% - 0.85rem);}
	.pro3-imgbox .dot-item-01 span::after{left: 7.5rem;}
	.pro3-imgbox .dot-item-02 span{margin-top: 1.5rem; margin-left: 5.8rem;}
	.pro3-imgbox .dot-item-02 span::after{right: 7.5rem;}
}