.elementor-828 .elementor-element.elementor-element-4590edd{--display:flex;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-828 .elementor-element.elementor-element-f790ee3{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-828 .elementor-element.elementor-element-3157e10{--display:flex;--min-height:500px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-828 .elementor-element.elementor-element-d1efb22{--display:flex;--min-height:500px;--justify-content:flex-end;--overflow:hidden;--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-828 .elementor-element.elementor-element-d1efb22:not(.elementor-motion-effects-element-type-background), .elementor-828 .elementor-element.elementor-element-d1efb22 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dragontkd.ca/wp-content/uploads/2026/01/Rectangle-6004.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-828 .elementor-element.elementor-element-a7d1a08{--display:flex;--overflow:hidden;--background-transition:1s;--border-radius:20px 20px 20px 20px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-828 .elementor-element.elementor-element-a7d1a08:hover{background-color:#9C0D13E0;}.elementor-828 .elementor-element.elementor-element-a4d265a{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-828 .elementor-element.elementor-element-9de6a73{border-style:none;border-radius:0px 0px 0px 0px;}.elementor-828 .elementor-element.elementor-element-9de6a73 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:24px;font-weight:800;line-height:56px;color:var( --e-global-color-secondary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );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-828 .elementor-element.elementor-element-3e202c0{color:var( --e-global-color-secondary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-828 .elementor-element.elementor-element-26f2f90 .elementor-button{background-color:#D3242D00;font-family:"Manrope", Sans-serif;font-size:18px;font-weight:500;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:10px 10px 10px 10px;padding:0px 0px 0px 0px;}.elementor-828 .elementor-element.elementor-element-26f2f90 .elementor-button:hover, .elementor-828 .elementor-element.elementor-element-26f2f90 .elementor-button:focus{background-color:#02010100;}.elementor-828 .elementor-element.elementor-element-26f2f90{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 0px 0px 0px;}.elementor-828 .elementor-element.elementor-element-26f2f90 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-828 .elementor-element.elementor-element-26f2f90 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-828 .elementor-element.elementor-element-5728ce9{--display:flex;--min-height:500px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-828 .elementor-element.elementor-element-93b5f9c{--display:flex;--min-height:500px;--justify-content:flex-end;--overflow:hidden;--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-828 .elementor-element.elementor-element-93b5f9c:not(.elementor-motion-effects-element-type-background), .elementor-828 .elementor-element.elementor-element-93b5f9c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dragontkd.ca/wp-content/uploads/2026/03/72d7e52f6f7e542d56b8166ebc66f5605d9e4131-scaled-e1772564579638.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-828 .elementor-element.elementor-element-4497c70{--display:flex;--overflow:hidden;--background-transition:1s;--border-radius:20px 20px 20px 20px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-828 .elementor-element.elementor-element-4497c70:hover{background-color:#9C0D13E0;}.elementor-828 .elementor-element.elementor-element-d189180{--display:flex;}.elementor-828 .elementor-element.elementor-element-bfef045{border-style:none;border-radius:0px 0px 0px 0px;}.elementor-828 .elementor-element.elementor-element-bfef045 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:24px;font-weight:800;line-height:56px;color:var( --e-global-color-secondary );}.elementor-828 .elementor-element.elementor-element-5763067{color:var( --e-global-color-secondary );}.elementor-828 .elementor-element.elementor-element-5e15376 .elementor-button{background-color:#D3242D00;font-family:"Manrope", Sans-serif;font-size:18px;font-weight:500;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:10px 10px 10px 10px;padding:0px 0px 0px 0px;}.elementor-828 .elementor-element.elementor-element-5e15376 .elementor-button:hover, .elementor-828 .elementor-element.elementor-element-5e15376 .elementor-button:focus{background-color:#02010100;}.elementor-828 .elementor-element.elementor-element-5e15376{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 0px 0px 0px;}.elementor-828 .elementor-element.elementor-element-5e15376 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-828 .elementor-element.elementor-element-5e15376 .elementor-button .elementor-button-content-wrapper{gap:10px;}@media(min-width:768px){.elementor-828 .elementor-element.elementor-element-4590edd{--content-width:90vw;}}@media(min-width:2160px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:1024px){.elementor-828 .elementor-element.elementor-element-d1efb22{--min-height:500px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-828 .elementor-element.elementor-element-26f2f90{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 15%) 0%;}.elementor-828 .elementor-element.elementor-element-26f2f90 .elementor-button{padding:18px 25px 18px 25px;}.elementor-828 .elementor-element.elementor-element-93b5f9c{--min-height:500px;}.elementor-828 .elementor-element.elementor-element-5e15376{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 15%) 0%;}.elementor-828 .elementor-element.elementor-element-5e15376 .elementor-button{padding:18px 25px 18px 25px;}}@media(max-width:767px){.elementor-828 .elementor-element.elementor-element-4590edd{--content-width:95vw;}.elementor-828 .elementor-element.elementor-element-d1efb22{--min-height:300px;}.elementor-828 .elementor-element.elementor-element-a7d1a08{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-828 .elementor-element.elementor-element-9de6a73 .elementor-heading-title{line-height:24px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-828 .elementor-element.elementor-element-26f2f90{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-828 .elementor-element.elementor-element-93b5f9c{--min-height:300px;}.elementor-828 .elementor-element.elementor-element-4497c70{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-828 .elementor-element.elementor-element-bfef045 .elementor-heading-title{line-height:24px;}.elementor-828 .elementor-element.elementor-element-5e15376{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for container, class: .elementor-element-a7d1a08 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
   transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4497c70 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
   transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */