section.banner-section {
    padding-top: 25px;
    padding-bottom: 25px;
}

.banner-info {
    background-position: 85% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(/images/banner-img.jpg);
    width:100%;
    min-height: 584px;
    border-radius: 40px;
    padding-left:50px;
    padding-right:50px;
    display: flex;
    align-items: center;
}
.banner-text {
    width: 55%;
}
.banner-text .main-btn{
    font-size:15px;
    margin-bottom: 10px;
    display: inline-block;
    font-weight: 400;
}
.banner-text h1{
color:var(--white-color);
}
.banner-text p{
    font-size:21px;
    color:var(--white-color);
}
.swiper-container {
  width: 100%;
  height: 100%;
  position: relative;
}
.swiper--bottom {
      animation-direction: reverse;
}
.swiper-wrapper{
  -webkit-transition-timing-function:linear!important;    transition-timing-function:linear!important; 
  position: relative;
}
.swiper-slide {
  text-align: center;
  font-size: 33px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20%;
  position: relative;
  overflow: hidden;
  padding: 0 15px;
}
.swiper-slide img{
 width: 45px;
 height: 45px;
 object-fit: cover;
 border-radius: 100%;
}
.brand-sec {
    display: flex;
    align-items: center;
    gap: 5px;
}
.brand-sec p{
    font-size:14px;
    margin-bottom:0;
}
section.brand-sec.section-gap {
    padding-bottom: 0;
    padding-left:0;
    padding-right:0;
    padding-top: 0px;
}
section.brand-sec.section-gap .container-fluid{
    padding-left:0;
  padding-right:0;
}
section.featured-products {
    padding-top: 80px;
    padding-bottom: 80px;
}
.head-sec {
    text-align: center;
    margin-bottom: 40px;
}
.featured-img img{
    width:100%;
    height:322px;
    object-fit: cover;
}
.featured-img{
margin-bottom: 15px;
}
.featured-content{
    text-align: center;
}
.featured-content h4{
    font-size: 20px;
    font-weight: bold;
}
.featured-content .main-btn{
    display: inline-block;
}
.featured-main-btn {
    text-align: center;
    margin-top: 30px;
}
.featured-main-btn .main-btn{
    display: inline-block;
}
.shop-img img{
    width:100%;
    height: 410px;
    object-fit: cover;
    border-radius: 20px;
}
.shop-content {
    width: 100%;
    height: 410px;
    padding: 20px;
    background-color: var(--secondary-color);
    border-radius: 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.shop-content img{
        width: 70px;
    position: absolute;
    right: 20px;
    bottom: 20px;
}
.shop-content h3{
    font-size: 28px;
    color: var(--white-color);
    margin-bottom: 20px;
}
.shop-content .main-btn{
    border-color: var(--white-color);
    display:inline-block;
}
section.shop-sec {
    padding-top: 80px;
    padding-bottom: 80px;
    background: var(--lt-bg-color);
}
section.cta-sec {
    background: var(--secondary-color);
    height: 475px;
}
.cta-images img{
    width: 154px;
    height: 154px;
    border-radius: 100%;
}
.cta-images {
    display: flex;
    flex-direction: column;
    gap: 20px;
    z-index: 1;
    width: 100%;
}
.cta-bg {
    display: flex;
    height: 100%;
    align-items: center;
    background: url("/images/cta-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100%;
    position: relative;
}
section.cta-sec .row, section.cta-sec .container-fluid{
    height: 100%;
    padding-left: 0;
    padding-right: 0;
    
}
.cta-overlay {
    background: var(--secondary-color);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.5;
}
.cta-images img.img1 {
    margin-left: auto;
    margin-right: auto;
}
.cta-content {
    display: flex;
    align-items: center;
    justify-content: center;
}
.cta-content .cta-info {
    padding: 30px;
}
.cta-content .cta-info h2{
    color:var(--white-color);
    margin-bottom: 15px;
}
.cta-content .cta-info p{
    /* font-size: 19px; */
    color:var(--white-color);
}
.cta-btn{
    margin-top: 20px;
}
.cta-btn .main-btn{
    display: inline-block;
    border-color: var(--white-color);
}

section.deliver-sec {
    padding-top: 80px;
    padding-bottom: 80px;
}
section.deliver-sec img{
    width:100%;
    height:auto;
    object-fit: cover;
}
section.deliver-sec .row{
gap:25px 0;
}
section.deliver-sec .deliver-btn {
    margin-top: 30px;
    text-align: center;
}
section.deliver-sec .deliver-btn .main-btn{
    display: inline-block;
}
section.about-sec {
    padding-top: 80px;
    padding-bottom: 80px;
    background: var(--lt-bg-color);
}
section.about-sec img{
    width:100%;
    border-radius: 40px;
    height: 400px;
    object-fit: cover;
}
section.about-sec .abt-cont {
    padding-left: 50px;
    display: flex;
    align-items: center;
}
section.about-sec .abt-cont h2{
    margin-bottom: 15px;
}
section.about-sec .abt-cont p{
    /* font-size:16px; */
}
section.about-sec .abt-btn{
margin-top: 20px;
}
section.about-sec .abt-btn .main-btn{
    display: inline-block;
}
section.other-cta {
    padding-top: 80px;
    padding-bottom: 80px;
}
section.other-cta .other-info {
    background: var(--territiary-color);
    border-radius: 30px;
    padding: 40px;
    text-align: center;
}
section.other-cta .other-info h3{
    color:var(--white-color);
    margin-bottom: 0;
}
section.other-cta .other-info h3 span{
    color:var(--heading-color);
}
section.services{
    padding-top: 80px;
    padding-bottom: 80px;
    background: var(--lt-bg-color);
}
section.services .services-list img{
width: 230px;
height: 230px;
object-fit: cover;
border-radius: 100%;
}
section.services .services-list .services-img{
    margin-bottom: 20px;
}
section.services .services-list .services-content {
    text-align: center;
}
section.services .services-list .services-content h4{
    font-size: 24px;
    height: 54px;
    margin-bottom: 10px;
}
section.faq{
    padding-top: 80px;
    padding-bottom: 80px;
}
section.faq .accordion-item {
    margin-bottom: 20px;
    border: 0px solid #fff;
}

section.faq button.accordion-button {
    font-size: var(--f20);
    color: var(--black-color);
    padding: 0px;
    border-bottom: 1px solid #DBDEE3;
    padding-bottom: 30px;
    margin-bottom: 0px;
    padding-left: 49px;
    border-radius: 0 !important;
}

section.faq .accordion-button::after {
    background-image: url("../images/plus1.png");
    transition: all 0.5s;
    width: 31px;
    height: 31px;
    background-color: var(--secondary-color);
    border-radius: 0px;
    background-size: 13px;
    background-position: center;
}

section.faq .accordion-button:hover::after {
    background-color: var(--secondary-color);
}

section.faq .accordion-button:not(.collapsed)::after {
    background-image: url("../images/minus1.png") !important;
    background-position: center 75%;
    background-color: var(--btn-hover);
}

section.faq .accordion-button::after {
    transition: all 0.5s;
    /* margin-left: 0; */
    /* margin-right: auto; */
    position: absolute;
    left: 0;
}

section.faq .accordion-body {
    padding: 15px 18px;
    background: #EFF2F5;
    margin-top: -15px;
    margin-bottom: 10px;
}

section.faq .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: inset 0 0px 0 rgba(0, 0, 0, .125);
    margin-bottom: 0px;
    border-bottom: 0px solid;
}

.faq-btn {
   margin-top: 30px;
    text-align: center;
}
.faq-btn .main-btn{
    display:inline-block;
}
