body{
	margin: 0;
	font-family: "Zalando Sans", sans-serif;
}
/* Header */
.navbar {
  padding: 7px 0;
  background: #fff;
  box-shadow: 0 5px 30px rgba(0,0,0,0.5);
  position: relative;
  z-index: 9;
}
/* Logo */
.navbar-brand {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 1px;
  background: #fff;
  padding: 7px;
}
.logo-top {
  width: 88px;
  margin-left: 130%;
}
/* Nav */
.navbar-nav{
    gap:12px;
}
.nav-link{
    font-weight:700;
    color:#000;
    position:relative;
    transition:.35s;
	font-family: "Zalando Sans", sans-serif;
	text-transform: uppercase;
	font-size: 17px;
}
.navbar-nav .nav-link.active{
	color: #000;
	font-weight: bold;
}
.nav-link:hover{
    color:#000;
}
.nav-link::after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    width:0%;
    height:2px;
    background:#3894c2;
    transition:.35s;
}
.nav-link:hover::after{
    width:100%;
}
.offcanvas-body{
	background: url(../img/menumob.png) no-repeat center bottom;
	background-size: 100%;
	background-position: 0 173px;
}
/* Dropdown */
.dropdown-menu{
    border:none;
    border-radius:12px;
    padding:10px;
    box-shadow:0 15px 40px rgba(0,0,0,.12);
}
.dropdown-item{
    padding:10px 18px;
}
.dropdown-item:hover{
    background:#0d6efd;
    color:#fff;
}
.dropdown-toggle::after{
	border: 0;
}
/*-- sub menu --*/
/* Main Dropdown */
.dropdown-menu{
    border-radius:12px;
    border:none;
    box-shadow:0 15px 40px rgba(0,0,0,.12);
    padding:10px 0;
}
/* Submenu */
.dropdown-submenu{
    position:relative;
}
.dropdown-submenu>.dropdown-menu{
    top:0;
    left:100%;
    margin-top:-1px;
    display:none;
    border-radius:12px;
}
/* Show submenu */
.dropdown-submenu:hover>.dropdown-menu{
    display:block;
}
/* Arrow */
.dropdown-submenu>.dropdown-toggle::after{
    float:right;
    margin-top:8px;
    transform:rotate(-90deg);
}
/* Hover */
.dropdown-item {
  padding: 9px 20px;
  transition: .3s;
}
.dropdown-item:hover{
    background:#373b3e;
    color:#fff;
    padding-left:28px;
}
/*-- sub menu --*/

/* Contact Button */
.contact-btn{
    padding:9px 20px;
    border-radius:40px;
    position:relative;
    overflow:hidden;
    z-index:1;
    transition:.4s;
}
.contact-btn i{
	transform: rotate(-30deg);
	margin-left: 10px;
}
.contact-btn::before{
    content:"";
    position:absolute;
    inset:0;
    background:#000;
    transform:translateX(-100%);
    transition:.4s ease;
    z-index:-1;
}
.contact-btn:hover::before{
    transform:translateX(0);
}
.contact-btn:hover{
    color:#fff;
	transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.08);
}
.contact-btn i{
    transition:.3s;
}
.contact-btn:hover i{
    transform:translateX(6px);
}
/* Burger */
.menu-btn{
    width:48px;
    height:48px;
    border-radius:50%;
    border:1px solid #ededed;
    background:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:.3s;
}
/*.menu-btn:hover{
    background:#88b6ff;
    color:#fff;
}*/
.offcanvas{
    width:100%!important;
}
.offcanvas-body .nav-link{
    font-size:18px;
    padding:12px 0;
}
.video-banner {
    position: relative;
    width: 100%;
    height: 750px;
    overflow: hidden;
}
.video-banner video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 1199px) {
    .video-banner {
        height: 700px;
    }
}
@media (max-width: 991px) {
    .video-banner {
        height: 600px;
    }
}
@media (max-width: 767px) {
    .video-banner {
        height: 500px;
    }
}
.counter{
	font-family: "Zalando Sans", sans-serif;
	font-weight: 500;
	color: #fff;
}
.counter span{
	font-family: "Zalando Sans", sans-serif;
	font-weight: 400;
}
.counter-section{
	background-color: #000;
    background-image: url("../img/blacknewbac.jpg");
	background-size: 100%;
}
.shine {
    position: relative;
    overflow: hidden;
	background: linear-gradient(140deg,rgba(204, 224, 249, 1) 0%, rgba(255, 255, 255, 1) 51%, rgba(235, 244, 255, 1) 100%);
}
.shine::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 2%;
    height: 100%;
    background: #fff;
    transform: skewX(-35deg);
    animation: shine 2.5s linear infinite;
	filter: blur(5px);
}
@keyframes shine {
    100% {
        left: 200%;
    }
}
.stats-image{
    height:420px;
}
.img1{
    width:230px;
}
.img2 {
  width: 230px;
  position: absolute;
  left: 230px;
  top: 262px;
}
.experience{
    position:absolute;
    left:250px;
    top:70px;
}
.experience h1{
    display:inline-block;
    font-size:70px;
    font-weight:500;
    margin:0;
	color: #fff;
}
.experience span{
    font-size:70px;
    font-weight:400;
	color: #fff;
}
.experience p{
    margin-top:-10px;
    font-size:20px;
	color: #fff;
}
.counter-card {
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 35px;
  transition: .4s;
  height: 185px;
  line-height: 20px;
  font-size: 17px;
}
.counter-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.08);
}

.counter-card h2{
    font-size:56px;
    font-weight:400;
	color: #fff;
}
.counter-card p{
    margin:0;
    color:#555;
	color: #fff;
}
.driving {
  font-family: "Zalando Sans", sans-serif;
  color: #fff;
  font-size: 50px;
  font-weight: 500;
}
.countercon{
	font-size: 14px;
}
.align-ment{
	float: right;
}
.mission-section {
  background: #f5f8fc;
  overflow: hidden;
  padding-bottom: 103px;
}
.section-title {
  font-size: 34px;
  font-weight: 500;
  line-height: 42px;
  color: #111;
}
/*.blackscroller {
  padding: 70px 0 300px;
  background-color: #000;
  background-image: url("../img/blackbackground.jpg");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100%;
  animation: zoomBg 30s ease-in-out infinite alternate;
}
@keyframes zoomBg {
    from {
        background-size: 100%;
    }
    to {
        background-size: 155%;
    }
}*/

.blackscroller{
    position:relative;
    overflow:hidden;
    padding:70px 0 300px;
    background:#000;
}

.blackscroller::before{
    content:"";
    position:absolute;
    inset:0;
    background:url("../img/blackbackground.jpg") no-repeat bottom center;
    background-size:100%;
    transform:scale(1);
    transform-origin:center bottom;
    filter:blur(0px) brightness(1);
    animation:cinematicBg 9s ease-in-out infinite alternate;
    will-change:transform, filter;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    transform:translateZ(0);
    z-index:0;
}

