.elementor-7661 .elementor-element.elementor-element-437cdcb8{--display:flex;--min-height:80vh;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-7661 .elementor-element.elementor-element-2ee8cd8a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:120px;--padding-right:0px;}.elementor-7661 .elementor-element.elementor-element-741888d9{text-align:start;font-family:"Poppins", Sans-serif;font-size:30px;font-weight:600;color:var( --e-global-color-ac1fd94 );}.elementor-7661 .elementor-element.elementor-element-4b62daf1{text-align:start;}.elementor-7661 .elementor-element.elementor-element-4b62daf1 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:85px;font-weight:800;line-height:1em;color:var( --e-global-color-ac1fd94 );}.elementor-7661 .elementor-element.elementor-element-d21ec79 .elementor-button{background-color:var( --e-global-color-ac1fd94 );font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-ac1fd94 );border-radius:25px 25px 25px 25px;}.elementor-7661 .elementor-element.elementor-element-d21ec79 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-7661 .elementor-element.elementor-element-701810ee{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-7661 .elementor-element.elementor-element-7bdb6ac0{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7661 .elementor-element.elementor-element-466d6221{--display:flex;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7661 .elementor-element.elementor-element-466d6221:not(.elementor-motion-effects-element-type-background), .elementor-7661 .elementor-element.elementor-element-466d6221 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#193E93;background-image:url("https://pupdy.pet/wp-content/uploads/2025/07/mat-truoc-01.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7661 .elementor-element.elementor-element-42810c12{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7661 .elementor-element.elementor-element-42810c12:not(.elementor-motion-effects-element-type-background), .elementor-7661 .elementor-element.elementor-element-42810c12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#193E93;background-image:url("https://pupdy.pet/wp-content/uploads/2025/07/mat-sau-01-1024x643.png");background-position:center center;background-size:cover;}.elementor-7661 .elementor-element.elementor-element-910d247{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7661 .elementor-element.elementor-element-36ad308{--display:flex;--min-height:95vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7661 .elementor-element.elementor-element-36ad308:not(.elementor-motion-effects-element-type-background), .elementor-7661 .elementor-element.elementor-element-36ad308 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-2d8f11e ) 30%, var( --e-global-color-ac1fd94 ) 0%);}.elementor-7661 .elementor-element.elementor-element-36ad308::before, .elementor-7661 .elementor-element.elementor-element-36ad308 > .elementor-background-video-container::before, .elementor-7661 .elementor-element.elementor-element-36ad308 > .e-con-inner > .elementor-background-video-container::before, .elementor-7661 .elementor-element.elementor-element-36ad308 > .elementor-background-slideshow::before, .elementor-7661 .elementor-element.elementor-element-36ad308 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7661 .elementor-element.elementor-element-36ad308 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(0deg, var( --e-global-color-2d8f11e ) 30%, #8DC63F00 0%);}.elementor-7661 .elementor-element.elementor-element-027d0ca{--display:flex;--min-height:95vh;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7661 .elementor-element.elementor-element-027d0ca:not(.elementor-motion-effects-element-type-background), .elementor-7661 .elementor-element.elementor-element-027d0ca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://pupdy.pet/wp-content/uploads/2025/06/photogenic-dog-with-camera-yellow-839x1024.png");background-position:center right;background-repeat:no-repeat;background-size:contain;}.elementor-7661 .elementor-element.elementor-element-be8bb81 .elementor-button{background-color:#02010100;font-size:30px;font-weight:bold;transition-duration:1s;border-style:solid;border-width:3px 3px 3px 3px;border-radius:10px 10px 10px 10px;}.elementor-7661 .elementor-element.elementor-element-be8bb81 > .elementor-widget-container{margin:0px 0px 0px 150px;}@media(max-width:767px){.elementor-7661 .elementor-element.elementor-element-2ee8cd8a{--padding-top:50px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-7661 .elementor-element.elementor-element-741888d9{font-size:23px;}.elementor-7661 .elementor-element.elementor-element-4b62daf1 .elementor-heading-title{font-size:49px;line-height:1em;}.elementor-7661 .elementor-element.elementor-element-d21ec79 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7661 .elementor-element.elementor-element-701810ee{--padding-top:30px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-7661 .elementor-element.elementor-element-2ee8cd8a{--width:50%;}.elementor-7661 .elementor-element.elementor-element-701810ee{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-7bdb6ac0 */.flipping-card {
    position: relative;
    width: 520px; /* Adjust as needed */
    height: 300px; /* Adjust as needed */
    perspective: 1000px; /* Creates the 3D effect */
}

.flipping-card > div {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden; /* Hides the back when front is visible */
    transition: transform 0.6s ease-in-out;
}

.flipping-card-front {
    
}

.flipping-card-back {
  
    transform: rotateY(-180deg); /* Initially hidden */
}

.flipping-card:hover .flipping-card-front {
    transform: rotateY(180deg);
}

.flipping-card:hover .flipping-card-back {
    transform: rotateY(0deg);
}


@media (max-width: 768px) {
    .flipping-card {
    width: 95%; /* Adjust as needed */
    height: 240px; /* Adjust as needed */
    perspective: 1000px; /* Creates the 3D effect */
}
}/* End custom CSS */