/* ABOUT US */



.about-us h2 {



    margin: 7px 0 35px;

}



.about-us p {

    font-size: 20px;

}



.about-us .signature {

    margin: 25px 0 15px;

}



@media (min-width: 1200px){

    .about-us .head-subtext, .about-us h2 {

        margin-left: -70px;

    }

}



@media (min-width: 1400px) {

	.about-us .head-subtext, .about-us h2 {

        margin-left: 0;

    }

}







/* Certificates */



.certificates {

    background-size: cover;

    color: white;

    padding: 40px 0;

}



.certificates .head-subtext , .certificates h2 {

    color:white;

}





.certificates .carousel-control-next, .certificates .carousel-control-prev {

    width:55px;

    height: 55px;

    border-radius: 50%;

    background-color: transparent;

    border: 1px solid #828282;

    position: static;

    opacity: 1;

}



.certificates .carousel-control-next {

    background: var(--primary);

    border-color: var(--primary);

    color:var(--black)

}



@media (min-width: 768px){

	.certificates {

		padding: 100px 0;

	}



    .certificates article > div:nth-of-type(1) {

        order: 2;

    }

}



/* Chose US */



.choose-us article > div {

    flex-basis: 50%;

}



.choose-us .content {

    display: flex;

    justify-content: end;

    padding: 80px 0;

}



@media (min-width: 1600px){

    .choose-us .content > div {

        width: 70%;

    }

}



.choose-us img {

    width: 100%;

    object-fit: cover;

}



.choose-us .accordion-button {

    width: 60%;

    font-size: 20px;

    background-color: var(--light-grey);

    clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);

}



.choose-us .accordion-item {

    border:none;

    margin-bottom: 10px;

}



.choose-us .accordion-button:not(.collapsed) {

    background-color: var(--primary);

    color: white;



}



.choose-us .accordion-button::after {

    content:none;

}





.choose-us .accordion-body {

    border: 1px solid var(--line-color);

    padding-top: 40px;

    margin-top: -25px;

}



.accordion-button:focus {

    outline:none;

    box-shadow: none;

}



.choose-us .content > div {

    padding: 20px;

}



/* CONTACT FORM */



.contact-form {

    padding: 150px 0;

}



.contact-form button {

	padding: 15px 50px;

}





/* Popular Categories */



.popular-categories {

    padding: 40px 0;

    background-color: var(--light-grey);

}



.popular-categories article {

    margin-top: 30px;

    color: white;

}



@media (min-width: 767px) {

	.popular-categories {

		padding: 80px 0;

  }

  

  .popular-categories article {

		margin-top: 80px;

  }

}





.popular-categories article > div {

    background-position: center center;

    background-size: cover;

    height: 500px;

    padding: 20px;

    position: relative;

}









.popular-categories article a {

    background: var(--primary);

    font-size: 30px;

    width: 65px;

    height: 65px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    position: absolute;

    left: 40px;

    bottom: 30px;

    color: var(--black);

    text-decoration: none;

}



@media (max-width: 991px){

    .popular-categories article a {

        left: 20px;

    }

}



@media (min-width: 992px){

    .popular-categories article > div {

        padding: 40px;

    }

}



.popular-categories article h3 {

    font-size: 32px;

    margin-bottom: 20px;

    font-weight: 600;

}

.popular-categories article  p {

    font-size: 18px;

    font-weight: 600;

}





.popular-categories article > div  p, .popular-categories article > div a {

    visibility: visible;

    opacity: 1;

    transition: all .3s ease-in-out;

}



.popular-categories article > div:hover  p, .popular-categories article > div:hover a {

    visibility: visible;

    opacity: 1;

}



@media (min-width: 767px) {

	.popular-categories article > div  p, .popular-categories article > div a {

		visibility: hidden;

		opacity: 0;

  }

}



@media (min-width:768px) and (max-width: 991px){

    .popular-categories article > div {

        height: 400px;

    }

    .popular-categories article h3 {

        font-size: 28px;

    }

}















/* SUPPLIERS */



.sup-holder > div  {

    opacity: .5;

    transition: all .3s ease-in-out;

}



.sup-holder > div:hover {

    opacity:1;

}

@media(max-width:767px){

    .sup-holder > div {

        width: 40%;

    }

}





/* SUPPLIERS CAROUSEL */

.splide__slide {

	display: flex;

	align-items: center;

	justify-content: center;

}



.splide__slide img {

	height: 100%;

	object-fit: contain;

}



@media (max-width: 767px){

    .inner-section {

        text-align: center;

    }

/*     

    .inner-section h1 {

        font-size: 40px;

    } */



    .inner-section > div {

        background-color: rgba(0,0,0,.7);

    }



    .inner-section p {

        opacity: .8;

    }



    .about-us p {

        font-size: 16px;

        color:var(--grey)

    }

   



    .primary-btn, .light-btn {

        padding: 15px 25px;

    }



    .popular-categories article > div {

        height: 360px;

        margin-bottom: 20px;

    }



    .popular-categories article h3 {

        font-size: 20px;

    }

    .popular-categories article p {

        font-size: 16px;

    }

    .choose-us .content {

        display: flex;

        justify-content: end;

        padding: 30px 0;

    }

    .choose-us .accordion-button {

        width: 80%;

    }

    .contact-form {

        padding: 50px 0;

    }



    .testimonials {

        padding: 50px 0;

    }

}





/* TESTIMONIALS */



.testimonials {

    padding: 80px 0;

}



.testimonial-name span {

    display: flex;

    width: 60px;

    height: 60px;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    background-color: var(--primary);

    color:white;

}



.testimonials .carousel-indicators [data-bs-target] {

    background-color: var(--primary);

}



.testimonials .carousel-indicators {

    bottom: -50px;

}