.blackscroller>*{
    position:relative;
    z-index:1;
}

@keyframes cinematicBg{
    0%{
        transform:scale(1);
        filter:blur(0px) brightness(1);
    }
    25%{
        filter:blur(1px) brightness(1.03);
    }
    50%{
        transform:scale(1.05);
        filter:blur(2px) brightness(1.06);
    }
    75%{
        filter:blur(1px) brightness(1.03);
    }
    100%{
        transform:scale(1.12);
        filter:blur(0px) brightness(1);
    }
}

.section-title-white{
	color: #fff;
	font-weight: 400;
	font-size: 30px;
	position: relative;
}
.section-title-white::after {
  content: '';
  width: 2px;
  height: 452px;
  position: absolute;
  background: linear-gradient(180deg,rgba(196, 223, 255, 1) 0%, rgba(151, 160, 173, 1) 51%, rgba(32, 32, 32, 1) 100%);
  top: -204px;
  left: 61%;
  transform: rotate(-90deg);
}

.txtcolor {
  color: #fff;
  padding-right: 443px;
  line-height: 20px;
  margin-top: 17px;
}
.info-card{
    background:#fff;
    border-radius:18px;
    padding:30px;
    transition:.35s ease;
    border:1px solid rgba(0,0,0,.05);
}
.info-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.08);
}
.info-card h3 {
  font-size: 38px;
  font-weight: 500;
  color: #111;
  margin: 0;
}
.info-card p{
    margin:0;
    color:#555;
    line-height:20px;
    font-size:15px;
}
.mission-image{
    max-width:120%;
    animation:float 6s ease-in-out infinite;
}
@keyframes float{
0%{
    transform:translateY(0px);
}
50%{
    transform:translateY(-15px);
}
100%{
    transform:translateY(0px);
}

}
@media(max-width:991px){
	.section-title{
		font-size:2.3rem;
	}
	.info-card{
		padding:30px;
	}
	.info-card h3{
		margin-bottom:20px;
		font-size:2.2rem;
	}
	.mission-image{
		max-width:80%;
	}
}
@media(max-width:767px){
	.section-title{
		font-size:1.8rem;
	}
	.info-card h3{
		font-size:2rem;
	}
	.info-card p{
		font-size:15px;
	}
}
.imgfloat{
	position: relative;
	padding-bottom: 228px;
}
.imgfloatabsolute {
  position: absolute;
  left: 105px;
}
/*-- carusoul --*/
.myCarousel img {
  width: 62px !important;
  display: block;
  height: 65px;
  width: 62px;
  margin-bottom: 15px;
}
.owl-nav button{
    width:40px;
    height:40px;
    border-radius:50%!important;
    background:none!important;
    color:#fff!important;
	margin-left: 5px;
	border: 1px #d3e4ff solid!important;
    font-size:20px!important;
}
.owl-nav button:hover{
	background: #ffffff;
	background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(200, 221, 255, 1) 55%, rgba(200, 221, 255, 1) 100%)!important;
	color:#000!important;
	transition: all 0.3s ease!important;
}
.owl-dots{
    margin-top:20px;
}
.owl-dot span{
    width:12px!important;
    height:12px!important;
}
.owl-dot.active span{
    width:28px!important;
}
.owl-nav {
  position: absolute;
  top: -148px;
  right: 0;
}
/*-- carusoul end--*/
.global-grade{
	padding: 70px 0;
}
.section-title-black{
	color: #000;
	font-weight: 500;
	font-size: 30px;
}
.txtcolor-black {
  color: #000;
  padding-right: 443px;
  line-height: 20px;
  margin-top: 17px;
}
/*-- hover effect section --*/
.feature-card{
    position:relative;
    background:#000;
    color:#fff;
    padding:35px 30px;
    height:100%;
    transition:all .35s cubic-bezier(.2,.8,.2,1);
    cursor:pointer;
}
.feature-card::after {
  content: '';
  width: 2px;
  height: 282px;
  position: absolute;
  background: linear-gradient(180deg,rgba(196, 223, 255, 1) 0%, rgba(151, 160, 173, 1) 51%, rgba(32, 32, 32, 1) 100%);
  top: 12px;
  left: -6px;
}
/* Icon */
.feature-icon{
    font-size:42px;
    color:#fff;
    margin-bottom:20px;
    transition:.35s ease;
}
/* Heading */
.feature-card h4{
    font-size:24px;
	font-family: "Zalando Sans", sans-serif;
    font-weight:300;
    margin-bottom:18px;
    color:#fff;
    transition:.35s;
}
/* Text */
.feature-card p {
  color: #cfcfcf;
  line-height: 20px;
  margin: 0;
  transition: .35s;
  font-size: 16px;
}
/* ===== Hover Effect ===== */
.feature-card:hover{
    background:#fff;
    color:#000;
    transform:
        perspective(1000px)
        rotateX(4deg)
        rotateY(-4deg)
        translate(-12px,-12px);
    box-shadow:
        12px 12px 0 #999,
        24px 24px 0 #666,
        36px 36px 50px rgba(0,0,0,.30);

    z-index:20;
}
/* Text color */
.feature-card:hover h4,
.feature-card:hover p,
.feature-card:hover .feature-icon{
    color:#000;
}
/* Slight icon movement */
.feature-card:hover .feature-icon{
    transform:translateY(-5px) scale(1.05);
}
.feature-card img{
    width:62px;
    transition:all .4s ease;
    filter:brightness(0) invert(1); /* White */
}

.feature-card:hover img{
    filter:brightness(0) invert(0); /* Black */
}

/*-- hover effect section end--*/
.products-section{
    overflow:hidden;
	padding-bottom: 20px;
}
.product-image{
    overflow:hidden;
    background:#fff;
}
.product-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.7s;
}
.product-content{
    background:#383938;
    height:100%;
    padding:45px;
    display:flex;
    flex-direction:column;
	position:relative;
    justify-content:center;
}
.product-content h2{
    font-size:31px;
    line-height:30px;
    margin-bottom:30px;
    font-weight:500;
	font-family: "Zalando Sans", sans-serif;
	color: #fff;
}
.product-content p{
    font-size:15px;
    line-height:21px;
    margin:0;
	color: #fff;
}
.product-content i {
  position: absolute;
  bottom: 20px;
  right: 15px;
  transform: rotate(-30deg);
  color: #fff;
}
.product-content:hover i{
  transform:translateX(6px);
  transition: .3s;
}
.product-item{
    perspective:1200px;
    overflow:hidden;
}

.product-image{
    position:relative;
    overflow:hidden;
    background:#fff;
}
.product-image img{
    width:100%;
    height:100%;
    object-fit:contain;
    transform-style:preserve-3d;
    transform:translateZ(0) scale(1);
    transition: transform .8s cubic-bezier(.22,1,.36,1),
    filter .8s ease;
    will-change:transform;
}
.product-item:hover .product-image img{
    transform: translateZ(120px)  scale(1.12);
    filter:drop-shadow(0 35px 35px rgba(0,0,0,.25));
}

