.elementor-93 .elementor-element.elementor-element-ca04540{--display:flex;--min-height:100vh;--margin-top:-170px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-93 .elementor-element.elementor-element-fed7431{width:100%;max-width:100%;}.elementor-93 .elementor-element.elementor-element-b52ce810 > .elementor-container{max-width:1440px;}.elementor-93 .elementor-element.elementor-element-b52ce810{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:100px 0px 100px 0px;}.elementor-93 .elementor-element.elementor-element-b52ce810 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-93 .elementor-element.elementor-element-c7f2004{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:left;}.elementor-93 .elementor-element.elementor-element-c7f2004 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:36px;font-weight:600;color:#1E293B;}.elementor-93 .elementor-element.elementor-element-8dd6ff6{width:100%;max-width:100%;}.elementor-93 .elementor-element.elementor-element-998a645{--display:flex;--min-height:50vh;--justify-content:center;}.elementor-93 .elementor-element.elementor-element-998a645:not(.elementor-motion-effects-element-type-background), .elementor-93 .elementor-element.elementor-element-998a645 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF4EC;}.elementor-93 .elementor-element.elementor-element-d238cc0{width:100%;max-width:100%;}.elementor-93 .elementor-element.elementor-element-315ebad{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-93 .elementor-element.elementor-element-315ebad > .elementor-shape-top .elementor-shape-fill, .elementor-93 .elementor-element.elementor-element-315ebad > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#FAF4EC;}.elementor-93 .elementor-element.elementor-element-315ebad > .elementor-shape-top svg, .elementor-93 .elementor-element.elementor-element-315ebad > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:93px;}.elementor-93 .elementor-element.elementor-element-d3957df{width:100%;max-width:100%;}.elementor-bc-flex-widget .elementor-93 .elementor-element.elementor-element-134d8189.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-93 .elementor-element.elementor-element-134d8189.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-93 .elementor-element.elementor-element-134d8189 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-93 .elementor-element.elementor-element-31c35394{text-align:left;}.elementor-93 .elementor-element.elementor-element-31c35394 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:44px;font-weight:500;line-height:1.3em;letter-spacing:0.1px;color:#1E293B;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-93 .elementor-element.elementor-element-29571ea9{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:left;font-family:"Karla", Sans-serif;font-size:18px;line-height:1.6em;letter-spacing:0.3px;color:#757575;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}@media(max-width:1024px){.elementor-93 .elementor-element.elementor-element-31c35394{text-align:left;}.elementor-93 .elementor-element.elementor-element-31c35394 .elementor-heading-title{font-size:37px;}.elementor-93 .elementor-element.elementor-element-29571ea9{text-align:left;font-size:14px;}.elementor-bc-flex-widget .elementor-93 .elementor-element.elementor-element-12e23fcb.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-93 .elementor-element.elementor-element-12e23fcb.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}}@media(max-width:767px){.elementor-93 .elementor-element.elementor-element-ca04540{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-93 .elementor-element.elementor-element-fed7431{margin:-120px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-93 .elementor-element.elementor-element-31c35394 .elementor-heading-title{font-size:30px;}.elementor-93 .elementor-element.elementor-element-29571ea9{font-size:13px;}}@media(min-width:768px){.elementor-93 .elementor-element.elementor-element-998a645{--content-width:1440px;}.elementor-93 .elementor-element.elementor-element-134d8189{width:45.224%;}.elementor-93 .elementor-element.elementor-element-12e23fcb{width:54.554%;}}/* Start custom CSS for html, class: .elementor-element-fed7431 */.hero_section {
    position: relative;

}

.hero_section img {
    width: 100% !important;
    max-height: 100vh;
    object-fit: cover;
}

.hero_section .title_group {
    max-width: 1440px;
    position: absolute;
    top: 50%;
    right: 0%;
    
    display: flex;
    flex-direction: column;
    align-items: center;
}

.title_group h1 {
    font-family: Poppins;
    width: 60%
}

.title_group h2 {
    font-family: Karla;
    width: 60%
}

.title_group a {
    text-decoration: none !important;
    font-family: Karla;
    font-size: 20px;
    border: 1px solid #326A9C;
    padding: 10px 20px;
    border-radius: 20px;
    color: #326A9C;
    cursor: pointer;
    transition: all 0.5s ease;
}

.title_group a:hover {
    color: white;
    background-color: #326A9C;
}

svg path {
    width: 100%;
    fill: #f2b25a
}

