*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}
figure{
    overflow: hidden;
}
.image img{
    display: block;
    cursor: pointer;
}
.image .zoom-in img{
    animation: zoom-in-zoom-out 10s linear infinite;
}
@keyframes zoom-in-zoom-out{
0%{
    transform: scale(1);
}50%{
    transform: scale(1.5);
}
100%{
    transform: scale(1);
}
}
@media(max-width:990px){
    .navbar-collapse{
        background-color: rgb(34, 34, 58);
    }
}
.card{
    transition: 0.5s;
}
.card:hover{
    box-shadow: 0 0 20px 0 rgba(34,34,58,0.5);
    transform: scale(1.03);
}

.navbar .navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28500, 260, 260, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.header{
    position: relative;
    width: 100%;
}
.header-inner{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    background-color: transparent;
}
.nav-item .nav-link{
    display: block;
    color: #fff;
    transition: 0.15s;
}
.nav-item .nav-link:hover{
    color: rgb(217, 217, 230);
}
.navbar-scroll{
    background-color: rgb(34,34,58);
    padding: 0 7rem;
    position: fixed;
    top: 0;
    z-index: 2;
    box-shadow: 0 1px 10px rgba(34,34,58,0.7);
    transition-duration: 0.6s;
}
.learn,.learn1,.learn2,.learn3,.learn4,.learn5{
    display: none;
    padding-top: 8rem;
    padding-bottom: 8rem;
}
@media (max-width:520px){
    .navbar-scroll{
        padding: 0 1rem;
        transition: 0.5s;
    }}
@media only screen and(min-width:1200px){
    .nav-item > .nav-link{
        padding: 5px 20px !important;
        display: block !important;
    }
}
@media only screen and(min-width:992px){
  .header-inner{
    background-color: rgb(34,34,58) !important;
  }
  .nav-item > .nav-link{
    color: #fff !important;
}
}
.after-caption, .page1-img, .page2-img, .page3-img, .page1-content,
 .card-1, .card-2, .card-3,.about-para,.about-clint,.card1-1,.card1-2,.card1-3,.carousel-para1,
 .carousel-para2,.card-11,.card22,.card33,.page-img,.page-content{
    opacity: 0;
}
.after-caption .animate__animated, .page1-img .animate__animated, .page2-img .animate__animated,
 .page3-img .animate__animated, .page1-content .animate__animated,.card-1 .animate__animated,
 .card-2 .animate__animated,.card-3 .animate__animated,.about-para .animate__animated,.about-clint .animate__animated,.card1-1 .animate__animated,.card1-2 .animate__animated,
 .card1-3 .animate__animated,.carousel-para1 .animate__animated,.carousel-para2 .animate__animated,
 .card-11 .animate__animated,.card-22 .animate__animated,.card-33 .animate__animated,.page-img .animate__animated,
 .page-content .animate__animated{
    opacity: 1;
}
/* About us page starts */
 
/* About us page ends */
/* Brands page starts */
.Image img:hover{
  transform: scale(1.07);
  transition: 0.5s;
}

/* Brands page ends */
/* new page starts */
.new-img1{
    width: 100%;
    background: url('./images/new1.jpg') no-repeat center;
    background-size: cover;
    background-attachment: fixed;
    background-position:0 1.9125px;
    padding: 23rem 0;
}
.new-img2{
    width: 100%;
    background: url('./images/new2.jpg') no-repeat center;
    background-size: cover;
    background-attachment: fixed;
    background-position:0 1.9125px;
    padding: 23rem 0;
    z-index: 1;
}
.new-img3{
    width: 100%;
    background: url('./images/new3.jpg') no-repeat center;
    background-size: cover;
    background-attachment: fixed;
    background-position:0 1.9125px;
    padding: 23rem 0;
    z-index: 2;
}
.new-img4{
    width: 100%;
    background: url('./images/new4.jpg') no-repeat center;
    background-size: cover;
    background-attachment: fixed;
    background-position:0 1.9125px;
    padding: 23rem 0;
    z-index: 3;
}
.new-img5{
    width: 100%;
    background: url('./images/new5.jpg') no-repeat center;
    background-size: cover;
    background-attachment: fixed;
    background-position:0 1.9125px;
    padding: 23rem 0;
    z-index: 4;
}
/* new page ends */
/* contact page starts */
.form-work{
    width: 40%;
}
@media(max-width:780px){
    .form-work{
        width: 100%;
    }
}
/* contact page ends */