/* footer Zoom Effect */
/* footer Zoom Effect */
.cta-grid{
    padding:0;
}
.grid-container{
    width:100%;
    margin:auto;
}
.bottom-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    margin: 0px;
}
.card{
    position:relative;
    overflow:hidden;
    cursor:pointer;
    isolation:isolate;
    border-radius: 0;
	border: 0;
}
/* Large Card */
.large-card{
    min-height:auto;
}
/* Images */
.card img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:1.4s cubic-bezier(.19,1,.22,1);
}
/* Overlay */
.overlay{
    position:absolute;
    inset:0;
    background:
    linear-gradient(90deg,
    rgba(8,13,20,.92),
    rgba(8,13,20,.55),
    rgba(8,13,20,.25));
    transition:.6s;
}
.overlay.orange{
    background:
    linear-gradient(90deg,
    rgba(230,76,0,.92),
    rgba(230,76,0,.65),
    rgba(0,0,0,.25));
}
/* Content */
.content{
    position:relative;
    z-index:2;
    display:flex;
    justify-content:space-between;
    height:100%;
    padding:70px;
    color:#fff;
}

.single{
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.left{
    max-width:370px;
}
.left h2{
    font-size: 2.5rem;
}
.right{
    max-width:424px;
    margin-right: 79px;
    margin-top: 50px;
}
/* Button */
.btn-custom{
    display:inline-flex;
    align-items:center;
    justify-content:space-between;
    gap:21px;
    margin-top:35px;
    padding:13px 18px;
    border-radius:50px;
    background:#fff;
    color:#111;
    text-decoration:none;
    font-size:16px;
    transition:.45s;
}
.btn-custom span{
    transition:.45s;
}
.btn-custom:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.08);
}
/* Border */
.card::after{
    content:'';
    position:absolute;
    inset:0;
    border-radius:22px;
    padding:2px;
    background:linear-gradient(130deg,#ff6a00,#ffffff,#ff6a00);
    -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    opacity:0;
    transition:.5s;
}
/* Light Effect */
.card::before{
    content:'';
    position:absolute;
    width:260px;
    height:260px;
    /*! border-radius:50%; */
    background:rgba(255,255,255,.15);
    filter:blur(80px);
    top:-100px;
    left:-120px;
    opacity:0;
    transition:.8s;
    z-index:1;
}
.card{
    /*! position:relative; */
    /*! overflow:hidden; */
}
.card img{
    transition:transform 6s cubic-bezier(.16,1,.3,1);
}
.card::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(0,0,0,.75),
        rgba(0,0,0,.35),
        rgba(0,0,0,.15)
    );
    transition:.8s;
    z-index:1;
}
.card:hover::before{
    background:linear-gradient(
        90deg,
        rgba(0,0,0,.45),
        rgba(0,0,0,.15),
        rgba(0,0,0,.05)
    );
}
.card:hover img{
    transform:scale(1.18);
}
.btn-custom-nxt{
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 21px;
  margin-top: 35px;
  padding: 13px 18px;
  border-radius: 50px;
  background: #fff;
  color: #111;
  text-decoration: none;
  font-size: 16px;
  transition: .45s;
  bottom: 0;
  position: absolute;
}
.btn-custom-nxt:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.08);
}
.footer-area{
    background:url('../img/footer-image.jpg');
    padding:30px 0 0;
    text-align:center;
}

.footer-logo img{
    max-width:120px;
    margin-bottom:35px;
}

/* Navigation */

.footer-menu{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:20px;
    list-style:none;
    margin:0;
    padding:0;
}

.footer-menu li a{
    color:#888;
    text-decoration:none;
    font-size:14px;
    font-weight:500;
    text-transform:uppercase;
    position:relative;
    transition:.35s;
}

.footer-menu li a.active,
.footer-menu li a:hover{
    color:#fff;
}

/* Underline Animation */

.footer-menu li a::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-8px;
    width:0;
    height:2px;
    background:#0b3553;
    transition:.35s;
    transform:translateX(-50%);
}

.footer-menu li a:hover::after,
.footer-menu li a.active::after{
    width:100%;
}

/* Social */

.footer-social{
    margin-top:35px;
    display:flex;
    justify-content:center;
    gap:15px;
}

.footer-social a{
    width:38px;
    height:38px;
    border-radius:50%;
    background:#fff;
    color:#000;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    text-decoration:none;
    transition:.4s;
}
.footer-social a:nth-child(1):hover{
    background:#395693;
	color:#fff;
}
.footer-social a:nth-child(2):hover{
    background:#000000;
	color:#fff;
}
.footer-social a:nth-child(3):hover{
    background: linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
);
	color:#fff;
}
.footer-social a:nth-child(4):hover{
    background: #0A66C2;
	color:#fff;
}
.footer-social a:nth-child(5):hover{
    background: #FF0000;
	color:#fff;
}

.footer-social a:hover{
    background:#0b3553;
    transform:translateY(-8px) rotate(360deg);
    box-shadow:0 12px 25px rgba(11,53,83,.25);
	color: #fff;
}
/* Copyright */
.copyright{
    margin-top:55px;
    background:#072c47;
    color:#8fa3b4;
    text-align:center;
    padding:16px 15px;
    font-size:14px;
    letter-spacing:.5px;
}
/* Responsive */
@media(max-width:991px){
	.footer-menu{
		gap:18px;
	}
	.footer-menu li a{
		font-size:15px;
	}
}
@media(max-width:767px){
	.footer-area{
		padding:40px 0 0;
	}
	.footer-logo img{
		max-width:95px;
	}
	.footer-menu{
		flex-direction:column;
		gap:14px;
	}
	.footer-menu li{
		width:100%;
	}
	.footer-social{
		gap:12px;
	}
	.footer-social a{
		width:42px;
		height:42px;
	}
	.copyright{
		font-size:13px;
		line-height:1.6;
	}
}
.menu-wrapper{
    min-height:100vh;
    position:relative;
    overflow:hidden;
    padding: 0px 0;
}

/* decorative image */
.bg-shape{
    position:absolute;
    right:-8%;
    bottom:-10%;
    width:65%;
    pointer-events:none;
    z-index:1;
}

.bg-shape img{
    width:100%;
}

/* Close Button */

.close-btn{
    position:absolute;
    top:30px;
    right:40px;
    width:55px;
    height:55px;
    border:2px solid #73a6ff;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#73a6ff;
    font-size:28px;
    cursor:pointer;
    transition:.4s;
    z-index:10;
}

.close-btn:hover{
    background:#73a6ff;
    color:#fff;
    transform:rotate(90deg);
}

/* logo */

.logo{
    width:170px;
    margin-bottom:50px;
}

/* Navigation */

.menu-nav{
    list-style:none;
    padding:0;
    margin:0;
}

