.elementor-415 .elementor-element.elementor-element-c3faad2{--display:flex;--min-height:525px;--justify-content:flex-end;--overlay-opacity:0.5;--margin-top:-150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-415 .elementor-element.elementor-element-c3faad2:not(.elementor-motion-effects-element-type-background), .elementor-415 .elementor-element.elementor-element-c3faad2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://test.germanplastpk.com/wp-content/uploads/2026/04/IMG_9937-1-scaled.jpg");background-position:top center;background-size:cover;}.elementor-415 .elementor-element.elementor-element-c3faad2::before, .elementor-415 .elementor-element.elementor-element-c3faad2 > .elementor-background-video-container::before, .elementor-415 .elementor-element.elementor-element-c3faad2 > .e-con-inner > .elementor-background-video-container::before, .elementor-415 .elementor-element.elementor-element-c3faad2 > .elementor-background-slideshow::before, .elementor-415 .elementor-element.elementor-element-c3faad2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-415 .elementor-element.elementor-element-c3faad2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-415 .elementor-element.elementor-element-f4addf9{--display:flex;--min-height:377px;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-415 .elementor-element.elementor-element-d1d38b5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Montserrat", Sans-serif;font-size:39px;font-weight:700;color:#FFFFFF;}.elementor-415 .elementor-element.elementor-element-b97f402{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:start;color:#FFFFFF;}.elementor-415 .elementor-element.elementor-element-3b9df41 .elementor-button{background-color:#D8251B;border-radius:15px 15px 15px 15px;padding:15px 20px 15px 20px;}.elementor-415 .elementor-element.elementor-element-3b9df41 .elementor-button:hover, .elementor-415 .elementor-element.elementor-element-3b9df41 .elementor-button:focus{background-color:#FF1616;}.elementor-415 .elementor-element.elementor-element-3b9df41:hover{--e-transform-translateX:10px;}.elementor-415 .elementor-element.elementor-element-3b9df41{margin:0% 10% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-415 .elementor-element.elementor-element-3b9df41 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-415 .elementor-element.elementor-element-96a2c9f{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:050px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-415 .elementor-element.elementor-element-5678417{text-align:center;}.elementor-415 .elementor-element.elementor-element-5678417 .elementor-heading-title{font-size:44px;font-weight:700;}.elementor-415 .elementor-element.elementor-element-1726091{width:var( --container-widget-width, 58% );max-width:58%;--container-widget-width:58%;--container-widget-flex-grow:0;text-align:center;}.elementor-415 .elementor-element.elementor-element-de90025{--display:flex;--min-height:467px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--flex-wrap:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-415 .elementor-element.elementor-element-7d3c40e{--display:flex;--background-transition:0.7s;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 13px 0px rgba(0, 0, 0, 0.38);--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-415 .elementor-element.elementor-element-7d3c40e.e-con:hover{--e-con-transform-scale:1.03;}.elementor-415 .elementor-element.elementor-element-7d3c40e:hover::before, .elementor-415 .elementor-element.elementor-element-7d3c40e:hover > .elementor-background-video-container::before, .elementor-415 .elementor-element.elementor-element-7d3c40e:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-415 .elementor-element.elementor-element-7d3c40e > .elementor-background-slideshow:hover::before, .elementor-415 .elementor-element.elementor-element-7d3c40e > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-415 .elementor-element.elementor-element-7d3c40e:hover{--overlay-opacity:0.55;box-shadow:0px 0px 23px 0px rgba(0, 0, 0, 0.63);}.elementor-415 .elementor-element.elementor-element-015d736 .elementor-icon-wrapper{text-align:center;}.elementor-415 .elementor-element.elementor-element-015d736.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );color:#FFFFFF;}.elementor-415 .elementor-element.elementor-element-015d736.elementor-view-framed .elementor-icon, .elementor-415 .elementor-element.elementor-element-015d736.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-415 .elementor-element.elementor-element-015d736.elementor-view-framed .elementor-icon, .elementor-415 .elementor-element.elementor-element-015d736.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-415 .elementor-element.elementor-element-015d736.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-415 .elementor-element.elementor-element-015d736.elementor-view-stacked .elementor-icon svg{fill:#FFFFFF;}.elementor-415 .elementor-element.elementor-element-015d736.elementor-view-stacked .elementor-icon:hover{background-color:#D8251B;color:#FFFFFF;}.elementor-415 .elementor-element.elementor-element-015d736.elementor-view-framed .elementor-icon:hover, .elementor-415 .elementor-element.elementor-element-015d736.elementor-view-default .elementor-icon:hover{color:#D8251B;border-color:#D8251B;}.elementor-415 .elementor-element.elementor-element-015d736.elementor-view-framed .elementor-icon:hover, .elementor-415 .elementor-element.elementor-element-015d736.elementor-view-default .elementor-icon:hover svg{fill:#D8251B;}.elementor-415 .elementor-element.elementor-element-015d736.elementor-view-framed .elementor-icon:hover{background-color:#FFFFFF;}.elementor-415 .elementor-element.elementor-element-015d736.elementor-view-stacked .elementor-icon:hover svg{fill:#FFFFFF;}.elementor-415 .elementor-element.elementor-element-7f7f15f{text-align:center;}.elementor-415 .elementor-element.elementor-element-7f7f15f .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:700;}.elementor-415 .elementor-element.elementor-element-fbd5e90{text-align:center;}.elementor-415 .elementor-element.elementor-element-bcb1d9f{--display:flex;--background-transition:0.7s;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 13px 0px rgba(0, 0, 0, 0.38);--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-415 .elementor-element.elementor-element-bcb1d9f.e-con:hover{--e-con-transform-scale:1.03;}.elementor-415 .elementor-element.elementor-element-bcb1d9f:hover::before, .elementor-415 .elementor-element.elementor-element-bcb1d9f:hover > .elementor-background-video-container::before, .elementor-415 .elementor-element.elementor-element-bcb1d9f:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-415 .elementor-element.elementor-element-bcb1d9f > .elementor-background-slideshow:hover::before, .elementor-415 .elementor-element.elementor-element-bcb1d9f > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-415 .elementor-element.elementor-element-bcb1d9f:hover{--overlay-opacity:0.55;box-shadow:0px 0px 23px 0px rgba(0, 0, 0, 0.63);}.elementor-415 .elementor-element.elementor-element-f0cf79b .elementor-icon-wrapper{text-align:center;}.elementor-415 .elementor-element.elementor-element-f0cf79b.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );color:#FFFFFF;}.elementor-415 .elementor-element.elementor-element-f0cf79b.elementor-view-framed .elementor-icon, .elementor-415 .elementor-element.elementor-element-f0cf79b.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-415 .elementor-element.elementor-element-f0cf79b.elementor-view-framed .elementor-icon, .elementor-415 .elementor-element.elementor-element-f0cf79b.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-415 .elementor-element.elementor-element-f0cf79b.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-415 .elementor-element.elementor-element-f0cf79b.elementor-view-stacked .elementor-icon svg{fill:#FFFFFF;}.elementor-415 .elementor-element.elementor-element-f0cf79b.elementor-view-stacked .elementor-icon:hover{background-color:#D8251B;color:#FFFFFF;}.elementor-415 .elementor-element.elementor-element-f0cf79b.elementor-view-framed .elementor-icon:hover, .elementor-415 .elementor-element.elementor-element-f0cf79b.elementor-view-default .elementor-icon:hover{color:#D8251B;border-color:#D8251B;}.elementor-415 .elementor-element.elementor-element-f0cf79b.elementor-view-framed .elementor-icon:hover, .elementor-415 .elementor-element.elementor-element-f0cf79b.elementor-view-default .elementor-icon:hover svg{fill:#D8251B;}.elementor-415 .elementor-element.elementor-element-f0cf79b.elementor-view-framed .elementor-icon:hover{background-color:#FFFFFF;}.elementor-415 .elementor-element.elementor-element-f0cf79b.elementor-view-stacked .elementor-icon:hover svg{fill:#FFFFFF;}.elementor-415 .elementor-element.elementor-element-b9a3c0f{text-align:center;}.elementor-415 .elementor-element.elementor-element-b9a3c0f .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:700;}.elementor-415 .elementor-element.elementor-element-9525982{text-align:center;}.elementor-415 .elementor-element.elementor-element-480017f{--display:flex;--background-transition:0.7s;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 13px 0px rgba(0, 0, 0, 0.38);--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-415 .elementor-element.elementor-element-480017f.e-con:hover{--e-con-transform-scale:1.03;}.elementor-415 .elementor-element.elementor-element-480017f:hover::before, .elementor-415 .elementor-element.elementor-element-480017f:hover > .elementor-background-video-container::before, .elementor-415 .elementor-element.elementor-element-480017f:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-415 .elementor-element.elementor-element-480017f > .elementor-background-slideshow:hover::before, .elementor-415 .elementor-element.elementor-element-480017f > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-415 .elementor-element.elementor-element-480017f:hover{--overlay-opacity:0.55;box-shadow:0px 0px 23px 0px rgba(0, 0, 0, 0.63);}.elementor-415 .elementor-element.elementor-element-47be844 .elementor-icon-wrapper{text-align:center;}.elementor-415 .elementor-element.elementor-element-47be844.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );color:#FFFFFF;}.elementor-415 .elementor-element.elementor-element-47be844.elementor-view-framed .elementor-icon, .elementor-415 .elementor-element.elementor-element-47be844.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-415 .elementor-element.elementor-element-47be844.elementor-view-framed .elementor-icon, .elementor-415 .elementor-element.elementor-element-47be844.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-415 .elementor-element.elementor-element-47be844.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-415 .elementor-element.elementor-element-47be844.elementor-view-stacked .elementor-icon svg{fill:#FFFFFF;}.elementor-415 .elementor-element.elementor-element-47be844.elementor-view-stacked .elementor-icon:hover{background-color:#D8251B;color:#FFFFFF;}.elementor-415 .elementor-element.elementor-element-47be844.elementor-view-framed .elementor-icon:hover, .elementor-415 .elementor-element.elementor-element-47be844.elementor-view-default .elementor-icon:hover{color:#D8251B;border-color:#D8251B;}.elementor-415 .elementor-element.elementor-element-47be844.elementor-view-framed .elementor-icon:hover, .elementor-415 .elementor-element.elementor-element-47be844.elementor-view-default .elementor-icon:hover svg{fill:#D8251B;}.elementor-415 .elementor-element.elementor-element-47be844.elementor-view-framed .elementor-icon:hover{background-color:#FFFFFF;}.elementor-415 .elementor-element.elementor-element-47be844.elementor-view-stacked .elementor-icon:hover svg{fill:#FFFFFF;}.elementor-415 .elementor-element.elementor-element-9977ccc{text-align:center;}.elementor-415 .elementor-element.elementor-element-9977ccc .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:700;}.elementor-415 .elementor-element.elementor-element-b0abbcd{text-align:center;}.elementor-415 .elementor-element.elementor-element-f2c469b{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:050px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-415 .elementor-element.elementor-element-77b7838{text-align:center;}.elementor-415 .elementor-element.elementor-element-77b7838 .elementor-heading-title{font-size:44px;font-weight:700;}.elementor-415 .elementor-element.elementor-element-b187875{width:var( --container-widget-width, 58% );max-width:58%;--container-widget-width:58%;--container-widget-flex-grow:0;text-align:center;}.elementor-415 .elementor-element.elementor-element-fe986e0{--display:flex;}.elementor-415 .elementor-element.elementor-element-383e0eb{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-415 .elementor-element.elementor-element-7d3c40e{--width:27%;}.elementor-415 .elementor-element.elementor-element-bcb1d9f{--width:27%;}.elementor-415 .elementor-element.elementor-element-480017f{--width:27%;}}@media(max-width:767px){.elementor-415 .elementor-element.elementor-element-f4addf9{--min-height:0px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-415 .elementor-element.elementor-element-d1d38b5{text-align:center;line-height:1em;}.elementor-415 .elementor-element.elementor-element-b97f402{padding:0px 0px 0px 20px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:center;}.elementor-415 .elementor-element.elementor-element-de90025{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for text-editor, class: .elementor-element-d1d38b5 */.text-red-600 {
    color: #D8251B;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d3c40e */.elementor-415 .elementor-element.elementor-element-7d3c40e:hover .elementor-icon {
    background-color: white !important;
    color: #D8251B !important;
    
    
}
.elementor-415 .elementor-element.elementor-element-7d3c40e:hover .elementor-icon svg {
    fill: #D8251B !important;
}



