.elementor-5364 .elementor-element.elementor-element-65e4910{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--z-index:1;overflow:visible;}.elementor-5364 .elementor-element.elementor-element-65e4910.e-con{--align-self:center;}.elementor-5364 .elementor-element.elementor-element-6a0df22{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;overflow:visible;}.elementor-5364 .elementor-element.elementor-element-6a0df22:not(.elementor-motion-effects-element-type-background), .elementor-5364 .elementor-element.elementor-element-6a0df22 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-5364 .elementor-element.elementor-element-44dfcc9{--display:flex;--min-height:188.44px;--border-radius:15px 15px 0px 0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;--z-index:1;overflow:visible;}.elementor-5364 .elementor-element.elementor-element-44dfcc9:not(.elementor-motion-effects-element-type-background), .elementor-5364 .elementor-element.elementor-element-44dfcc9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-5364 .elementor-element.elementor-element-07ffae5{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:15px 15px 15px 15px;--margin-top:-35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:15px;--padding-left:25px;--padding-right:25px;--z-index:2;overflow:visible;}.elementor-5364 .elementor-element.elementor-element-54bd8c2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:3;overflow:visible;}.elementor-5364 .elementor-element.elementor-element-28c900f{--display:flex;--min-height:70px;--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;--border-radius:15px 15px 15px 15px;--z-index:3;overflow:visible;}.elementor-5364 .elementor-element.elementor-element-28c900f:not(.elementor-motion-effects-element-type-background), .elementor-5364 .elementor-element.elementor-element-28c900f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-a8a9d7c );}.elementor-5364 .elementor-element.elementor-element-28c900f.e-con{--align-self:flex-end;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-5364 .elementor-element.elementor-element-072ec00.elementor-element{--align-self:center;}.elementor-5364 .elementor-element.elementor-element-072ec00 .elementor-icon-wrapper{text-align:center;}.elementor-5364 .elementor-element.elementor-element-072ec00.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-5364 .elementor-element.elementor-element-072ec00.elementor-view-framed .elementor-icon, .elementor-5364 .elementor-element.elementor-element-072ec00.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-5364 .elementor-element.elementor-element-072ec00.elementor-view-framed .elementor-icon, .elementor-5364 .elementor-element.elementor-element-072ec00.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-5364 .elementor-element.elementor-element-072ec00.elementor-view-stacked .elementor-icon:hover{background-color:#FFFFFF;}.elementor-5364 .elementor-element.elementor-element-072ec00.elementor-view-framed .elementor-icon:hover, .elementor-5364 .elementor-element.elementor-element-072ec00.elementor-view-default .elementor-icon:hover{color:#FFFFFF;border-color:#FFFFFF;}.elementor-5364 .elementor-element.elementor-element-072ec00.elementor-view-framed .elementor-icon:hover, .elementor-5364 .elementor-element.elementor-element-072ec00.elementor-view-default .elementor-icon:hover svg{fill:#FFFFFF;}.elementor-5364 .elementor-element.elementor-element-072ec00 .elementor-icon{font-size:35px;}.elementor-5364 .elementor-element.elementor-element-072ec00 .elementor-icon svg{height:35px;}.elementor-5364 .elementor-element.elementor-element-04809e0{--display:flex;--gap:21px 0px;--row-gap:21px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.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-5364 .elementor-element.elementor-element-cd0b95c{padding:15px 0px 0px 0px;}.elementor-5364 .elementor-element.elementor-element-cd0b95c .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:24px;font-weight:700;text-transform:uppercase;color:#000000;}.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-5364 .elementor-element.elementor-element-14a919e{--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;--justify-content:flex-end;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:3;overflow:visible;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-5364 .elementor-element.elementor-element-fcdf918 .elementor-button{background-color:#61CE7000;font-family:"Kanit", Sans-serif;font-size:20px;font-weight:600;fill:var( --e-global-color-a8a9d7c );color:var( --e-global-color-a8a9d7c );padding:0px 0px 0px 0px;}.elementor-5364 .elementor-element.elementor-element-fcdf918{width:100%;max-width:100%;}.elementor-5364 .elementor-element.elementor-element-fcdf918 .elementor-button-content-wrapper{flex-direction:row-reverse;}@media(max-width:1024px){.elementor-5364 .elementor-element.elementor-element-cd0b95c{padding:15px 0px 0px 0px;}}@media(max-width:767px){.elementor-5364 .elementor-element.elementor-element-6a0df22{--border-radius:15px 15px 15px 15px;}.elementor-5364 .elementor-element.elementor-element-07ffae5{--padding-top:0px;--padding-bottom:15px;--padding-left:20px;--padding-right:20px;}.elementor-5364 .elementor-element.elementor-element-54bd8c2{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5364 .elementor-element.elementor-element-28c900f{--width:70px;}.elementor-5364 .elementor-element.elementor-element-04809e0{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5364 .elementor-element.elementor-element-cd0b95c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:15px 0px 0px 0px;}.elementor-5364 .elementor-element.elementor-element-cd0b95c .elementor-heading-title{font-size:20px;}.elementor-5364 .elementor-element.elementor-element-fcdf918 .elementor-button{font-size:18px;}}@media(min-width:768px){.elementor-5364 .elementor-element.elementor-element-28c900f{--width:70px;}}/* Start custom CSS for container, class: .elementor-element-28c900f */.icon-box {
  display: flex;                /* flexbox centers things */
  align-items: center;          /* vertical centering */
  justify-content: center;      /* horizontal centering */
  line-height: 0;               /* kill text baseline gap */
}

.icon-box .jet-engine-dynamic-field__content {
  line-height: 0 !important;    /* extra insurance */
  margin: 0;
  padding: 0;
}

.icon-box i,
.icon-box svg {
  display: block;               /* no inline baseline */
  vertical-align: middle;       /* align cleanly */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-fcdf918 *//* Default button state */
.books {
  color: #e80000;                      /* red */
  transition: color 0.6s ease-in-out;    /* smooth fade over 1s */
}

/* Make inner parts follow color */
.books *,
.books i,
.books svg {
  color: inherit !important;
  fill: currentColor !important;
  transition: color 0.3s ease-in-out, fill 0.3s ease-in-out; /* smooth fade too */
}

/* When hovering .main (or jkd-card) → change button to white */
.jkd-card:hover .books,
.main:hover .books {
  color: #fff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a0df22 */@media (min-width: 768px) {
  /* CARD WRAPPER */
  .jkd-card {
    position: relative;
    border-radius: 15px 15px 15px 15px;
    overflow: hidden;
    transition: box-shadow 0.3s ease;
  }

  /* Subtle red glow on hover */
  .jkd-card:hover {
    box-shadow: 0 6px 18px rgba(232, 0, 0, 0.4);
  }

  /* QUARTER CIRCLE */
  .jkd-card::after {
    content: "";
    position: absolute;
    width: 258px;
    height: 70px;
    bottom: 0;
    right: 0;
    background: #e80000;
    border-radius: 20px 0 0 0;
    transform: scale(0);
    transform-origin: bottom right;
    transition: transform 0.3s ease;
    z-index: 1;
  }

  .jkd-card:hover::after {
    transform: scale(0.78);
  }

  /* APPLY LINK STYLE */
  .apply-link {
    z-index: 2;
    color: #e80000;
    transition: color 0.5s ease-in-out;
  }

  .apply-link *,
  .apply-link i,
  .apply-link svg {
    color: inherit !important;
    fill: currentColor !important;
    transition: inherit;
  }

  .jkd-card:hover .apply-link {
    color: #fff;
  }
}

@media (max-width: 767px) {
  /* CARD WRAPPER */
  .jkd-card {
    position: relative;
    border-radius: 15px 15px 15px 15px;
    overflow: hidden;
    transition: box-shadow 0.3s ease;
  }

  /* Subtle red glow on hover */
  .jkd-card:hover {
    box-shadow: 0 6px 18px rgba(232, 0, 0, 0.5);
  }

  /* QUARTER CIRCLE */
  .jkd-card::after {
    content: "";
    position: absolute;
    width: 235px;
    height: 70px;
    bottom: 0;
    right: 0;
    background: #e80000;
    border-radius: 20px 0 0 0;
    transform: scale(0);
    transform-origin: bottom right;
    transition: transform 0.3s ease;
    z-index: 1;
  }

  .jkd-card:hover::after {
    transform: scale(0.78);
  }

  /* APPLY LINK STYLE */
  .apply-link {
    z-index: 2;
    color: #e80000;
    transition: color 0.5s ease-in-out;
  }

  .apply-link *,
  .apply-link i,
  .apply-link svg {
    color: inherit !important;
    fill: currentColor !important;
    transition: inherit;
  }

  .jkd-card:hover .apply-link {
    color: #fff;
  }
}/* End custom CSS */