.menu-nav li{
    margin-bottom:16px;
}

.menu-nav a{
    color:#9b9b9b;
    text-decoration:none;
    font-size:16px;
    font-weight:500;
    display:inline-block;
    transition:.4s;
    position:relative;
}

.menu-nav a::before{
    content:"-";
    margin-right:20px;
}

.menu-nav a:hover,
.menu-nav .active{
    color:#000;
    transform:translateX(12px);
}

/* Contact */

.contact-box {
    border-left: 1px solid #aaa;
    padding-left: 45px;
    margin-top: 0px;
    position: relative;
    z-index: 2;
}

.contact-box h3 {
    font-size: 29px;
    margin-bottom: 28px;
    font-weight: 700;
}

.contact-box h5{
    font-size:18px;
    margin-top:0;
    font-weight:700;
}

.contact-box p {
    color: #777;
    font-size: 17px;
    line-height: 1.4;
}

/* Responsive */
@media(max-width:991px){
	.menu-wrapper{
		padding:50px 20px 200px;
	}
	.logo{
		margin:auto;
		display:block;
		margin-bottom:40px;
	}
	.menu-nav{
		text-align:center;
		margin-bottom:50px;
	}
	.menu-nav a{
		font-size:26px;
	}
	.contact-box{
		margin-top:0;
		border:none;
		padding:0;
		text-align:center;
	}
	.contact-box h3{
		font-size:32px;
	}
	.contact-box h5{
		font-size:24px;
	}
	.contact-box p{
		font-size:18px;
	}
	.bg-shape{
		width:100%;
		right:-20%;
		bottom:-5%;
		opacity:.45;
	}
	.close-btn{
		right:20px;
		top:20px;
		width:45px;
		height:45px;
		font-size:22px;
	}
}
@media(max-width:576px){
	.menu-nav a{
		font-size:20px;
	}

	.contact-box h3{
		font-size:26px;
	}

	.contact-box h5{
		font-size:20px;
	}

	.contact-box p{
		font-size:16px;
	}

	.bg-shape{
		width:140%;
		right:-55%;
		bottom:-5%;
		opacity:.3;
	}
}
.cursor{
    animation: blink .8s infinite;
}
@keyframes blink{
    50%{
        opacity:0;
    }
}
.flip-card{
    width:240px;
    height:270px;
    perspective:1000px;
}
.flip-card-nxt {
  position: relative;
  left: 36%;
  top: -6px;
}
.flip-inner{
    width:100%;
    height:100%;
    position:relative;
    transition:.8s;
    transform-style:preserve-3d;
}

.flip-card:hover .flip-inner{
    transform:rotateY(180deg);
}
.front,
.back{
    position:absolute;
    width:100%;
    height:100%;
    backface-visibility:hidden;
    overflow:hidden;
    /*! border-radius:15px; */
}
.back{
    transform:rotateY(180deg);
}
/*-- about page--*/
.inner-banner{
    position:relative;
    min-height:350px;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:url("assets/img/inner-banner.jpg") center center;
    background-size:cover;
    background-repeat:no-repeat;
}
.banner-overlay{
    position:absolute;
    inset:0;
    background:url("../img/aboursecinner.jpeg") top center;
	background-size: cover;
}
.banner-overlay-logis{
    position:absolute;
    inset:0;
    background:url("../img/logistic.jpg") top center;
}
.banner-content{
    position:relative;
    z-index:5;
    color:#fff;
}
.banner-subtitle{
    display:inline-block;
    padding:8px 18px;
    background:rgba(255,255,255,.12);
    backdrop-filter:blur(10px);
    border:1px solid rgba(255,255,255,.2);
    border-radius:50px;
    margin-bottom:20px;
    letter-spacing:2px;
    font-size:13px;
    text-transform:uppercase;
}
.banner-content h1{
    font-size:60px;
    font-weight:800;
    margin-bottom:20px;
    line-height:1.1;
}
.banner-content p{
    max-width:650px;
    margin:auto;
    color:#d8e3ef;
    font-size: 17px;
    margin-bottom: 26px;
}
.breadcrumb{
   margin-bottom:0;
}
.breadcrumb-item{
    font-size:15px;
}
.breadcrumb-item a{
    color:#fff;
    text-decoration:none;
    transition:.3s;
}
.breadcrumb-item a:hover{
    color:#ffc107;
}
.breadcrumb-item+.breadcrumb-item::before{
    color:#ffffff;
}
.breadcrumb-item.active{
    color:#ffc107;
}
/* Decorative Shapes */
.shape{
    position:absolute;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    animation:float 8s ease-in-out infinite;
}
.shape-1{
    width:260px;
    height:260px;
    top:-80px;
    right:-60px;
}
.shape-2{
    width:150px;
    height:150px;
    bottom:40px;
    left:5%;
}
/* Floating Animation */
@keyframes float{
    0%{
        transform:translateY(0px);
    }
    50%{
        transform:translateY(-25px);
    }
    100%{
        transform:translateY(0px);
    }
}
/* Responsive */
@media(max-width:991px){
	.inner-banner{
		min-height:380px;
	}
	.banner-content h1{
		font-size:48px;
	}
}
@media(max-width:576px){
	.inner-banner{
		min-height:320px;
	}
	.banner-content h1{
		font-size:36px;
	}
	.banner-content p{
		font-size:15px;
	}
	.banner-subtitle{
		font-size:11px;
	}
}
.timeline-section{
    position:relative;
    overflow:hidden;
}
.sub-title{
    color:#0057b8;
    font-weight:600;
    letter-spacing:2px;
}
.timeline{
    position:relative;
    padding:40px 0;
}
.timeline::before{
    content:"";
    position:absolute;
    left:50%;
    top:0;
    transform:translateX(-50%);
    width:4px;
    height:100%;
    background:#d9e3ef;
	display: none;
}
.timeline-item{
    position:relative;
    margin-bottom:120px;
}
.timeline-dot{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:70px;
    height:70px;
    border-radius:50%;
    background:#88b6ff;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-weight:bold;
    z-index:20;
    border:8px solid #fff;
    box-shadow:0 10px 30px rgba(0,0,0,.15);
}
.timeline-content{
    background:#383938;
    padding:50px;
    box-shadow:0 20px 40px rgba(0,0,0,.08);
    transition:.4s;
	color: #fff;
}
.timeline-content:hover{
    transform:translateY(-10px);
}
.timeline-content h3 {
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 31px;
}
.timeline-content span{
	margin-bottom: 10px;
	display: block;
}
.timeline-content p{
	font-size: 15px;
}
.timeline-image{
    overflow:hidden;
    box-shadow:0 20px 40px rgba(0,0,0,.08);
	height: 305px;
}
.timeline-image img{
    width:100%;
    transition:1s;
}
.timeline-image:hover img{
    transform:scale(1.1);
}
.timeline-imageone{
    overflow:hidden;
    box-shadow:0 20px 40px rgba(0,0,0,.08);
	height: 322px;
}
.timeline-imageone img{
    width:100%;
    transition:1s;
}
.timeline-imageone:hover img{
    transform:scale(1.1);
}
.btn-primary{
    border-radius:50px;
    padding:12px 28px;
}
@media(max-width:991px){
	.timeline::before{
		left:35px;
	}
	.timeline-dot{
		left:35px;
		top:20px;
		width:60px;
		height:60px;
		transform:none;
	}

	.timeline-item{
		padding-left:90px;
		margin-bottom:80px;
	}

	.timeline-content{
		margin-top:30px;
		padding:30px;
	}
}
.team-section{
    background:#383938;
	overflow: hidden;
}
.section-subtitle{
    color:#0d6efd;
    font-weight:700;
    letter-spacing:3px;
    font-size:14px;
}
.team-card{
    position:relative;
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.45s;
    height:100%;
}
.team-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:linear-gradient(90deg,#0d6efd,#18b4ff);
}
.team-card:hover{
    transform:translateY(-12px);
    box-shadow:0 25px 60px rgba(0,0,0,.15);
}
.team-img{
    overflow:hidden;
    padding:35px 0 10px;
    text-align:center;
}
.team-img img{
    width:150px;
    height:150px;
    object-fit:cover;
    border-radius:50%;
    border:6px solid #fff;
    box-shadow:0 15px 35px rgba(0,0,0,.15);
    transition:.6s;
}
.team-card:hover .team-img img{
    transform:scale(1.08);
}
.team-body{
    padding:30px;
    text-align:center;
}
.team-body h4{
    font-weight:700;
    margin-bottom:8px;
}
.team-body span{
    display:block;
    color:#88b6ff;
    font-weight:600;
    margin-bottom:15px;
}
.team-body p{
    color:#666;
    font-size:15px;
    line-height:1.8;
}
.team-social{
    margin-top:20px;
}
.team-social a{
    width:45px;
    height:45px;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin:0 6px;
    background:#eef4ff;
    color:#000;
    transition:.4s;
}
.team-social a:hover{
    background:#88b6ff;
    color:#fff;
    transform:translateY(-5px);
}