.elementor-415 .elementor-element.elementor-element-7d3c40e:hover h2 {
  
    color: white !important;
    
    
}


.elementor-415 .elementor-element.elementor-element-7d3c40e:hover .q1 {
  
    color: white !important;
    
    
}


.elementor-415 .elementor-element.elementor-element-7d3c40e:hover .elementor-button {
    background-color: white !important;
    color: #D8251B !important;
    
    
}

/* 1. Add this class to your main card container */
.philosophy-card {
  position: relative;
  overflow: hidden; /* Crucial: hides the background before it slides in */
  z-index: 10; /* Ensures your text/icons stay visible on top */
}
/* 1. Applies directly to the Elementor container/widget */
.elementor-415 .elementor-element.elementor-element-7d3c40e {
  position: relative;
  overflow: hidden; /* Crucial: hides the background before it slides in */
  z-index: 10; /* Ensures your text/icons stay visible on top */
}

/* 2. This creates the rich red background that waits at the bottom */
.elementor-415 .elementor-element.elementor-element-7d3c40e::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Deep, rich red gradient. !important prevents Elementor from overriding it */
  background: linear-gradient(to bottom right, #cc0000, #800000) !important; 
  z-index: -1; /* Keeps it behind your text/icons */
  
  /* Pushes the background down out of view */
  transform: translateY(101%); 
  
  /* Controls the speed and smoothness of the slide */
  transition: transform 0.5s ease-in-out; 
}

