/* 1 */
/* 7500 */
h1.title1 {
    line-height:1.5
}

h1.title1 {
    color:#292d68;
    font-size:40px !important;
}

h2.title2 {
    font-size:35px !important;
}

h1.responsive_title1 {
    color:#1B0069;
    font-size:calc(18px + 1.5vw) !important;
}

h2.responsive_title2 {
    font-size:calc(12px + 1.5vw) !important;
    font-weight: lighter;
    font-family: raleway;
    text-transform: uppercase;
}

h3.responsive-font-size {
  	font-family: raleway;
	font-size: 2rem;
  	color:#2D2767;
}


.card-product h3 {
  font-family: Open Sans, sans-serif;
  font-size: 1.125rem;
  color: #292D68;
  max-height: 3.6em;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

h3 {
	font-family: raleway;
  	font-size: 1; !important;
    color:#2D2767;
}

.products-slider-box .swiper-wrapper {
    max-width: 261px;
}

.nos-gammes .swiper-wrapper {
    max-width: 180px;
}

.nos-gammes .swiper-button {
    position: relative;
    bottom: 170px;
    z-index: 1;
    background: none;
    border: none;
}

.gammes-body {
    border: none;
}

.card-gammes-small {
    text-decoration: none;
    background-color: #FFFFFF;
    position:relative;
}

.card-gammes-small:hover {
    transition: all 0.2s ease-out;
    top: -4px;
}

.card-gammes-name {
    background-color: #FFFFFF;
    padding:5px;
}



.swiper-slide {
    display: flex;
    height: auto !important;
}

.products-slider-bg:before {
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1;
    background: transparent url('https://groupeperret-img.s3.eu-central-1.amazonaws.com/homepage/selection-espace-vert.jpg');
    background-size: cover;
    height: 430px;
    transform: translateY(-80px);
}


.products-slider-bg-ev:before {
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1;
    background: transparent url('https://groupeperret-img.s3.eu-central-1.amazonaws.com/homepage/Selection-EV-Home-Page.jpg');
    background-size: cover;
    height: 430px;
    transform: translateY(-80px);
}

.products-slider-bg-hp:before {
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1;
    background: transparent url('https://groupeperret-img.s3.eu-central-1.amazonaws.com/homepage/Selection-HP-Home-Page.jpg');
    background-size: cover;
    height: 430px;
    transform: translateY(-80px);
}

.products-slider-bg-go:before {
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1;
    background: transparent url('https://groupeperret-img.s3.eu-central-1.amazonaws.com/homepage/Selection-GO-Home-Page.jpg');
    background-size: cover;
    height: 430px;
    transform: translateY(-80px);
}


.card-body {
    border: 1px solid #CDC3A8;
}

.card-product-small {
    text-decoration: none;
    background-color: #FFFFFF;
    border: 1px solid #edece7;
    border-radius: 4px;
    position:relative;
}

.card-product-small:hover {
    transition: all 0.2s ease-out;
    box-shadow: 0px 4px 8px rgba(38, 38, 38, 0.2);
    top: -4px;
    border: 1px solid #cccccc;
}

.card-product-name {
    background-color: #FFFFFF;
    padding:5px;
}

.responsive-font-size {
    font-size: 2.5em;
}

.carousel-text {
}

#banner .carousel-control-next, #banner .carousel-control-prev {
    width:10%;
    opacity: 0.4 !important;
}

#home-slider .carousel-indicators [data-bs-target] {
  background-color: rgb(109, 113, 154) !important;
  z-index:2000 !important;
  opacity: 0,6 !important;
}

/*
#banner .carousel-control-next:hover, #banner .carousel-control-next:focus, #banner .carousel-control-prev:hover, #banner .carousel-control-prev:focus {
  opacity: 0.8 !important;
  border-radius: 12px;
  background:#ffffff;
}
*/

#banner .carousel-control-next-icon,  #banner .carousel-control-prev-icon {
    background-color: #575B96 !important;
    border: 2px solid #ffffff !important;
}

/*
 #banner .carousel-control-next-icon:hover,  #banner .carousel-control-prev-icon:hover,  #banner .carousel-control-next-icon:focus,  #banner .carousel-control-prev-icon:focus{
  background-color: #000000 !important;
}
*/

.btn-secondary {
    color:#1b0069;
    background:#edece7;
}

.btn-secondary:hover, .btn-secondary:focus{
    color:#edece7;
    background-color:#1b0069;
}

.btn-secondary:active {
    background-color :#FFFFFF;
}

.btn-outline-primary {
    background:#fff;
    color: linear-gradient(194deg, #FBA229 0%, #EA9641 100%);
}

.btn-outline-primary:hover, .btn-outline-primary:focus{
    background:#fff;
    color: linear-gradient(194deg, #FBA229 0%, #FBA229 100%);
}

.btn-outline-primary:active {
    background:linear-gradient(194deg, #FBA229 0%, #FBA229 100%) !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}

.btn-outline-primary2:active {
    background:#fff !important;
    color: linear-gradient(194deg, #FBA229 0%, #EEAB67 100%) !important;
}


.card {
    display: block;
    top: 0px;
    position: relative;
    background-color: #FFFFFF;
    border-radius: 4px;
    text-decoration: none;
    z-index: 0;
    overflow: hidden;
    border: 1px solid #edece7;
}

.card-with-boxes-container.card-body:hover {
    transition: all 0.2s ease-out;
    box-shadow: 0px 4px 8px rgba(38, 38, 38, 0.2);
    top: -4px;
}

.card-with-boxes-right {
    grid-template-columns: 1fr 261px ; !important;
}

.card:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -16px;
    right: -16px;
    height: 32px;
    width: 32px;
    border-radius: 32px;
    transform: scale(2);
    transform-origin: 50% 50%;
    transition: transform 0.15s ease-out;
}

.card:hover:before {
    transform: scale(2.15);
}

.offset-2{
    margin-left:10%;
}

.swiper-button {
    position: relative;
    bottom: 210px;
    z-index: 1;
    background: none;
    border: none;
}

.swiper-button.prev {
    left: -5rem;
}

.swiper-button.next {
  	left: -moz-calc(100% - (5rem));
    left: -webkit-calc(100% - (5rem));
    left: calc(100% - (5rem));
}

.swiper-button i {
    font-size: 60px;
    color: gray;
}

.category-img {
    border-radius: 50%;
}

.block-preference {
    padding-left: 5%;
    padding-right: 25%;
    position: relative;
}

.block-preference > * {
    position: relative;
}

.block-preference:before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.25);
}

.fs-category {
    font-size: calc(12px + 0.25vw);
}

.btn-hover-primary:hover {
    color: white !important;
    background-color: #EA9641;
}

.btn-hover-green:hover {
    color: white !important;
    background-color: #A0C555;
}

.btn-hover-green:active:hover {
    color: #A0C555 !important;
    background-color: white !important;
}

.card-avatar {
    padding-right: 0px;
    padding-top: 0px;
}

@media screen and (max-width: 1200px) {
    .responsive-font-size {
        font-size: 1.15em;
    }
}