@media(max-width:768px){
	.team-img img{
		width:120px;
		height:120px;
	}
}
.custom-close{
  float: right;
  text-align: right;
  position: absolute;
  right: 9px;
  top: 12px;
  z-index: 999;
}
.founder-section{
    position:relative;
    overflow:hidden;
	background: #7f7f7f url("../img/aboutmain1.jpeg") no-repeat center center;
	background-size: 100%;
    padding:90px 0;
}
.founder-section::before{
    content:"";
    position:absolute;
    inset:0;
   /* background:
    linear-gradient(90deg,#000000e8 1%,#00000080 0%,#000000e8 100%);*/
}
.image-box{
    position:relative;
    overflow:hidden;
    border-radius:15px;
}
.image-box img{
    width:100%;
    transition:.8s;
}
.image-box:hover img{
    transform:scale(1.08);
}
.image-box::after{
    content:"";
    position:absolute;
    inset:0;
}
.founder-title {
  position: relative;
  left: 40px;
  bottom: 40px;
  z-index: 3;
  top: 0;
}
.founder-title h1 {
  font-size: 51px;
  line-height: 1.1;
  font-weight: 800;
  color: #ffffff;
  padding-right: 159px;
}
.right-content {
  position: relative;
  z-index: 2;
  padding-left: 100px;
}
.right-content h2 {
   font-size: 34px;
   line-height: 1.15;
   margin-bottom: 40px;
   font-weight: 300;
   color: #fff;
}
.right-content p {
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  margin-bottom: 20px;
}
/* Tablet */
@media(max-width:991px){
	.founder-title h1{
		font-size:55px;
	}
	.right-content{
		margin-top:60px;
	}
	.right-content h2{
		font-size:38px;
	}
}
/* Mobile */
@media(max-width:767px){
	.founder-section{
		padding:60px 0;
	}
	.founder-title{
		left:20px;
		bottom:20px;
	}
	.founder-title h1{
		font-size:42px;
	}
	.right-content h2{
		font-size:30px;
	}
	.right-content p{
		font-size:15px;
		line-height:1.8;
	}
}
.team-item{
    padding:28px 0;
    border-top:1px solid #666;
    transition:.4s;
}
.team-item:last-child{
    border-bottom:none;
}
.team-item:hover{
   /* background:#fafafa; */
}
.designation {
  color: #ffffff;
  font-size: 16px;
  margin-bottom: 1px;
}
.member-name {
  font-size: 27px;
  font-weight: 600;
  line-height: 1.1;
  transition: .4s;
  color: #ffffff;
}
.team-item:hover .member-name{
    transform:translateX(12px);
}
.team-image{
    width:120px;
    height:120px;
    border-radius:50%;
    overflow:hidden;
    margin:auto;
    transition:.5s;
}
.team-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;
}
.team-item:hover .team-image img{
    transform:scale(1.5);
}
.social-btn{
    display:inline-flex;
    align-items:center;
    overflow:hidden;
    border:1px solid #fff;
    border-radius:50px;
    text-decoration:none;
    color:#fff;
    transition:.4s;
}
.social-btn span.icon{
    width:46px;
    height:46px;
    border-right:1px solid #fff;
    display:flex;
    align-items:center;
    justify-content:center;
}
.social-btn span.text{
    padding:0 22px;
    font-size:18px;
}
.social-btn:hover{
    background:#111;
    color:#fff;
}
.social-btn:hover .icon{
    border-color:#fff;
}
.social-btn:hover i{
    transform:rotate(360deg);
    transition:.5s;
}
@media(max-width:991px){
	.team-item{
		text-align:center;
	}
	.member-name{
		font-size:34px;
	}
	.designation{
		font-size:18px;
	}
	.team-image{
		margin:25px auto;
	}
	.social-box{
		margin-top:25px;
	}
}
@media(max-width:576px){
	.member-name{
		font-size:28px;
	}
	.team-image{
		width:90px;
		height:90px;
	}
	.social-btn span.icon{
		width:42px;
		height:42px;
	}
	.social-btn span.text{
		font-size:15px;
	}
}
/*-- about page end--*/
/*-- contact page --*/
.contact-section{
	background:#f8fafc;
}
.contact-info{
	background:#0b2f5b;
	padding:50px;
	border-radius:25px;
	height:100%;
	color:#fff;
	position:relative;
	overflow:hidden;
}
.contact-info::before{
	content:"";
	position:absolute;
	width:280px;
	height:280px;
	background:rgba(255,255,255,.05);
	border-radius:50%;
	right:-80px;
	bottom:-80px;
}
.sub-title{
	letter-spacing:2px;
	font-size:13px;
	font-weight:700;
	color:#ffd166;
}
.contact-info h2{
	margin:15px 0 20px;
	font-weight:700;
}
.info-box{
	display:flex;
	gap:18px;
	margin:30px 0;
	align-items:flex-start;
}
.info-box i{
	width:55px;
	height:55px;
	background:#fff;
	color:#0b2f5b;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:20px;
	}