/* 3. This triggers the slide-in when you hover over the card */
.elementor-415 .elementor-element.elementor-element-7d3c40e:hover::before {
  transform: translateY(0); /* Slides it back up to fill the card */
opacity: 100%;
}

/* 4. Ensures text and icons change to white so they are visible over the rich red */
.elementor-415 .elementor-element.elementor-element-7d3c40e:hover h1,
.elementor-415 .elementor-element.elementor-element-7d3c40e:hover h2,
.elementor-415 .elementor-element.elementor-element-7d3c40e:hover h3,
.elementor-415 .elementor-element.elementor-element-7d3c40e:hover h4,
.elementor-415 .elementor-element.elementor-element-7d3c40e:hover h5,
.elementor-415 .elementor-element.elementor-element-7d3c40e:hover h6,
.elementor-415 .elementor-element.elementor-element-7d3c40e:hover p,
.elementor-415 .elementor-element.elementor-element-7d3c40e:hover span,
.elementor-415 .elementor-element.elementor-element-7d3c40e:hover a,
.elementor-415 .elementor-element.elementor-element-7d3c40e:hover i,
.elementor-415 .elementor-element.elementor-element-7d3c40e:hover svg,
.elementor-415 .elementor-element.elementor-element-7d3c40e:hover .elementor-icon {

  transition: all 0.5s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bcb1d9f */.elementor-415 .elementor-element.elementor-element-bcb1d9f:hover .elementor-icon {
    background-color: white !important;
    color: #D8251B !important;
    
    
}
.elementor-415 .elementor-element.elementor-element-bcb1d9f:hover .elementor-icon svg {
    fill: #D8251B !important;
}



.elementor-415 .elementor-element.elementor-element-bcb1d9f:hover h2 {
  
    color: white !important;
    
    
}


.elementor-415 .elementor-element.elementor-element-bcb1d9f:hover .q1 {
  
    color: white !important;
    
    
}


.elementor-415 .elementor-element.elementor-element-bcb1d9f:hover .elementor-button {
    background-color: white !important;
    color: #D8251B !important;
    
    
}

/* 1. Add this class to your main card container */
.philosophy-card {
  position: relative;
  overflow: hidden; /* Crucial: hides the background before it slides in */
  z-index: 10; /* Ensures your text/icons stay visible on top */
}
/* 1. Applies directly to the Elementor container/widget */
.elementor-415 .elementor-element.elementor-element-bcb1d9f {
  position: relative;
  overflow: hidden; /* Crucial: hides the background before it slides in */
  z-index: 10; /* Ensures your text/icons stay visible on top */
}

/* 2. This creates the rich red background that waits at the bottom */
.elementor-415 .elementor-element.elementor-element-bcb1d9f::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Deep, rich red gradient. !important prevents Elementor from overriding it */
  background: linear-gradient(to bottom right, #cc0000, #800000) !important; 
  z-index: -1; /* Keeps it behind your text/icons */
  
  /* Pushes the background down out of view */
  transform: translateY(101%); 
  
  /* Controls the speed and smoothness of the slide */
  transition: transform 0.5s ease-in-out; 
}

/* 3. This triggers the slide-in when you hover over the card */
.elementor-415 .elementor-element.elementor-element-bcb1d9f:hover::before {
  transform: translateY(0); /* Slides it back up to fill the card */
opacity: 100%;
}

/* 4. Ensures text and icons change to white so they are visible over the rich red */
.elementor-415 .elementor-element.elementor-element-bcb1d9f:hover h1,
.elementor-415 .elementor-element.elementor-element-bcb1d9f:hover h2,
.elementor-415 .elementor-element.elementor-element-bcb1d9f:hover h3,
.elementor-415 .elementor-element.elementor-element-bcb1d9f:hover h4,
.elementor-415 .elementor-element.elementor-element-bcb1d9f:hover h5,
.elementor-415 .elementor-element.elementor-element-bcb1d9f:hover h6,
.elementor-415 .elementor-element.elementor-element-bcb1d9f:hover p,
.elementor-415 .elementor-element.elementor-element-bcb1d9f:hover span,
.elementor-415 .elementor-element.elementor-element-bcb1d9f:hover a,
.elementor-415 .elementor-element.elementor-element-bcb1d9f:hover i,
.elementor-415 .elementor-element.elementor-element-bcb1d9f:hover svg,
.elementor-415 .elementor-element.elementor-element-bcb1d9f:hover .elementor-icon {

  transition: all 0.5s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-480017f */.elementor-415 .elementor-element.elementor-element-480017f:hover .elementor-icon {
    background-color: white !important;
    color: #D8251B !important;
    
    
}
.elementor-415 .elementor-element.elementor-element-480017f:hover .elementor-icon svg {
    fill: #D8251B !important;
}



.elementor-415 .elementor-element.elementor-element-480017f:hover h2 {
  
    color: white !important;
    
    
}


.elementor-415 .elementor-element.elementor-element-480017f:hover .q1 {
  
    color: white !important;
    
    
}


.elementor-415 .elementor-element.elementor-element-480017f:hover .elementor-button {
    background-color: white !important;
    color: #D8251B !important;
    
    
}

/* 1. Add this class to your main card container */
.philosophy-card {
  position: relative;
  overflow: hidden; /* Crucial: hides the background before it slides in */
  z-index: 10; /* Ensures your text/icons stay visible on top */
}
/* 1. Applies directly to the Elementor container/widget */
.elementor-415 .elementor-element.elementor-element-480017f {
  position: relative;
  overflow: hidden; /* Crucial: hides the background before it slides in */
  z-index: 10; /* Ensures your text/icons stay visible on top */
}

/* 2. This creates the rich red background that waits at the bottom */
.elementor-415 .elementor-element.elementor-element-480017f::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Deep, rich red gradient. !important prevents Elementor from overriding it */
  background: linear-gradient(to bottom right, #cc0000, #800000) !important; 
  z-index: -1; /* Keeps it behind your text/icons */
  
  /* Pushes the background down out of view */
  transform: translateY(101%); 
  
  /* Controls the speed and smoothness of the slide */
  transition: transform 0.5s ease-in-out; 
}

/* 3. This triggers the slide-in when you hover over the card */
.elementor-415 .elementor-element.elementor-element-480017f:hover::before {
  transform: translateY(0); /* Slides it back up to fill the card */
opacity: 100%;
}

/* 4. Ensures text and icons change to white so they are visible over the rich red */
.elementor-415 .elementor-element.elementor-element-480017f:hover h1,
.elementor-415 .elementor-element.elementor-element-480017f:hover h2,
.elementor-415 .elementor-element.elementor-element-480017f:hover h3,
.elementor-415 .elementor-element.elementor-element-480017f:hover h4,
.elementor-415 .elementor-element.elementor-element-480017f:hover h5,
.elementor-415 .elementor-element.elementor-element-480017f:hover h6,
.elementor-415 .elementor-element.elementor-element-480017f:hover p,
.elementor-415 .elementor-element.elementor-element-480017f:hover span,
.elementor-415 .elementor-element.elementor-element-480017f:hover a,
.elementor-415 .elementor-element.elementor-element-480017f:hover i,
.elementor-415 .elementor-element.elementor-element-480017f:hover svg,
.elementor-415 .elementor-element.elementor-element-480017f:hover .elementor-icon {

  transition: all 0.5s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f5aab50 *//* Form Container Container */
        .custom-cf7-container {
            background: #ffffff;
            border-radius: 12px;
            box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.1);
            padding: 40px;
            max-width: 100%;
            margin: 0 auto;
            position: relative;
            overflow: hidden;
            font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }

        /* Top Red Gradient Bar */
        .custom-cf7-container::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 6px;
            background: linear-gradient(90deg, #8b0000 0%, #ff0000 100%);
        }

        /* Title */
        .custom-cf7-container .form-title {
            font-size: 24px;
            font-weight: 900;
            color: #000000;
            text-transform: uppercase;
            margin-top: 0;
            margin-bottom: 24px;
            letter-spacing: 0.5px;
        }

        /* Grid Layout for Rows */
        .custom-cf7-container .form-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 16px;
            margin-bottom: 20px;
        }

        /* Full width groups */
        .custom-cf7-container .form-group {
            margin-bottom: 20px;
            display: flex;
            flex-direction: column;
        }

        /* Labels */
        .custom-cf7-container label {
            font-size: 13px;
            font-weight: 700;
            color: #111827;
            margin-bottom: 8px;
            display: block;
        }

        /* Inputs & Selects */
        .custom-cf7-container .wpcf7-form-control.wpcf7-text,
        .custom-cf7-container .wpcf7-form-control.wpcf7-select {
            width: 100%;
            padding: 14px 16px;
            border: 1px solid #e5e7eb;
            border-radius: 8px;
            background-color: #ffffff;
            font-size: 14px;
            color: #374151;
            box-sizing: border-box;
            outline: none;
            transition: all 0.3s ease;
            box-shadow: 0 1px 2px rgba(0,0,0,0.02);
        }

        .custom-cf7-container .wpcf7-form-control:focus {
            border-color: #dc2626;
            box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1);
        }

        .custom-cf7-container .wpcf7-form-control::placeholder {
            color: #9ca3af;
        }

        /* Custom Select Arrow */
        .custom-cf7-container .wpcf7-select {
            appearance: none;
            -webkit-appearance: none;
            background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
            background-repeat: no-repeat;
            background-position: right 16px center;
            background-size: 16px;
            cursor: pointer;
        }

        /* File Upload Area */
        .custom-cf7-container .file-upload-wrapper {
            position: relative;
            border: 1px dashed #d1d5db;
            border-radius: 8px;
            background-color: #fafafa;
            padding: 30px 20px;
            text-align: center;
            transition: all 0.3s ease;
        }

        .custom-cf7-container .file-upload-wrapper:hover {
            border-color: #dc2626;
            background-color: #fef2f2;
        }

        .custom-cf7-container .file-upload-text {
            font-size: 15px;
            color: #9ca3af;
            pointer-events: none; /* Let clicks pass through to the input */
        }

        .custom-cf7-container .file-upload-text strong {
            color: #374151;
            font-weight: 800;
        }

        /* Make CF7 file input invisible but cover the whole dashed box */
        .custom-cf7-container .wpcf7-form-control-wrap.resume {
            position: static;
        }
        
        .custom-cf7-container .wpcf7-file {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            cursor: pointer;
            z-index: 10;
        }

        /* Submit Button */
        .custom-cf7-container .wpcf7-submit {
            width: 100%;
            background-color: #000000;
            color: #ffffff;
            padding: 16px;
            border: none;
            border-radius: 8px;
            font-weight: 800;
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 1px;
            cursor: pointer;
            transition: background-color 0.3s ease;
            margin-top: 10px;
        }

        .custom-cf7-container .wpcf7-submit:hover {
            background-color: #dc2626;
        }

        /* Responsive */
        @media (max-width: 480px) {
            .custom-cf7-container .form-row {
                grid-template-columns: 1fr;
                gap: 0;
            }
        }/* End custom CSS */