:root{
    --red:#9c0e1e;
    --blue-opac:#a1c3cc23;
}

/*....header.........*/
header{
    height: 300px;
    width: 100%;
    position: relative;
    background: var(--red);
}

header .navbar{
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
    padding-left: 10px;
    padding-right: 10px;
}
header .dropdown-toggle::after {
    display: none;
}
header .navbar .dropdown-menu[data-bs-popper] {
    top: 100%;
    left: -145px;
}
header .nav-link {
    font-weight: bold;
}
/*....header..........................end*/



/*scroll-animation...........*/
.h2.scroll{
    opacity: 0;
    transform: translateX(-50px);
    transition: 0.5s;
}
.h2.scroll.scrolled{
    opacity: 1;
    transform: translateX(0);
}
.p.scroll{
    opacity: 0;
    transform: translateY(50px);
    transition: 0.5s;
}
.p.scroll.scrolled{
    opacity: 1;
    transform: translateY(0);
}



.a-section-1,.a-section-2,.a-section-3,.a-section-4,.a-section-5,.a-section-6{
    padding-top: 50px;
    padding-bottom: 50px;
    }






/*....a-section-1.........*/
.a-section-1 .a-s1-p{
    padding: 0 50px;
}
/*....a-section-1.................................end*/





/*....a-section-3.........*/
.a-section-3 .asd6{
    justify-content: center;
    display: flex;
}

.a-section-3 .brand-higlt{
   text-align: center;
   margin-bottom: 30px;
   width: 240px;
   padding: 10px 0;
   border-radius: 8px;

}
.a-section-3 img{
    height: 60px;
}



@keyframes rotate-vert-center {
    0% {
        
        transform: rotateY(0deg);
    }
    100% {
        transform: rotateY(360deg);
    }
}

.brand-higlt img.rotate-animation {
   
    animation: rotate-vert-center 1.2s cubic-bezier(0.455, 0.030, 0.515, 0.955) ;
}
/*....a-section-3.............................................end*/





@media only screen and (min-width:700px){
    .a-cf-img{
        height: 200px;
    }
}




/*..........footer.............*/
footer{
    background-color: #973d47db;
    color: white;
    margin-top: 50px;
}
footer a{
    text-decoration: none;
}
@media screen and (max-width:500px) {
    .footer-cnt{
        padding-left: 30px;
    }
    
}
/*..........footer.........................................end*/