.contact-form{
	background:#fff;
	padding:50px;
	border-radius:25px;
	box-shadow:0 20px 60px rgba(0,0,0,.08);
	height:100%;
}
.contact-form h3{
	margin-bottom:30px;
	font-weight:700;
}
.form-control{
	height:58px;
	border-radius:12px;
	border:1px solid #ddd;
}
textarea.form-control{
	height:auto;
}
.form-control:focus{
	box-shadow:none;
	border-color:#0d6efd;
}
.btn-primary{
	padding:15px 40px;
	border-radius:50px;
}
.social-icons{
	margin-top:40px;
}
.social-icons a{
	width:45px;
	height:45px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	background:rgba(255,255,255,.15);
	border-radius:50%;
	margin-right:10px;
	color:#fff;
	transition:.4s;
}
.social-icons a:hover{
	background:#fff;
	color:#0b2f5b;
	transform:translateY(-5px);
}
/*-- contact page end --*/
/*-- certificate page  --*/
.certificate-box{
	display:block;
	overflow:hidden;
	border-radius:20px;
	background:#fff;
	padding:8px;
	box-shadow:0 15px 40px rgba(0,0,0,.08);
	transition:.45s;
}
.certificate-box img{
	width:100%;
	transition:1s;
}
.certificate-box:hover{
	transform:translateY(-8px);
	box-shadow:0 25px 60px rgba(0,0,0,.18);
}
.certificate-box:hover img{
	transform:scale(1.12);
}
.lab-card{
	overflow:hidden;
	border-radius:20px;
	height:320px;
	cursor:pointer;
}
.lab-card img{
	width:100%;
	height:100%;
	object-fit:cover;
	transition:1.2s;
}
.lab-card:hover img{
	transform:scale(1.15);
}
.swiper{
	padding-bottom:60px;
}
.swiper-button-next,
.swiper-button-prev{
	width:50px;
	height:50px;
	background:#fff;
	border-radius:50%;
	box-shadow:0 10px 30px rgba(0,0,0,.15);
	color:#0d6efd;
}
.swiper-button-next:after,
.swiper-button-prev:after{
	font-size:18px;
	font-weight:bold;
}
.swiper-button-next, .swiper-button-prev{
	color: #000!important;
	background: none;
}
.bacswipe{
	background: #f8fafc;
	padding: 50px;
}
/*-- certificate page end --*/
/*-- logostics page --*/
.about-cards{
	background:#f8fafc;
}
.about-card{
	background:#fff;
	border-radius:25px;
	padding:25px;
	box-shadow:0 20px 50px rgba(0,0,0,.08);
	transition:.45s;
	overflow:hidden;
	position:relative;
}
.about-card:hover{
	transform:translateY(-8px);
	box-shadow:0 30px 70px rgba(0,0,0,.15);
}
.card-image{
	overflow:hidden;
	border-radius:18px;
	height:380px;
}
.card-image img{
	width:100%;
	height:100%;
	object-fit:cover;
	transition:1.2s;
}
.about-card:hover img{
	transform:scale(1.12);
}
.card-content{
	padding:20px 35px;
}
.number{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:70px;
	height:70px;
	border-radius:50%;
	background:#88b6ff;
	color:#fff;
	font-size:28px;
	font-weight:700;
	margin-bottom:20px;
}
.card-content h2{
	font-weight:700;
	margin-bottom:20px;
}
.card-content p{
	color:#666;
	line-height:1.9;
	margin-bottom:30px;
}
.btn-primary{
	padding:12px 30px;
	border-radius:50px;
}
.about-card::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:6px;
	height:100%;
	background:#88b6ff;
	transition:.4s;
}
.about-card:hover::before{
	width:12px;
}
@media(max-width:991px){
	.card-image{
		height:280px;
		margin-bottom:25px;
	}
	.card-content{
		padding:10px;
		text-align:center;
	}
	.number{
		margin:auto auto 20px;
	}
}
.parallax-section{
    position:relative;
    height:100vh;
    display:flex;
    overflow:hidden;
}
.parallax-bg {
  position: absolute;
  inset: -217px 0;
  background: url("../img/logbacimgsecnew.jpeg") top center no-repeat;
  will-change: transform;
  background-size: 100%;
}
.overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
}

.parallax-section .container{
    z-index:2;
}
.parallax-bgnxt{
    background:url("../img/logbacimgsecnxt.jpg") center center/cover no-repeat;
    transform:translateY(0);
}
.contectlog {
  font-size: 14px;
  line-height: 20px;
  padding-top: 61px;
}
.contectlognxt {
  font-size: 14px;
  line-height: 20px;
  padding-right: 514px;
  padding-top: 20px;
}
.contectlognewtxt {
  font-size: 21px;
  font-weight: 100;
  line-height: 28px;
  text-align: center;
  margin-top: 15px;
}
/*-- logostics page end--*/
.achivetext{
	text-align: center;
	font-size: 13px;
	margin-top: 10px;
	padding: 0 10px;
}
/*-- career --*/
.career-banner{
	height:520px;
	display:flex;
	align-items:center;
	position:relative;
	background:url(assets/img/career-banner.jpg) center/cover;
}
.career-banner .overlay{
	position:absolute;
	inset:0;
	background:linear-gradient(rgba(0,30,60,.8),rgba(0,0,0,.5));
}
.career-banner .container{
	position:relative;
	z-index:2;
}
.career-banner h1{
	font-size:70px;
	font-weight:800;
	color:#fff;
}
.career-banner p{
	color:#ddd;
	font-size:20px;
	margin:25px 0;
}
.career-banner span{
	color:#ffc107;
	letter-spacing:3px;
	font-weight:600;
}
.why-card{
	background:#fff;
	padding:40px;
	text-align:center;
	border-radius:20px;
	transition:.4s;
	box-shadow:0 10px 30px rgba(0,0,0,.08);
	height:100%;
}
.why-card:hover{
	transform:translateY(-10px);
}
.why-card i{
	font-size:50px;
	color:#88b6ff;
	margin-bottom:20px;
	transition:.5s;
}
.why-card:hover i{
	transform:rotateY(180deg);
}
.image-box {
  position: relative;
  top: -271px;
}
.image-box img{
	transition:1.5s;
}
.image-box:hover img{
	transform:scale(1.12);
}
.job-card{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:35px;
	background:#fff;
	border-radius:18px;
	margin-bottom:25px;
	transition:.4s;
	box-shadow:0 8px 25px rgba(0,0,0,.08);
	border-left:5px solid transparent;
}
.job-card:hover{
	border-left:5px solid #0057b8;
	transform:translateX(8px);
}
.career-form{
	background:#fff;
	padding:50px;
	border-radius:25px;
	box-shadow:0 20px 50px rgba(0,0,0,.08);
}
.form-control,
.form-select{
	height:58px;
	border-radius:12px;
}
textarea.form-control{
	height:auto;
}
/*-- career end --*/
/*-- blog page --*/
.blog-banner{
    height:420px;
    background:url(images/blog-banner.jpg) center/cover;
    position:relative;
    display:flex;
    align-items:center;
}
.blog-banner::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.55);
}
.blog-banner .container{
    position:relative;
    z-index:2;
}
.blog-banner h1{
    color:#fff;
    font-size:60px;
    font-weight:700;
}
.blog-banner p{
    color:#ddd;
    max-width:650px;
}
.search-box{
    margin-top:-40px;
    position:relative;
    z-index:10;
}
.search-box .card{
    border:none;
    border-radius:15px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}
