.sub-banner_about{
    background-image: url(../images/aboutus.webp);
}
.sub-banner_shippingterm{
    background-image: url(../images/shipping_term.png);
}
.fixed-sec{
    background-image: url(../images/about-8.webp);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;

}
.fixed-bg{
   text-align: center;
    color: white;
    padding: 2rem;
}
.fixed-bg h3{
    font-size: 42px;
    margin-bottom: 50px;
    line-height: 70px;
}
.focus-sec .box-1{
    text-align: center;
}
.focus-sec{
    background-image: url(../images/focus.webp);
 
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    position: relative;

}
.focus-sec::before{
   content: "";
   position: absolute;
   top:0;
   left: 0;
   background-color: rgba(255,255,255,0.7);
   width: 100%;
   height: 100%;


}
.focus-sec .box-1{
    margin-bottom: 10px;
}
.focus-sec .box-1 img{
    margin-bottom: 20px;

}
.opportunity-sec{
    /* background-image: url(../images/bg\ img.png); */
 
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    position: relative;

}
.opportunity-sec .img-sec{
 
    border-radius: 10px;
 
    box-shadow: rgb(255 214 98 / 25%) 0px 4px 25px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(255, 214, 98);
   height: 10rem;
   padding: 10px 20px;
   text-align: center;


}
.opportunity-sec .img-sec img{
    margin-bottom: 20px;
}
.opportunity-sec .text-sec h5{
    font-size: 34px;
    text-align: center;
    margin-bottom: 27px;

}
.opportunity-sec .text-sec p{
    font-size: 16px;
    line-height: 23px;

}
.focus-sec .row{
    align-items: center;
}
.box-1 img{
   
    transition: 1s ease;
    transform: rotateY(0deg);
    cursor: pointer;
}
.focus-sec .row .col-md-6:hover img {
    transform: rotateY(180deg);
}
.focus-sec .box-1{
    transition: all 0.5s ease;
    overflow: hidden;
    padding: 20px;
   position: relative;
   z-index: 1;

}
.focus-sec .box-1 p{
    font-size: 17px;
}
.focus-sec .box-1 h6{
    font-size: 20px;
}
.focus-sec .box-1:hover{
    background-color: white;
    transform: scale(1.1);
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.focus-sec .box-1:hover p{
    font-weight: 500;
}
.img-sec img{
   
    transition: 1s ease;
    transform: rotateY(0deg);
    cursor: pointer;
}
.opportunity-sec .row .col-md-4:hover img{
    transform: rotateY(180deg);

}
.img-zoom{
    position: relative;
    z-index: 1;
   
}
.img-zoom::after{
    content: "";
    position: absolute;
    top: -40px;
    right: -45px;
    width: 86%;
    height: 120%;
    border: 4px double #532D8D;
    z-index: -1;
}
.img-zoom img{
    transition: all 0.5s ease;
}
.img-zoom img:hover{
    transform: translateX(30px);
}
.air-img {
    animation: air 6s infinite alternate-reverse;
   
}
.air-img {
    position: absolute;
    bottom: -94px;
    right: 0;
    z-index: 1;
}
@keyframes air {
    0%{ transform: scale(0); }
    100%{
     transform: scale(1);
    }
   }
   .main-heading .line {
 
    left: 37%;
   
}
.card{
    border-radius: 10px;
    height: 19rem;
    box-shadow: rgb(255 214 98 / 25%) 0px 4px 25px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(255, 214, 98);

}
.bg_img{
    background-image: url(../images/about-12.png);
    background-size: cover;
}
/* .sec-padd .card-box{
    border-radius: 10px;
    height: 19rem;
    box-shadow: rgb(255 214 98 / 25%) 0px 4px 25px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(255, 214, 98);
    background-color: white;
} */