@media (max-width: 768px) {
    .hero_section {
        height: 100vh;
    }
    
    .hero_section img {
        height: 100%;
        object-fit: cover;
        object-position: 30%
    }
    
    .hero_section .title_group {
    max-width: 100%;
    width: 100%;
    left: 50%;
    top: 150px;
    padding: 0 25px;
    transform: translate(-50%, 0%);
}
    
    .title_group h1, h2 {
        text-align: center;
        width: 100%;
    }
    
    .title_group a {
        background-color: #326A9C;
        color: white;
        position: absolute;
        bottom: -200px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c848472 */html {
    overflow-x: hidden;
}

.flex-direction-nav {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca04540 */.elementor-93 .elementor-element.elementor-element-ca04540 {
    padding: 0
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-59eaed5 */.elementor-93 .elementor-element.elementor-element-59eaed5 {
    width: fit-content;
    position: absolute;
    top: -50px;
    right: 200px;
    transform: rotate(45deg);
    opacity: 0.3;
}

.fa-paw {
    font-size: 100px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8dd6ff6 */.products_title {
    margin-bottom: 50px;
}

.products_title h2 {
    font-size: 25px;
    font-weight: 400;
    font-family: Poppins
}

.cards {
    display: flex;
    justify-content: space-between;
}

.card {
    max-width: 330px;
    width: 100%;
    height: 500px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    border-radius: 15px;
    transition: all 0.3s ease;
}

.card:hover {
    transform: scale(1.1);
    cursor: pointer;
}

.card1 {
    background-image: url('https://pawmate.fr/wp-content/uploads/2025/04/gamelle_sansFond.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
}

.card2 {
    background-image: url('https://pawmate.fr/wp-content/uploads/2025/04/S293266c69f374c21b3eff10a9263f3cdr.jpg_960x960q75.jpg_.avif');
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
}

.card3 {
    background-image: url('https://pawmate.fr/wp-content/uploads/2025/04/harnais_sansFond.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
}

.bloc_info {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    margin: 0 15px 15px 15px;
    border-radius: 15px;
    padding: 10px;
    width: 100%;
}

.bloc_info h3 {
    font-size: 17px;
    margin: 0;
}

.bloc_info p {
    margin: 0;
}

.bloc_info .see_product {
    color: #1a7efb;
    font-weight: 600;
}

.bloc_info a {
    text-decoration: none !important;
    font-family: Karla;
}

@media (max-width: 768px) {
    .cards {
    display: flex;
    gap: 20px; /* Espace entre les cards */
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 15px;
    -webkit-overflow-scrolling: touch;
}

    .card {
    min-width: 300px;
    height: 500px;
    flex-shrink: 0;
    scroll-snap-align: start;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    border-radius: 15px;
    transition: all 0.3s ease;
}

    
    .card1 {
        width: 100vw;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ab6da6 */.elementor-93 .elementor-element.elementor-element-1ab6da6 {
    width: fit-content;
    position: absolute;
    top: -50px;
    left: 200px;
    transform: rotate(-45deg);
    opacity: 0.3;
}

.fa-paw {
    font-size: 100px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d238cc0 */.why_title h1 {
    text-align: center;
    font-family: Poppins;
}

.why_title h2 {
    font-size: 20px;
    text-align: center;
    font-family: Karla;
    font-weight: 400;
    margin-bottom: 50px;
}

.why_card-group {
    display: flex;
}

.why_card {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 33.33%;
    margin: 0 25px;
}

.why_card svg {
    width: 50px;
    height: 50px;
    margin-bottom: 25px;
}

.why_card h3 {
    font-family: Poppins;
    text-align: center;
    min-height: 65px
}

.why_card1 svg path {
    fill: #EBB45A !important;
}

.why_card2 svg path {
    fill: #EBB45A !important;
}

.why_card3 svg path {
    fill: #EBB45A !important;
}

.why_card p {
    text-align: center;
    font-family: Karla;
    font-size: 18px;
}

@media (max-width: 768px) {
    .why_card-group {
        flex-direction: column;
    }
    
    .why_card {
        max-width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-998a645 */.elementor-93 .elementor-element.elementor-element-998a645 {
    position: relative;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d3957df */.custom-slider {
  position: relative;
  width: 100%;
  max-width: 800px;
  margin: auto;
  overflow: hidden;
  border-radius: 12px;
}

.slides {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.stars {
    max-width: 640px;
    width: 100%;
    margin-bottom: 25px;
}

.stars i {
    font-size: 20px;
    color: #FDCC0D;
}

.slide {
  min-width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  font-weight: bold;
}

.slide p {
    text-align: left;
    margin: 0;
    width: 80%;
    font-family: Karla;
    font-size: 24px;
    margin-bottom: 25px;
    color: #1E293B
}
.name {
    max-width: 640px;
    width: 100%;
}

.name p {
    width: 100%;
    font-weight: 300;
    font-size: 18px;
    font-family: Karla;
    text-align: left;
}

.slider-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
}

.slider-nav button {
  display: flex;
  justify-content: center;
  
  width: 50px;
  height: 50px;
  
  font-size: 3rem;
  line-height: 0.8;
  padding: 0 !important;
  margin: 0;
  
  background: none;
  color: black;
  border: 1px solid black;
  border-radius: 50%;
  padding: 10px 20px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.prev p {
    margin: 0;
}

.slider-nav button:hover {
  background: rgba(0,0,0,0.7);
}

#ast-scroll-top {
    display: none !important;
}

@media (max-width: 768px) {
    
    .stars {
        padding-left: 60px;
    }
    .slide p {
        font-size: 18px;
        width: 60%;
    }
    
    .name {
        padding-left: 60px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0c26f47 */.ff-el-input--label{
    display: none !important;
}/* End custom CSS */