.category-btn{

    background:#fff;
    border-radius:40px;
    padding:10px 22px;
    color:#333;
    text-decoration:none;
    transition:.4s;
    border:1px solid #eee;
    display:inline-block;
    margin:5px;
}
.category-btn:hover{

    background:#0d6efd;
    color:#fff;
    transform:translateY(-3px);
}
.featured-blog{
    overflow:hidden;
    border-radius:20px;
    box-shadow:0 20px 45px rgba(0,0,0,.08);
    background:#fff;
}
.featured-blog img{
    transition:1s;
}
.featured-blog:hover img{
    transform:scale(1.08);
}
.badge-custom{
    background:#0d6efd;
    color:#fff;
    padding:8px 18px;
    border-radius:30px;
}
.blog-content{
    padding:35px;
}
.blog-card{
    border:none;
    overflow:hidden;
    border-radius:18px;
    transition:.4s;
    box-shadow:0 12px 30px rgba(0,0,0,.06);
}
.blog-card:hover{
    transform:translateY(-10px);
}
.blog-card img{
    transition:1s;
}
.blog-card:hover img{
    transform:scale(1.08);
}
.blog-card .card-body{
    padding:28px;
}
.read-btn{
    text-decoration:none;
    color:#0d6efd;
    font-weight:bold;
}
.read-btn:hover{
    letter-spacing:1px;
}
.sidebar-card{
    border:none;
    border-radius:18px;
    box-shadow:0 15px 35px rgba(0,0,0,.06);
}
.sidebar-title{
    font-weight:700;
    margin-bottom:20px;
}
.recent-post{
    display:flex;
    margin-bottom:18px;
    gap:15px;
}
.recent-post img{
    width:80px;
    height:80px;
    object-fit:cover;
    border-radius:10px;
}
.tag{
    display:inline-block;
    margin:5px;
    background:#f3f3f3;
    padding:8px 15px;
    border-radius:30px;
    text-decoration:none;
    color:#555;
}
.tag:hover{
    background:#0d6efd;
    color:#fff;
}
.newsletter{
    background:#0d6efd;
    color:#fff;
    padding:70px;
    border-radius:20px;
}
.newsletter input{
    height:55px;
}
.page-link{
    border:none;
    color:#333;
}
.page-item.active .page-link{
    background:#88b6ff;
}

@media(max-width:768px){
	.blog-banner{
		height:320px;
	}
	.blog-banner h1{
		font-size:42px;
	}
	.newsletter{
		padding:35px;
	}
}
/*-- blog page end--*/
/*-- product page --*/
.product-section{
    position:relative;
    padding:80px 0;
    overflow:hidden;
}
.product-section::before{
    content:"";
    position:absolute;
    left:-100px;
    top:0;
    width:350px;
    height:350px;
    opacity:.18;
}
.product-section::after{
    content:"";
    position:absolute;
    right:-80px;
    bottom:0;
    width:350px;
    height:350px;
    opacity:.18;
}
.product-image img{
    width:100%;
    object-fit:cover;
    box-shadow:0 20px 50px rgba(0,0,0,.15);
}
.table{
    border:1px solid #777;
}
.table td,
.table th{
    text-align:center;
    vertical-align:middle;
    border:1px solid #888;
    padding:14px;
}
.table thead th{
    background:#d9dee3;
    color:#333;
}
.blue-row td{
    background:#333333;
    color:#fff;
}
.table tbody tr:nth-child(even):not(.blue-row){
    background:#efefef;
}
.section-gap{
    margin-top:90px;
}
.section-gap-font h2 {
  font-size: 23px;
  border-bottom: 1px #ededed dashed;
  font-weight: 700;
  color: #fff;
  display: inline-block;
  width: 100%;
  clear: both;
  background: #383938;
  margin-top: 20px;
  padding: 15px;
  margin-top: 0;
}
.minus{
	margin-top: -8px;
}
.bottom-note{
    font-size:18px;
	background-color:#000;
	text-align: center;
	padding: 20px 0;
}
.bottom-note p{
	margin-bottom: 15px;
	color: #fff;
}
.bottom-note strong{
    color:#fff;
}
.product-image{
    position: relative;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0,0,0,.15);
    cursor: pointer;
	/*height: 359px;
    margin-top: 47px;*/
}

.product-image img{
    width:100%;
    display:block;
    transform:scale(1);
    transition:
        transform 1.8s cubic-bezier(.19,1,.22,1),
        filter 1.2s ease;
    will-change:transform;
}
/* Smooth Zoom */
.product-image:hover img{
    transform:scale(1.12);
    filter:brightness(1.08);
}
@media(max-width:991px){
	.product-image{
	 margin-top:40px;
	}
	.section-gap{
	 margin-top:60px;
	}
}
.productback{
	background:#f4f5fb;
}
.pricing-wrapper{
    background:#383938; 
    padding:20px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
	color:#fff;
}
.pricing-info h2{
    font-size:52px;
    font-weight:700;
    line-height:1.1;
    color:#47396d;
}
.pricing-info h2 span{
    display:block;
}
.line{
    width:70px;
    height:3px;
    background:#d5d5d5;
    margin:25px 0;
}
.pricing-info p{
    color:#777;
    line-height:1.8;
    font-size:15px;
}
.feature-box{
    margin-top:50px;
    border-radius:15px;
    overflow:hidden;
    background:#f8f8fc;
    box-shadow:0 8px 20px rgba(0,0,0,.04);
}
.feature-item{
    padding:22px 22px;
    border-bottom:1px dashed #ddd;
    transition:.35s;
}
.feature-item:last-child{
    border-bottom:none;
}
.feature-item:hover{
    background:#ffffff;
    transform:translateX(8px);
}
.feature-item h6{
    font-weight:600;
    margin-bottom:4px;
}
.feature-item small{
    color:#999;
}
.price-header{
    margin-bottom:45px;
}
.plan{
    text-align:center;
}
.plan h6{
    font-size:18px;
    margin-bottom:18px;
    color:#555;
    font-weight:600;
}
/*=========================
 Table
==========================*/
.pricing-table{
    border-radius:15px;
    overflow:hidden;
}
.table-row{
    min-height:50px;
    border-bottom:1px dashed #333;
    transition:.35s;
}
.table-row:last-child{
    border-bottom:none;
}
.table-row:hover{
    background:#fafcff;
	color: #000;
}
.table-row .col {
  padding: 16px;
  font-size: 15px;
}
/*=========================
 Icons
==========================*/
.check{
    margin-right:10px;
    font-size:18px;
}
.green{
    color:#34d399;
}
.blue{
    color:#38bdf8;
}
.pink{
    color:#ec4899;
}
.orange{
    color:#f59e0b;
}
/*=========================
 Column Hover
==========================*/
.price-header .col:hover,
.table-row .col:hover{
    background:#f7f8ff;
    transition:.35s;
}
@media(max-width:991px){
	.pricing-info{
		text-align:center;
		margin-bottom:40px;
	}
	.line{
		margin:20px auto;
	}
	.feature-box{
		margin-bottom:50px;
	}
	.price-header .col{
		margin-bottom:25px;
	}
}
@media(max-width:767px){
	.pricing-wrapper{
		padding:25px;
	}
	.pricing-info h2{
		font-size:38px;
	}
	.price{
		width:120px;
		height:50px;
		font-size:30px;
	}
	.table-row{
		font-size:13px;
		overflow-x:auto;
	}
	.table-row .col{
		padding:18px 12px;
	}
}
/*-- product page end --*/
/*-- product page another --*/
.cinematic-story {
    position: relative;
    background: #050505;
}
.story-pin {
    height: 100vh;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.story-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
	background: url("img/Silico-Manganese-SiMn-big.png") no-repeat;
}
.story-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.08);
    will-change: transform, opacity;
}
.story-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    /*background:
    linear-gradient(
        90deg,
        rgba(0,0,0,.82) 0%,
        rgba(0,0,0,.45) 45%,
        rgba(0,0,0,.25) 100%
    );*/
        pointer-events: none;
 }
/* Bottom gradient */
        .story-overlay::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 40%;
            /*background:
                linear-gradient(
                    transparent,
                    rgba(0,0,0,.7)
                );*/
        }
        .story-content-wrapper {
            position: relative;
            width: 100%;
            height: 100%;
            z-index: 5;
            display: flex;
            align-items: flex-start;
            padding: 0 8%;
        }
        .story-content {
            width: 100%;
            position: relative;
        }
        .story-item {
            position: absolute;
            left: 0;
            top: 50%;
            width: 100%;
            transform:
                translateY(-50%)
                translateY(80px);
            opacity: 0;
            visibility: hidden;
            will-change: transform, opacity;
            filter: blur(8px);
        }
        .story-item.active {
            opacity: 1;
            visibility: visible;
            transform:
                translateY(-50%)
                translateY(0);
            filter: blur(0);
        }
        .story-number {
            font-size: 13px;
            letter-spacing: 5px;
            text-transform: uppercase;
            margin-bottom: 25px;
            color: rgba(255,255,255,.65);
        }
        .story-title {
            font-size: clamp(
                55px,
                8vw,
                120px
            );
            line-height: .88;
            font-weight: 700;
            letter-spacing: -4px;
            margin-bottom: 35px;
        }
        .story-description {
            max-width: 520px;
            font-size: 18px;
            line-height: 1.7;
            color: rgba(255,255,255,.72);
            margin-bottom: 35px;
        }
        .story-btn {
            display: inline-flex;
            align-items: center;
            gap: 15px;
            padding: 14px 28px;
            color: #fff;
            border: 1px solid rgba(255,255,255,.45);
            text-decoration: none;
            transition: .4s ease;
        }
        .story-btn:hover {
            background: #fff;
            color: #000;
            border-color: #fff;
        }
        .story-progress {
            position: absolute;
            z-index: 10;
            right: 5%;
            top: 50%;
            transform: translateY(-50%);
        }
        .progress-line {
            width: 1px;
            height: 180px;
            background: rgba(255,255,255,.2);
            position: relative;
        }
        .progress-fill {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 0%;
            background: #fff;
        }
        .progress-numbers {
            position: absolute;
            right: 8px;
            top: 0;
            height: 180px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            font-size: 11px;
            letter-spacing: 2px;
            color: rgba(255,255,255,.5);
        }
        @media (max-width: 767px) {
            .story-pin {
                height: 100svh;
            }
            .story-overlay {
                /*background:
                    linear-gradient(
                        180deg,
                        rgba(0,0,0,.35),
                        rgba(0,0,0,.75)
                    );*/
            }
            .story-content-wrapper {
                padding: 0 25px;
                align-items: flex-end;
                padding-bottom: 80px;
            }
            .story-content {
                width: 100%;
            }
            .story-item {
                filter: blur(4px);
            }
            .story-number {
                font-size: 10px;
                letter-spacing: 3px;
                margin-bottom: 15px;
            }
            .story-title {
                font-size: clamp(
                    48px,
                    15vw,
                    72px
                );
                letter-spacing: -2px;
                margin-bottom: 20px;
            }
            .story-description {
                font-size: 15px;
                line-height: 1.6;
                margin-bottom: 22px;
                max-width: 100%;
            }
            .story-btn {
                padding: 11px 20px;
                font-size: 14px;
            }
            .story-progress {
                right: 20px;
                top: 45%;
                transform: translateY(-50%);
            }
            .progress-line {
                height: 120px;
            }
            .progress-numbers {
                height: 120px;
                right: 15px;
            }
        }
        @media (prefers-reduced-motion: reduce) {
            .story-bg img,
            .story-item {
                transition: none !important;
                animation: none !important;
            }
        }
		.padsec{
			padding: 20px;
			margin-top: 40px;
            background: #383938;
		}

/*-- product page end --*/

.award-section{
    padding:140px 0;
    background: linear-gradient(147deg,rgba(255, 255, 255, 1) 20%, rgba(169, 131, 215, 1) 63%, rgba(75, 49, 148, 1) 100%);
    overflow:hidden;
}

.awardSwiper{
    overflow:visible;
}

.swiper-slide{
    transition:.6s;
    text-align:center;
}

.swiper-slide img{
    width:100%;
    max-width:420px;
    border-radius:18px;
    display:block;
    margin:auto;
    filter:blur(8px) brightness(.45);
    transform:scale(.82);
    transition:.6s;
}
.swiper-slide h3 {
  color: #fff;
  margin-top: 12px;
  opacity: 0;
  transform: translateY(20px);
  transition: .5s;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
}
.swiper-slide-active img{
    filter:none;
    transform:scale(1);
}
.swiper-slide-active h3{
    opacity:1;
    transform:translateY(0);
}
.swiper-slide-prev img,
.swiper-slide-next img{
    filter:blur(8px) brightness(.45);
    transform:scale(.82);
}
.achievementoverlay{
	position: absolute;
    inset: 0;
    background: url("../img/achievement.jpg") top center;
	background-size: cover;
}