.elementor-1863 .elementor-element.elementor-element-b8ba23e{--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;}.elementor-1863 .elementor-element.elementor-element-8ab1497{--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;}.elementor-1863 .elementor-element.elementor-element-9e6d47d{text-align:center;}.elementor-1863 .elementor-element.elementor-element-9e6d47d .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:46px;font-weight:700;color:#4B2E2B;}.elementor-1863 .elementor-element.elementor-element-170e988{--display:flex;}.elementor-1863 .elementor-element.elementor-element-6c15527{--spacer-size:10px;}.elementor-1863 .elementor-element.elementor-element-c8ccaf4{--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;}.elementor-1863 .elementor-element.elementor-element-807db46{text-align:center;font-family:"Parisienne", Sans-serif;font-size:32px;font-weight:800;color:#C06C5A;}.elementor-1863 .elementor-element.elementor-element-8a8ac66{--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;}.elementor-1863 .elementor-element.elementor-element-925cf98{text-align:center;font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:700;color:#4B2E2B;}.elementor-1863 .elementor-element.elementor-element-50dbecf{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1863 .elementor-element.elementor-element-950134f{--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;}.elementor-1863 .elementor-element.elementor-element-1e2773d.elementor-position-right .elementor-image-box-img{margin-left:20px;}.elementor-1863 .elementor-element.elementor-element-1e2773d.elementor-position-left .elementor-image-box-img{margin-right:20px;}.elementor-1863 .elementor-element.elementor-element-1e2773d.elementor-position-top .elementor-image-box-img{margin-bottom:20px;}.elementor-1863 .elementor-element.elementor-element-1e2773d .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-1863 .elementor-element.elementor-element-1e2773d .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1863 .elementor-element.elementor-element-1e2773d .elementor-image-box-title{font-family:"DM Serif Display", Sans-serif;font-weight:700;color:#D4A94F;}.elementor-1863 .elementor-element.elementor-element-1e2773d .elementor-image-box-description{font-family:"DM Sans", Sans-serif;font-weight:700;color:#4B2E2B;}.elementor-1863 .elementor-element.elementor-element-9aa0f99{--display:flex;}.elementor-1863 .elementor-element.elementor-element-ee20b34{text-align:left;font-family:"DM Sans", Sans-serif;font-weight:600;color:#4B2E2B;}.elementor-1863 .elementor-element.elementor-element-3cffb12{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:center;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#4B2E2B;--n-accordion-title-hover-color:#4B2E2B;--n-accordion-title-active-color:#4B2E2B;--n-accordion-icon-size:18px;--n-accordion-icon-normal-color:#C06C5A;--n-accordion-icon-hover-color:#C06C5A;--n-accordion-icon-active-color:#C06C5A;}:where( .elementor-1863 .elementor-element.elementor-element-3cffb12 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"DM Sans", Sans-serif;font-weight:700;}.elementor-1863 .elementor-element.elementor-element-3dc001f{--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;}.elementor-1863 .elementor-element.elementor-element-255d6ce.elementor-position-right .elementor-image-box-img{margin-left:20px;}.elementor-1863 .elementor-element.elementor-element-255d6ce.elementor-position-left .elementor-image-box-img{margin-right:20px;}.elementor-1863 .elementor-element.elementor-element-255d6ce.elementor-position-top .elementor-image-box-img{margin-bottom:20px;}.elementor-1863 .elementor-element.elementor-element-255d6ce .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-1863 .elementor-element.elementor-element-255d6ce .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1863 .elementor-element.elementor-element-255d6ce .elementor-image-box-title{font-family:"DM Serif Display", Sans-serif;font-weight:700;color:#D4A94F;}.elementor-1863 .elementor-element.elementor-element-255d6ce .elementor-image-box-description{font-family:"DM Sans", Sans-serif;font-weight:700;color:#4B2E2B;}.elementor-1863 .elementor-element.elementor-element-d4d5490{--display:flex;}.elementor-1863 .elementor-element.elementor-element-f2c1498{font-family:"DM Sans", Sans-serif;font-weight:600;color:#4B2E2B;}.elementor-1863 .elementor-element.elementor-element-c4519fa{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:center;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#4B2E2B;--n-accordion-title-hover-color:#4B2E2B;--n-accordion-title-active-color:#4B2E2B;--n-accordion-icon-size:18px;--n-accordion-icon-normal-color:#C06C5A;--n-accordion-icon-hover-color:#C06C5A;--n-accordion-icon-active-color:#C06C5A;}:where( .elementor-1863 .elementor-element.elementor-element-c4519fa > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"DM Sans", Sans-serif;font-weight:700;}.elementor-1863 .elementor-element.elementor-element-de088ce{--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;}.elementor-1863 .elementor-element.elementor-element-1b4d759.elementor-position-right .elementor-image-box-img{margin-left:20px;}.elementor-1863 .elementor-element.elementor-element-1b4d759.elementor-position-left .elementor-image-box-img{margin-right:20px;}.elementor-1863 .elementor-element.elementor-element-1b4d759.elementor-position-top .elementor-image-box-img{margin-bottom:20px;}.elementor-1863 .elementor-element.elementor-element-1b4d759 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-1863 .elementor-element.elementor-element-1b4d759 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1863 .elementor-element.elementor-element-1b4d759 .elementor-image-box-title{font-family:"DM Serif Display", Sans-serif;font-weight:700;color:#D4A94F;}.elementor-1863 .elementor-element.elementor-element-1b4d759 .elementor-image-box-description{font-family:"DM Sans", Sans-serif;font-weight:700;color:#4B2E2B;}.elementor-1863 .elementor-element.elementor-element-e70f14d{--display:flex;}.elementor-1863 .elementor-element.elementor-element-0d05006{font-family:"DM Sans", Sans-serif;font-weight:600;color:#4B2E2B;}.elementor-1863 .elementor-element.elementor-element-c28bf0a{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:center;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#4B2E2B;--n-accordion-title-hover-color:#4B2E2B;--n-accordion-title-active-color:#4B2E2B;--n-accordion-icon-size:18px;--n-accordion-icon-normal-color:#C06C5A;--n-accordion-icon-hover-color:#C06C5A;--n-accordion-icon-active-color:#C06C5A;}:where( .elementor-1863 .elementor-element.elementor-element-c28bf0a > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"DM Sans", Sans-serif;font-weight:700;}.elementor-1863 .elementor-element.elementor-element-de7b887{--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;}.elementor-1863 .elementor-element.elementor-element-375d911.elementor-position-right .elementor-image-box-img{margin-left:20px;}.elementor-1863 .elementor-element.elementor-element-375d911.elementor-position-left .elementor-image-box-img{margin-right:20px;}.elementor-1863 .elementor-element.elementor-element-375d911.elementor-position-top .elementor-image-box-img{margin-bottom:20px;}.elementor-1863 .elementor-element.elementor-element-375d911 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-1863 .elementor-element.elementor-element-375d911 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1863 .elementor-element.elementor-element-375d911 .elementor-image-box-title{font-family:"DM Serif Display", Sans-serif;font-weight:700;color:#D4A94F;}.elementor-1863 .elementor-element.elementor-element-375d911 .elementor-image-box-description{font-family:"DM Sans", Sans-serif;font-weight:700;color:#4B2E2B;}.elementor-1863 .elementor-element.elementor-element-99210ce{--display:flex;}.elementor-1863 .elementor-element.elementor-element-69818d8{font-family:"DM Sans", Sans-serif;font-weight:600;color:#4B2E2B;}.elementor-1863 .elementor-element.elementor-element-b010941{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:center;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#4B2E2B;--n-accordion-title-hover-color:#4B2E2B;--n-accordion-title-active-color:#4B2E2B;--n-accordion-icon-size:18px;--n-accordion-icon-normal-color:#C06C5A;--n-accordion-icon-hover-color:#C06C5A;--n-accordion-icon-active-color:#C06C5A;}:where( .elementor-1863 .elementor-element.elementor-element-b010941 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"DM Sans", Sans-serif;font-weight:700;}.elementor-1863 .elementor-element.elementor-element-dee5f72{--display:flex;}.elementor-1863 .elementor-element.elementor-element-c11ac0f{--spacer-size:20px;}.elementor-1863 .elementor-element.elementor-element-ab89338{--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;}.elementor-1863 .elementor-element.elementor-element-df732e3{text-align:center;}.elementor-1863 .elementor-element.elementor-element-df732e3 .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:60px;font-weight:700;color:#4B2E2B;}.elementor-1863 .elementor-element.elementor-element-e947b5a{--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;}.elementor-1863 .elementor-element.elementor-element-828e684{--display:flex;}.elementor-1863 .elementor-element.elementor-element-824ba61{--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;}.elementor-1863 .elementor-element.elementor-element-069dab4{text-align:center;}.elementor-1863 .elementor-element.elementor-element-069dab4 .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:42px;font-weight:700;color:#4B2E2B;}.elementor-1863 .elementor-element.elementor-element-784c214{--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;}.elementor-1863 .elementor-element.elementor-element-dc82ec0{--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;}.elementor-1863 .elementor-element.elementor-element-c9a51a4{--display:flex;}.elementor-1863 .elementor-element.elementor-element-b58d9c9{text-align:center;font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:600;color:#4B2E2B;}.elementor-1863 .elementor-element.elementor-element-f0b2229{--display:flex;}.elementor-1863 .elementor-element.elementor-element-656d7bc{text-align:center;font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:600;color:#4B2E2B;}.elementor-1863 .elementor-element.elementor-element-8dbb203{--display:flex;}.elementor-1863 .elementor-element.elementor-element-fbcf322{text-align:center;font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:600;color:#4B2E2B;}.elementor-1863 .elementor-element.elementor-element-99eba5d{--display:flex;}.elementor-1863 .elementor-element.elementor-element-5455306{text-align:center;font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:600;color:#4B2E2B;}.elementor-1863 .elementor-element.elementor-element-33290a9{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-font-size:18px;--n-tabs-title-color:#4B2E2B;--n-tabs-title-color-active:#4B2E2B;}.elementor-1863 .elementor-element.elementor-element-33290a9 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #D4A94F 100%);}.elementor-1863 .elementor-element.elementor-element-33290a9.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #D4A94F 100%);}.elementor-1863 .elementor-element.elementor-element-33290a9.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1863 .elementor-element.elementor-element-33290a9.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #C06C5A 100%);}.elementor-1863 .elementor-element.elementor-element-33290a9.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"DM Sans", Sans-serif;font-weight:700;}.elementor-1863 .elementor-element.elementor-element-33290a9 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#4B2E2B;}.elementor-1863 .elementor-element.elementor-element-03d2cca{--display:flex;}.elementor-1863 .elementor-element.elementor-element-0b23e4c{--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;}.elementor-1863 .elementor-element.elementor-element-24dc1ed{text-align:center;}.elementor-1863 .elementor-element.elementor-element-24dc1ed .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:42px;font-weight:700;color:#4B2E2B;}.elementor-1863 .elementor-element.elementor-element-aa0477c{--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;}.elementor-1863 .elementor-element.elementor-element-e854cea{--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;}.elementor-1863 .elementor-element.elementor-element-7551d1d{--display:flex;}.elementor-1863 .elementor-element.elementor-element-513458a{text-align:center;font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:600;color:#4B2E2B;}.elementor-1863 .elementor-element.elementor-element-ce2dddd{--display:flex;}.elementor-1863 .elementor-element.elementor-element-6bae7de{text-align:center;font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:600;color:#4B2E2B;}.elementor-1863 .elementor-element.elementor-element-00deb54{--display:flex;}.elementor-1863 .elementor-element.elementor-element-82d2ddd{text-align:center;font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:600;color:#4B2E2B;}.elementor-1863 .elementor-element.elementor-element-d9047ab{--display:flex;}.elementor-1863 .elementor-element.elementor-element-4640183{text-align:center;font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:600;color:#4B2E2B;}.elementor-1863 .elementor-element.elementor-element-7059711{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-font-size:18px;--n-tabs-title-color:#4B2E2B;--n-tabs-title-color-active:#4B2E2B;}.elementor-1863 .elementor-element.elementor-element-7059711 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #D4A94F 100%);}.elementor-1863 .elementor-element.elementor-element-7059711.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #D4A94F 100%);}.elementor-1863 .elementor-element.elementor-element-7059711.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1863 .elementor-element.elementor-element-7059711.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #C06C5A 100%);}.elementor-1863 .elementor-element.elementor-element-7059711.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"DM Sans", Sans-serif;font-weight:700;}.elementor-1863 .elementor-element.elementor-element-7059711 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#4B2E2B;}.elementor-1863 .elementor-element.elementor-element-ae43a05{--display:flex;}.elementor-1863 .elementor-element.elementor-element-91d1e01{--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;}.elementor-1863 .elementor-element.elementor-element-534a2af{text-align:center;}.elementor-1863 .elementor-element.elementor-element-534a2af .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:42px;font-weight:700;color:#4B2E2B;}.elementor-1863 .elementor-element.elementor-element-2b27221{--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;}.elementor-1863 .elementor-element.elementor-element-49f9609{--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;}.elementor-1863 .elementor-element.elementor-element-c82e3e0{--display:flex;}.elementor-1863 .elementor-element.elementor-element-bb0a85e{text-align:center;font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:600;color:#4B2E2B;}.elementor-1863 .elementor-element.elementor-element-e8a2a13{--display:flex;}.elementor-1863 .elementor-element.elementor-element-8647f9a{text-align:center;font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:600;color:#4B2E2B;}.elementor-1863 .elementor-element.elementor-element-1274f4f{--display:flex;}.elementor-1863 .elementor-element.elementor-element-5737a58{text-align:center;font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:600;color:#4B2E2B;}.elementor-1863 .elementor-element.elementor-element-6cddcc5{--display:flex;}.elementor-1863 .elementor-element.elementor-element-2cabde2{text-align:center;font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:600;color:#4B2E2B;}.elementor-1863 .elementor-element.elementor-element-820e53c{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-font-size:18px;--n-tabs-title-color:#4B2E2B;--n-tabs-title-color-active:#4B2E2B;}.elementor-1863 .elementor-element.elementor-element-820e53c > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #D4A94F 100%);}.elementor-1863 .elementor-element.elementor-element-820e53c.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #D4A94F 100%);}.elementor-1863 .elementor-element.elementor-element-820e53c.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1863 .elementor-element.elementor-element-820e53c.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #C06C5A 100%);}.elementor-1863 .elementor-element.elementor-element-820e53c.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"DM Sans", Sans-serif;font-weight:700;}.elementor-1863 .elementor-element.elementor-element-820e53c [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#4B2E2B;}.elementor-1863 .elementor-element.elementor-element-d4336f1{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-font-size:16px;--n-tabs-title-color:#4B2E2B;--n-tabs-title-color-active:#4B2E2B;--n-tabs-icon-gap:10px;--n-tabs-icon-color:#C06C5A;--n-tabs-icon-color-active:#FFFFFF;}.elementor-1863 .elementor-element.elementor-element-d4336f1 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #D4A94F 100%);}.elementor-1863 .elementor-element.elementor-element-d4336f1.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #D4A94F 100%);}.elementor-1863 .elementor-element.elementor-element-d4336f1.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1863 .elementor-element.elementor-element-d4336f1.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #C06C5A 100%);}.elementor-1863 .elementor-element.elementor-element-d4336f1.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"DM Sans", Sans-serif;font-weight:600;}.elementor-1863 .elementor-element.elementor-element-d4336f1 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#4B2E2B;--n-tabs-icon-color-hover:#000000;}.elementor-1863 .elementor-element.elementor-element-7477864{--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;}.elementor-1863 .elementor-element.elementor-element-ba62549{text-align:center;}.elementor-1863 .elementor-element.elementor-element-ba62549 .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:46px;font-weight:700;color:#4B2E2B;}.elementor-1863 .elementor-element.elementor-element-a2dfceb{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1863 .elementor-element.elementor-element-30e09ee{--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;}.elementor-1863 .elementor-element.elementor-element-9d14951.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-1863 .elementor-element.elementor-element-9d14951.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-1863 .elementor-element.elementor-element-9d14951.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-1863 .elementor-element.elementor-element-9d14951 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-1863 .elementor-element.elementor-element-9d14951 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1863 .elementor-element.elementor-element-9d14951 .elementor-image-box-title{font-family:"DM Serif Display", Sans-serif;font-size:28px;font-weight:700;color:#4B2E2B;}.elementor-1863 .elementor-element.elementor-element-9d14951 .elementor-image-box-description{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:600;color:#FF0000;}.elementor-1863 .elementor-element.elementor-element-5e30dd3 .elementor-icon-list-icon i{color:#C06C5A;transition:color 0.3s;}.elementor-1863 .elementor-element.elementor-element-5e30dd3 .elementor-icon-list-icon svg{fill:#C06C5A;transition:fill 0.3s;}.elementor-1863 .elementor-element.elementor-element-5e30dd3{--e-icon-list-icon-size:16px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-offset:0px;}.elementor-1863 .elementor-element.elementor-element-5e30dd3 .elementor-icon-list-icon{padding-inline-end:5px;}.elementor-1863 .elementor-element.elementor-element-5e30dd3 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1863 .elementor-element.elementor-element-5e30dd3 .elementor-icon-list-item > a{font-family:"DM Sans", Sans-serif;font-weight:600;}.elementor-1863 .elementor-element.elementor-element-5e30dd3 .elementor-icon-list-text{color:#4B2E2B;transition:color 0.3s;}.elementor-1863 .elementor-element.elementor-element-578e725 .elementor-button{background-color:transparent;font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:600;fill:#4B2E2B;color:#4B2E2B;background-image:linear-gradient(180deg, #FFFFFF 0%, #D4A94F 100%);}.elementor-1863 .elementor-element.elementor-element-578e725 .elementor-button:hover, .elementor-1863 .elementor-element.elementor-element-578e725 .elementor-button:focus{background-color:transparent;color:#4B2E2B;background-image:linear-gradient(180deg, #FFFFFF 0%, #C06C5A 100%);}.elementor-1863 .elementor-element.elementor-element-578e725 .elementor-button:hover svg, .elementor-1863 .elementor-element.elementor-element-578e725 .elementor-button:focus svg{fill:#4B2E2B;}.elementor-1863 .elementor-element.elementor-element-7e1b07d{--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;}.elementor-1863 .elementor-element.elementor-element-c14c900.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-1863 .elementor-element.elementor-element-c14c900.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-1863 .elementor-element.elementor-element-c14c900.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-1863 .elementor-element.elementor-element-c14c900 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-1863 .elementor-element.elementor-element-c14c900 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1863 .elementor-element.elementor-element-c14c900 .elementor-image-box-title{font-family:"DM Serif Display", Sans-serif;font-size:26px;font-weight:700;color:#4B2E2B;}.elementor-1863 .elementor-element.elementor-element-c14c900 .elementor-image-box-description{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:600;color:#4B2E2B;}.elementor-1863 .elementor-element.elementor-element-83811ce .elementor-icon-list-icon i{color:#C06C5A;transition:color 0.3s;}.elementor-1863 .elementor-element.elementor-element-83811ce .elementor-icon-list-icon svg{fill:#C06C5A;transition:fill 0.3s;}.elementor-1863 .elementor-element.elementor-element-83811ce{--e-icon-list-icon-size:16px;--icon-vertical-offset:0px;}.elementor-1863 .elementor-element.elementor-element-83811ce .elementor-icon-list-icon{padding-inline-end:5px;}.elementor-1863 .elementor-element.elementor-element-83811ce .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1863 .elementor-element.elementor-element-83811ce .elementor-icon-list-item > a{font-family:"DM Sans", Sans-serif;font-weight:600;}.elementor-1863 .elementor-element.elementor-element-83811ce .elementor-icon-list-text{color:#4B2E2B;transition:color 0.3s;}.elementor-1863 .elementor-element.elementor-element-0572989 .elementor-button{background-color:transparent;font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:600;fill:#4B2E2B;color:#4B2E2B;background-image:linear-gradient(180deg, #FFFFFF 0%, #D4A94F 100%);}.elementor-1863 .elementor-element.elementor-element-0572989 .elementor-button:hover, .elementor-1863 .elementor-element.elementor-element-0572989 .elementor-button:focus{background-color:transparent;color:#4B2E2B;background-image:linear-gradient(180deg, #FFFFFF 0%, #C06C5A 100%);}.elementor-1863 .elementor-element.elementor-element-0572989 .elementor-button:hover svg, .elementor-1863 .elementor-element.elementor-element-0572989 .elementor-button:focus svg{fill:#4B2E2B;}.elementor-1863 .elementor-element.elementor-element-9b479f9{--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;}.elementor-1863 .elementor-element.elementor-element-c186fd9{text-align:center;}.elementor-1863 .elementor-element.elementor-element-c186fd9 .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:46px;font-weight:700;color:#4B2E2B;}.elementor-1863 .elementor-element.elementor-element-10e0c60{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1863 .elementor-element.elementor-element-8e1f10f .swiper-pagination-bullet-active, .elementor-1863 .elementor-element.elementor-element-8e1f10f .swiper-pagination-progressbar-fill{background-color:#C06C5A;}.elementor-1863 .elementor-element.elementor-element-8e1f10f .swiper-pagination-fraction{color:#C06C5A;}.elementor-1863 .elementor-element.elementor-element-8e1f10f .elementor-swiper-button{font-size:24px;color:#C06C5A;}.elementor-1863 .elementor-element.elementor-element-8e1f10f .elementor-swiper-button svg{fill:#C06C5A;}.elementor-1863 .elementor-element.elementor-element-8e1f10f .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:4px;--swiper-pagination-bullet-vertical-gap:4px;height:8px;width:8px;}.elementor-1863 .elementor-element.elementor-element-8e1f10f .swiper-horizontal .swiper-pagination-progressbar{height:8px;}.elementor-1863 .elementor-element.elementor-element-8e1f10f .elementor-testimonial__text{color:#4B2E2B;font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:600;}.elementor-1863 .elementor-element.elementor-element-8e1f10f .elementor-testimonial__name{color:#4B2E2B;font-family:"DM Serif Display", Sans-serif;font-size:18px;font-weight:700;}.elementor-1863 .elementor-element.elementor-element-8e1f10f .elementor-testimonial__title{color:#C06C5A;font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:600;}.elementor-1863 .elementor-element.elementor-element-f33e6b9{--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;}.elementor-1863 .elementor-element.elementor-element-2a48687 .elementor-cta .elementor-cta__bg, .elementor-1863 .elementor-element.elementor-element-2a48687 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-1863 .elementor-element.elementor-element-2a48687 .elementor-cta__content{text-align:center;}.elementor-1863 .elementor-element.elementor-element-2a48687 .elementor-cta__bg-wrapper{min-width:62px;min-height:500px;}.elementor-1863 .elementor-element.elementor-element-2a48687 .elementor-cta__title{font-family:"DM Serif Display", Sans-serif;font-size:38px;font-weight:700;color:#4B2E2B;}.elementor-1863 .elementor-element.elementor-element-2a48687 .elementor-cta__description{font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:600;color:#C06C5A;}.elementor-1863 .elementor-element.elementor-element-2a48687 .elementor-cta__button{font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:600;font-style:oblique;color:#4B2E2B;background-color:#D4A94FA6;border-color:#4B2E2B;border-width:3px;border-radius:100px;}.elementor-1863 .elementor-element.elementor-element-2a48687 .elementor-cta__bg-overlay{mix-blend-mode:overlay;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-1863 .elementor-element.elementor-element-1e2773d .elementor-image-box-img{margin-bottom:20px;}.elementor-1863 .elementor-element.elementor-element-255d6ce .elementor-image-box-img{margin-bottom:20px;}.elementor-1863 .elementor-element.elementor-element-1b4d759 .elementor-image-box-img{margin-bottom:20px;}.elementor-1863 .elementor-element.elementor-element-375d911 .elementor-image-box-img{margin-bottom:20px;}.elementor-1863 .elementor-element.elementor-element-9d14951 .elementor-image-box-img{margin-bottom:15px;}.elementor-1863 .elementor-element.elementor-element-c14c900 .elementor-image-box-img{margin-bottom:15px;}.elementor-1863 .elementor-element.elementor-element-2a48687 .elementor-cta__bg-wrapper{min-height:200px;}}@media(min-width:768px){.elementor-1863 .elementor-element.elementor-element-950134f{--width:25%;}.elementor-1863 .elementor-element.elementor-element-3dc001f{--width:25%;}.elementor-1863 .elementor-element.elementor-element-de088ce{--width:25%;}.elementor-1863 .elementor-element.elementor-element-de7b887{--width:25%;}.elementor-1863 .elementor-element.elementor-element-30e09ee{--width:50%;}.elementor-1863 .elementor-element.elementor-element-7e1b07d{--width:50%;}}/* Start custom CSS for heading, class: .elementor-element-9e6d47d */.elementor-1863 .elementor-element.elementor-element-9e6d47d {
  font-family: 'DM Serif Display', serif;
  font-size: 68px;
  font-weight: 400;
  text-align: center;
  line-height: 1.3;
  padding: 62px 92px;
  color: #4B2E2B;
  background: linear-gradient(135deg, rgba(245, 235, 221, 0.95), rgba(240, 228, 208, 0.88));
  position: relative;
  border-radius: 48% 52% 54% 46% / 45% 58% 42% 55%;
  box-shadow: 0 22px 55px rgba(75, 46, 43, 0.22);
  animation: blobMorph 10s ease-in-out infinite;
}
@keyframes blobMorph {
  0%, 100% { 
    border-radius: 48% 52% 54% 46% / 45% 58% 42% 55%;
    transform: rotate(0deg) scale(1);
  }
  25% { 
    border-radius: 58% 42% 48% 52% / 55% 45% 58% 42%;
    transform: rotate(2deg) scale(1.02);
  }
  50% { 
    border-radius: 45% 55% 42% 58% / 50% 52% 48% 50%;
    transform: rotate(-2deg) scale(0.98);
  }
  75% { 
    border-radius: 52% 48% 58% 42% / 42% 55% 45% 58%;
    transform: rotate(1deg) scale(1.01);
  }
}
.elementor-1863 .elementor-element.elementor-element-9e6d47d::before {
  content: '';
  position: absolute;
  top: -15%;
  left: -10%;
  width: 120%;
  height: 130%;
  background: radial-gradient(ellipse at 30% 40%, rgba(192, 108, 90, 0.12), transparent 60%);
  border-radius: 50% 45% 48% 52% / 42% 55% 45% 58%;
  z-index: -1;
  animation: blobGlow 8s ease-in-out infinite;
}
@keyframes blobGlow {
  0%, 100% { 
    opacity: 0.6;
    border-radius: 50% 45% 48% 52% / 42% 55% 45% 58%;
  }
  50% { 
    opacity: 0.8;
    border-radius: 45% 50% 52% 48% / 58% 42% 55% 45%;
  }
}
.elementor-1863 .elementor-element.elementor-element-9e6d47d::after {
  content: '';
  position: absolute;
  bottom: -12%;
  right: -8%;
  width: 100%;
  height: 110%;
  background: radial-gradient(ellipse at 70% 60%, rgba(212, 169, 79, 0.1), transparent 65%);
  border-radius: 48% 52% 50% 50% / 55% 48% 52% 45%;
  z-index: -1;
  animation: blobGlow2 9s ease-in-out 1.5s infinite;
}
@keyframes blobGlow2 {
  0%, 100% { 
    opacity: 0.5;
    border-radius: 48% 52% 50% 50% / 55% 48% 52% 45%;
  }
  50% { 
    opacity: 0.75;
    border-radius: 52% 48% 45% 55% / 48% 52% 48% 52%;
  }
}
@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-9e6d47d { font-size: 44px; padding: 52px 72px; }
}
@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-9e6d47d { font-size: 36px; padding: 44px 58px; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-925cf98 */.elementor-1863 .elementor-element.elementor-element-925cf98 {
  font-family: 'DM Sans', sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.6;
  color: #4B2E2B;
  opacity: 0.87;
  text-align: center;
  margin-top: 25px;
  position: relative;
  animation: wordsFade 0.8s ease-out 1s forwards;
}
@keyframes wordsFade {
  0% { opacity: 0; letter-spacing: 10px; }
  100% { opacity: 0.87; letter-spacing: 0.5px; }
}
.elementor-1863 .elementor-element.elementor-element-925cf98::before {
  content: '◆';
  position: absolute;
  left: 50%;
  top: -25px;
  transform: translateX(-50%);
  font-size: 12px;
  color: #D4A94F;
  opacity: 0;
  animation: diamondDrop 0.8s ease-out 1.5s forwards;
}
@keyframes diamondDrop {
  0% { opacity: 0; top: -35px; }
  100% { opacity: 0.7; top: -20px; }
}
@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-925cf98 { font-size: 18px; }
}
@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-925cf98 { font-size: 16px; }
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-1e2773d *//* Premium Card Container */
.elementor-1863 .elementor-element.elementor-element-1e2773d {
    background: linear-gradient(135deg, #FFF8E7 0%, #F5EBDD 100%);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 15px 50px rgba(75, 46, 43, 0.18);
    transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
    border: 3px solid rgba(212, 169, 79, 0.25);
    position: relative;
    padding: 12px;
}

/* Artistic Top Corner Accent */
.elementor-1863 .elementor-element.elementor-element-1e2773d::before {
    content: "";
    position: absolute;
    top: -60px;
    right: -60px;
    width: 180px;
    height: 180px;
    background: radial-gradient(circle, rgba(212, 169, 79, 0.2) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    transition: all 0.6s ease;
    z-index: 1;
}

/* Bottom Corner Artistic Touch */
.elementor-1863 .elementor-element.elementor-element-1e2773d::after {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 120px;
    height: 120px;
    background: linear-gradient(135deg, transparent 50%, rgba(192, 108, 90, 0.1) 50%);
    pointer-events: none;
    z-index: 1;
}

/* Hover Container Effect */
.elementor-1863 .elementor-element.elementor-element-1e2773d:hover {
    transform: translateY(-15px) scale(1.03) rotate(-1deg);
    box-shadow: 0 25px 70px rgba(75, 46, 43, 0.3);
    border-color: rgba(212, 169, 79, 0.6);
}

.elementor-1863 .elementor-element.elementor-element-1e2773d:hover::before {
    transform: scale(1.8) rotate(45deg);
    opacity: 0.8;
}

/* Image Container - Polaroid Style */
.elementor-1863 .elementor-element.elementor-element-1e2773d .elementor-widget-image {
    overflow: hidden;
    position: relative;
    border-radius: 12px;
    background: white;
    padding: 8px;
    box-shadow: 0 8px 25px rgba(75, 46, 43, 0.15);
    transition: all 0.5s ease;
}

.elementor-1863 .elementor-element.elementor-element-1e2773d:hover .elementor-widget-image {
    box-shadow: 0 12px 35px rgba(75, 46, 43, 0.25);
    transform: translateY(-5px);
}

/* Image Zoom with Rotation */
.elementor-1863 .elementor-element.elementor-element-1e2773d img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    display: block;
    filter: brightness(0.92) contrast(1.08) saturate(1.1);
    border-radius: 6px;
}

.elementor-1863 .elementor-element.elementor-element-1e2773d:hover img {
    transform: scale(1.2) rotate(3deg);
    filter: brightness(1) contrast(1.15) saturate(1.2);
}

/* Subtle Vignette on Image */
.elementor-1863 .elementor-element.elementor-element-1e2773d .elementor-widget-image::after {
    content: "";
    position: absolute;
    top: 8px;
    left: 8px;
    right: 8px;
    bottom: 8px;
    background: radial-gradient(circle, transparent 30%, rgba(75, 46, 43, 0.15) 100%);
    pointer-events: none;
    border-radius: 6px;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.elementor-1863 .elementor-element.elementor-element-1e2773d:hover .elementor-widget-image::after {
    opacity: 1;
}

/* Title with Handwritten Effect */
.elementor-1863 .elementor-element.elementor-element-1e2773d .elementor-heading-title {
    font-family: 'DM Serif Display', serif !important;
    font-size: 36px !important;
    color: #D4A94F !important;
    margin: 24px 0 16px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    letter-spacing: 1.5px;
    transition: all 0.5s ease;
    position: relative;
    display: inline-block;
    text-align: center;
    width: 100%;
    text-shadow: 2px 2px 4px rgba(212, 169, 79, 0.1);
}

/* Artistic Underline Animation */
.elementor-1863 .elementor-element.elementor-element-1e2773d .elementor-heading-title::after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, #C06C5A, #D4A94F, transparent);
    transition: width 0.5s ease;
}

.elementor-1863 .elementor-element.elementor-element-1e2773d:hover .elementor-heading-title {
    color: #C06C5A !important;
    transform: scale(1.05);
    text-shadow: 3px 3px 6px rgba(192, 108, 90, 0.2);
}

.elementor-1863 .elementor-element.elementor-element-1e2773d:hover .elementor-heading-title::after {
    width: 80%;
}

/* Subtitle with Italic Style */
.elementor-1863 .elementor-element.elementor-element-1e2773d .elementor-text-editor,
.elementor-1863 .elementor-element.elementor-element-1e2773d p {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 17px !important;
    color: #4B2E2B !important;
    margin: 0 20px 24px !important;
    line-height: 1.6 !important;
    font-weight: 400;
    font-style: italic;
    opacity: 0.8;
    transition: all 0.5s ease;
    text-align: center;
}

.elementor-1863 .elementor-element.elementor-element-1e2773d:hover .elementor-text-editor,
.elementor-1863 .elementor-element.elementor-element-1e2773d:hover p {
    opacity: 1;
    transform: translateY(-3px);
    color: #C06C5A !important;
}

/* Decorative Quote Marks */
.elementor-1863 .elementor-element.elementor-element-1e2773d .elementor-text-editor::before {
    content: """;
    font-family: 'DM Serif Display', serif;
    font-size: 48px;
    color: rgba(212, 169, 79, 0.2);
    position: absolute;
    left: 10px;
    top: -15px;
}

.elementor-1863 .elementor-element.elementor-element-1e2773d .elementor-text-editor::after {
    content: """;
    font-family: 'DM Serif Display', serif;
    font-size: 48px;
    color: rgba(212, 169, 79, 0.2);
    position: absolute;
    right: 10px;
    bottom: -30px;
}

.elementor-1863 .elementor-element.elementor-element-1e2773d .elementor-text-editor {
    position: relative;
    padding: 0 40px;
}

/* Content Wrapper */
.elementor-1863 .elementor-element.elementor-element-1e2773d .elementor-widget-wrap {
    padding: 0 !important;
    position: relative;
    z-index: 2;
}

/* Remove Default Margins */
.elementor-1863 .elementor-element.elementor-element-1e2773d .elementor-widget {
    margin-bottom: 0 !important;
}

/* Artistic Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-1e2773d {
    background-image: 
        linear-gradient(135deg, #FFF8E7 0%, #F5EBDD 100%),
        repeating-linear-gradient(45deg, transparent, transparent 2px, rgba(212, 169, 79, 0.02) 2px, rgba(212, 169, 79, 0.02) 4px);
}

/* Subtle Shadow Inside Card */
.elementor-1863 .elementor-element.elementor-element-1e2773d {
    box-shadow: 
        0 15px 50px rgba(75, 46, 43, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.8),
        inset 0 -2px 8px rgba(75, 46, 43, 0.05);
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .elementor-1863 .elementor-element.elementor-element-1e2773d {
        border-radius: 16px;
        padding: 10px;
    }
    
    .elementor-1863 .elementor-element.elementor-element-1e2773d:hover {
        transform: translateY(-10px) scale(1.02) rotate(-0.5deg);
    }
    
    .elementor-1863 .elementor-element.elementor-element-1e2773d .elementor-heading-title {
        font-size: 30px !important;
        margin: 20px 0 12px !important;
    }
    
    .elementor-1863 .elementor-element.elementor-element-1e2773d .elementor-text-editor,
    .elementor-1863 .elementor-element.elementor-element-1e2773d p {
        font-size: 16px !important;
        margin: 0 16px 20px !important;
        padding: 0 30px;
    }
    
    .elementor-1863 .elementor-element.elementor-element-1e2773d img {
        height: 240px !important;
    }
    
    .elementor-1863 .elementor-element.elementor-element-1e2773d:hover img {
        transform: scale(1.15) rotate(2deg);
    }
}

/* Entrance Animation */
.elementor-1863 .elementor-element.elementor-element-1e2773d {
    animation: cardFadeIn 0.8s ease-out;
}

@keyframes cardFadeIn {
    from {
        opacity: 0;
        transform: translateY(40px) rotate(-2deg);
    }
    to {
        opacity: 1;
        transform: translateY(0) rotate(0deg);
    }
}

/* Stagger Animation for Multiple Cards */
.elementor-1863 .elementor-element.elementor-element-1e2773d:nth-child(1) {
    animation-delay: 0s;
}

.elementor-1863 .elementor-element.elementor-element-1e2773d:nth-child(2) {
    animation-delay: 0.15s;
}

.elementor-1863 .elementor-element.elementor-element-1e2773d:nth-child(3) {
    animation-delay: 0.3s;
}

.elementor-1863 .elementor-element.elementor-element-1e2773d:nth-child(4) {
    animation-delay: 0.45s;
}

/* Subtle Bounce on Hover */
.elementor-1863 .elementor-element.elementor-element-1e2773d:hover {
    animation: gentleBounce 0.6s ease;
}

@keyframes gentleBounce {
    0%, 100% {
        transform: translateY(-15px) scale(1.03) rotate(-1deg);
    }
    50% {
        transform: translateY(-18px) scale(1.04) rotate(-1.5deg);
    }
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-255d6ce *//* Premium Card Container */
.elementor-1863 .elementor-element.elementor-element-255d6ce {
    background: linear-gradient(135deg, #FFF8E7 0%, #F5EBDD 100%);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 15px 50px rgba(75, 46, 43, 0.18);
    transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
    border: 3px solid rgba(212, 169, 79, 0.25);
    position: relative;
    padding: 12px;
}

/* Artistic Top Corner Accent */
.elementor-1863 .elementor-element.elementor-element-255d6ce::before {
    content: "";
    position: absolute;
    top: -60px;
    right: -60px;
    width: 180px;
    height: 180px;
    background: radial-gradient(circle, rgba(212, 169, 79, 0.2) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    transition: all 0.6s ease;
    z-index: 1;
}

/* Bottom Corner Artistic Touch */
.elementor-1863 .elementor-element.elementor-element-255d6ce::after {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 120px;
    height: 120px;
    background: linear-gradient(135deg, transparent 50%, rgba(192, 108, 90, 0.1) 50%);
    pointer-events: none;
    z-index: 1;
}

/* Hover Container Effect */
.elementor-1863 .elementor-element.elementor-element-255d6ce:hover {
    transform: translateY(-15px) scale(1.03) rotate(-1deg);
    box-shadow: 0 25px 70px rgba(75, 46, 43, 0.3);
    border-color: rgba(212, 169, 79, 0.6);
}

.elementor-1863 .elementor-element.elementor-element-255d6ce:hover::before {
    transform: scale(1.8) rotate(45deg);
    opacity: 0.8;
}

/* Image Container - Polaroid Style */
.elementor-1863 .elementor-element.elementor-element-255d6ce .elementor-widget-image {
    overflow: hidden;
    position: relative;
    border-radius: 12px;
    background: white;
    padding: 8px;
    box-shadow: 0 8px 25px rgba(75, 46, 43, 0.15);
    transition: all 0.5s ease;
}

.elementor-1863 .elementor-element.elementor-element-255d6ce:hover .elementor-widget-image {
    box-shadow: 0 12px 35px rgba(75, 46, 43, 0.25);
    transform: translateY(-5px);
}

/* Image Zoom with Rotation */
.elementor-1863 .elementor-element.elementor-element-255d6ce img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    display: block;
    filter: brightness(0.92) contrast(1.08) saturate(1.1);
    border-radius: 6px;
}

.elementor-1863 .elementor-element.elementor-element-255d6ce:hover img {
    transform: scale(1.2) rotate(3deg);
    filter: brightness(1) contrast(1.15) saturate(1.2);
}

/* Subtle Vignette on Image */
.elementor-1863 .elementor-element.elementor-element-255d6ce .elementor-widget-image::after {
    content: "";
    position: absolute;
    top: 8px;
    left: 8px;
    right: 8px;
    bottom: 8px;
    background: radial-gradient(circle, transparent 30%, rgba(75, 46, 43, 0.15) 100%);
    pointer-events: none;
    border-radius: 6px;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.elementor-1863 .elementor-element.elementor-element-255d6ce:hover .elementor-widget-image::after {
    opacity: 1;
}

/* Title with Handwritten Effect */
.elementor-1863 .elementor-element.elementor-element-255d6ce .elementor-heading-title {
    font-family: 'DM Serif Display', serif !important;
    font-size: 36px !important;
    color: #D4A94F !important;
    margin: 24px 0 16px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    letter-spacing: 1.5px;
    transition: all 0.5s ease;
    position: relative;
    display: inline-block;
    text-align: center;
    width: 100%;
    text-shadow: 2px 2px 4px rgba(212, 169, 79, 0.1);
}

/* Artistic Underline Animation */
.elementor-1863 .elementor-element.elementor-element-255d6ce .elementor-heading-title::after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, #C06C5A, #D4A94F, transparent);
    transition: width 0.5s ease;
}

.elementor-1863 .elementor-element.elementor-element-255d6ce:hover .elementor-heading-title {
    color: #C06C5A !important;
    transform: scale(1.05);
    text-shadow: 3px 3px 6px rgba(192, 108, 90, 0.2);
}

.elementor-1863 .elementor-element.elementor-element-255d6ce:hover .elementor-heading-title::after {
    width: 80%;
}

/* Subtitle with Italic Style */
.elementor-1863 .elementor-element.elementor-element-255d6ce .elementor-text-editor,
.elementor-1863 .elementor-element.elementor-element-255d6ce p {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 17px !important;
    color: #4B2E2B !important;
    margin: 0 20px 24px !important;
    line-height: 1.6 !important;
    font-weight: 400;
    font-style: italic;
    opacity: 0.8;
    transition: all 0.5s ease;
    text-align: center;
}

.elementor-1863 .elementor-element.elementor-element-255d6ce:hover .elementor-text-editor,
.elementor-1863 .elementor-element.elementor-element-255d6ce:hover p {
    opacity: 1;
    transform: translateY(-3px);
    color: #C06C5A !important;
}

/* Decorative Quote Marks */
.elementor-1863 .elementor-element.elementor-element-255d6ce .elementor-text-editor::before {
    content: """;
    font-family: 'DM Serif Display', serif;
    font-size: 48px;
    color: rgba(212, 169, 79, 0.2);
    position: absolute;
    left: 10px;
    top: -15px;
}

.elementor-1863 .elementor-element.elementor-element-255d6ce .elementor-text-editor::after {
    content: """;
    font-family: 'DM Serif Display', serif;
    font-size: 48px;
    color: rgba(212, 169, 79, 0.2);
    position: absolute;
    right: 10px;
    bottom: -30px;
}

.elementor-1863 .elementor-element.elementor-element-255d6ce .elementor-text-editor {
    position: relative;
    padding: 0 40px;
}

/* Content Wrapper */
.elementor-1863 .elementor-element.elementor-element-255d6ce .elementor-widget-wrap {
    padding: 0 !important;
    position: relative;
    z-index: 2;
}

/* Remove Default Margins */
.elementor-1863 .elementor-element.elementor-element-255d6ce .elementor-widget {
    margin-bottom: 0 !important;
}

/* Artistic Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-255d6ce {
    background-image: 
        linear-gradient(135deg, #FFF8E7 0%, #F5EBDD 100%),
        repeating-linear-gradient(45deg, transparent, transparent 2px, rgba(212, 169, 79, 0.02) 2px, rgba(212, 169, 79, 0.02) 4px);
}

/* Subtle Shadow Inside Card */
.elementor-1863 .elementor-element.elementor-element-255d6ce {
    box-shadow: 
        0 15px 50px rgba(75, 46, 43, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.8),
        inset 0 -2px 8px rgba(75, 46, 43, 0.05);
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .elementor-1863 .elementor-element.elementor-element-255d6ce {
        border-radius: 16px;
        padding: 10px;
    }
    
    .elementor-1863 .elementor-element.elementor-element-255d6ce:hover {
        transform: translateY(-10px) scale(1.02) rotate(-0.5deg);
    }
    
    .elementor-1863 .elementor-element.elementor-element-255d6ce .elementor-heading-title {
        font-size: 30px !important;
        margin: 20px 0 12px !important;
    }
    
    .elementor-1863 .elementor-element.elementor-element-255d6ce .elementor-text-editor,
    .elementor-1863 .elementor-element.elementor-element-255d6ce p {
        font-size: 16px !important;
        margin: 0 16px 20px !important;
        padding: 0 30px;
    }
    
    .elementor-1863 .elementor-element.elementor-element-255d6ce img {
        height: 240px !important;
    }
    
    .elementor-1863 .elementor-element.elementor-element-255d6ce:hover img {
        transform: scale(1.15) rotate(2deg);
    }
}

/* Entrance Animation */
.elementor-1863 .elementor-element.elementor-element-255d6ce {
    animation: cardFadeIn 0.8s ease-out;
}

@keyframes cardFadeIn {
    from {
        opacity: 0;
        transform: translateY(40px) rotate(-2deg);
    }
    to {
        opacity: 1;
        transform: translateY(0) rotate(0deg);
    }
}

/* Stagger Animation for Multiple Cards */
.elementor-1863 .elementor-element.elementor-element-255d6ce:nth-child(1) {
    animation-delay: 0s;
}

.elementor-1863 .elementor-element.elementor-element-255d6ce:nth-child(2) {
    animation-delay: 0.15s;
}

.elementor-1863 .elementor-element.elementor-element-255d6ce:nth-child(3) {
    animation-delay: 0.3s;
}

.elementor-1863 .elementor-element.elementor-element-255d6ce:nth-child(4) {
    animation-delay: 0.45s;
}

/* Subtle Bounce on Hover */
.elementor-1863 .elementor-element.elementor-element-255d6ce:hover {
    animation: gentleBounce 0.6s ease;
}

@keyframes gentleBounce {
    0%, 100% {
        transform: translateY(-15px) scale(1.03) rotate(-1deg);
    }
    50% {
        transform: translateY(-18px) scale(1.04) rotate(-1.5deg);
    }
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-1b4d759 *//* Premium Card Container */
.elementor-1863 .elementor-element.elementor-element-1b4d759 {
    background: linear-gradient(135deg, #FFF8E7 0%, #F5EBDD 100%);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 15px 50px rgba(75, 46, 43, 0.18);
    transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
    border: 3px solid rgba(212, 169, 79, 0.25);
    position: relative;
    padding: 12px;
}

/* Artistic Top Corner Accent */
.elementor-1863 .elementor-element.elementor-element-1b4d759::before {
    content: "";
    position: absolute;
    top: -60px;
    right: -60px;
    width: 180px;
    height: 180px;
    background: radial-gradient(circle, rgba(212, 169, 79, 0.2) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    transition: all 0.6s ease;
    z-index: 1;
}

/* Bottom Corner Artistic Touch */
.elementor-1863 .elementor-element.elementor-element-1b4d759::after {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 120px;
    height: 120px;
    background: linear-gradient(135deg, transparent 50%, rgba(192, 108, 90, 0.1) 50%);
    pointer-events: none;
    z-index: 1;
}

/* Hover Container Effect */
.elementor-1863 .elementor-element.elementor-element-1b4d759:hover {
    transform: translateY(-15px) scale(1.03) rotate(-1deg);
    box-shadow: 0 25px 70px rgba(75, 46, 43, 0.3);
    border-color: rgba(212, 169, 79, 0.6);
}

.elementor-1863 .elementor-element.elementor-element-1b4d759:hover::before {
    transform: scale(1.8) rotate(45deg);
    opacity: 0.8;
}

/* Image Container - Polaroid Style */
.elementor-1863 .elementor-element.elementor-element-1b4d759 .elementor-widget-image {
    overflow: hidden;
    position: relative;
    border-radius: 12px;
    background: white;
    padding: 8px;
    box-shadow: 0 8px 25px rgba(75, 46, 43, 0.15);
    transition: all 0.5s ease;
}

.elementor-1863 .elementor-element.elementor-element-1b4d759:hover .elementor-widget-image {
    box-shadow: 0 12px 35px rgba(75, 46, 43, 0.25);
    transform: translateY(-5px);
}

/* Image Zoom with Rotation */
.elementor-1863 .elementor-element.elementor-element-1b4d759 img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    display: block;
    filter: brightness(0.92) contrast(1.08) saturate(1.1);
    border-radius: 6px;
}

.elementor-1863 .elementor-element.elementor-element-1b4d759:hover img {
    transform: scale(1.2) rotate(3deg);
    filter: brightness(1) contrast(1.15) saturate(1.2);
}

/* Subtle Vignette on Image */
.elementor-1863 .elementor-element.elementor-element-1b4d759 .elementor-widget-image::after {
    content: "";
    position: absolute;
    top: 8px;
    left: 8px;
    right: 8px;
    bottom: 8px;
    background: radial-gradient(circle, transparent 30%, rgba(75, 46, 43, 0.15) 100%);
    pointer-events: none;
    border-radius: 6px;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.elementor-1863 .elementor-element.elementor-element-1b4d759:hover .elementor-widget-image::after {
    opacity: 1;
}

/* Title with Handwritten Effect */
.elementor-1863 .elementor-element.elementor-element-1b4d759 .elementor-heading-title {
    font-family: 'DM Serif Display', serif !important;
    font-size: 36px !important;
    color: #D4A94F !important;
    margin: 24px 0 16px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    letter-spacing: 1.5px;
    transition: all 0.5s ease;
    position: relative;
    display: inline-block;
    text-align: center;
    width: 100%;
    text-shadow: 2px 2px 4px rgba(212, 169, 79, 0.1);
}

/* Artistic Underline Animation */
.elementor-1863 .elementor-element.elementor-element-1b4d759 .elementor-heading-title::after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, #C06C5A, #D4A94F, transparent);
    transition: width 0.5s ease;
}

.elementor-1863 .elementor-element.elementor-element-1b4d759:hover .elementor-heading-title {
    color: #C06C5A !important;
    transform: scale(1.05);
    text-shadow: 3px 3px 6px rgba(192, 108, 90, 0.2);
}

.elementor-1863 .elementor-element.elementor-element-1b4d759:hover .elementor-heading-title::after {
    width: 80%;
}

/* Subtitle with Italic Style */
.elementor-1863 .elementor-element.elementor-element-1b4d759 .elementor-text-editor,
.elementor-1863 .elementor-element.elementor-element-1b4d759 p {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 17px !important;
    color: #4B2E2B !important;
    margin: 0 20px 24px !important;
    line-height: 1.6 !important;
    font-weight: 400;
    font-style: italic;
    opacity: 0.8;
    transition: all 0.5s ease;
    text-align: center;
}

.elementor-1863 .elementor-element.elementor-element-1b4d759:hover .elementor-text-editor,
.elementor-1863 .elementor-element.elementor-element-1b4d759:hover p {
    opacity: 1;
    transform: translateY(-3px);
    color: #C06C5A !important;
}

/* Decorative Quote Marks */
.elementor-1863 .elementor-element.elementor-element-1b4d759 .elementor-text-editor::before {
    content: """;
    font-family: 'DM Serif Display', serif;
    font-size: 48px;
    color: rgba(212, 169, 79, 0.2);
    position: absolute;
    left: 10px;
    top: -15px;
}

.elementor-1863 .elementor-element.elementor-element-1b4d759 .elementor-text-editor::after {
    content: """;
    font-family: 'DM Serif Display', serif;
    font-size: 48px;
    color: rgba(212, 169, 79, 0.2);
    position: absolute;
    right: 10px;
    bottom: -30px;
}

.elementor-1863 .elementor-element.elementor-element-1b4d759 .elementor-text-editor {
    position: relative;
    padding: 0 40px;
}

/* Content Wrapper */
.elementor-1863 .elementor-element.elementor-element-1b4d759 .elementor-widget-wrap {
    padding: 0 !important;
    position: relative;
    z-index: 2;
}

/* Remove Default Margins */
.elementor-1863 .elementor-element.elementor-element-1b4d759 .elementor-widget {
    margin-bottom: 0 !important;
}

/* Artistic Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-1b4d759 {
    background-image: 
        linear-gradient(135deg, #FFF8E7 0%, #F5EBDD 100%),
        repeating-linear-gradient(45deg, transparent, transparent 2px, rgba(212, 169, 79, 0.02) 2px, rgba(212, 169, 79, 0.02) 4px);
}

/* Subtle Shadow Inside Card */
.elementor-1863 .elementor-element.elementor-element-1b4d759 {
    box-shadow: 
        0 15px 50px rgba(75, 46, 43, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.8),
        inset 0 -2px 8px rgba(75, 46, 43, 0.05);
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .elementor-1863 .elementor-element.elementor-element-1b4d759 {
        border-radius: 16px;
        padding: 10px;
    }
    
    .elementor-1863 .elementor-element.elementor-element-1b4d759:hover {
        transform: translateY(-10px) scale(1.02) rotate(-0.5deg);
    }
    
    .elementor-1863 .elementor-element.elementor-element-1b4d759 .elementor-heading-title {
        font-size: 30px !important;
        margin: 20px 0 12px !important;
    }
    
    .elementor-1863 .elementor-element.elementor-element-1b4d759 .elementor-text-editor,
    .elementor-1863 .elementor-element.elementor-element-1b4d759 p {
        font-size: 16px !important;
        margin: 0 16px 20px !important;
        padding: 0 30px;
    }
    
    .elementor-1863 .elementor-element.elementor-element-1b4d759 img {
        height: 240px !important;
    }
    
    .elementor-1863 .elementor-element.elementor-element-1b4d759:hover img {
        transform: scale(1.15) rotate(2deg);
    }
}

/* Entrance Animation */
.elementor-1863 .elementor-element.elementor-element-1b4d759 {
    animation: cardFadeIn 0.8s ease-out;
}

@keyframes cardFadeIn {
    from {
        opacity: 0;
        transform: translateY(40px) rotate(-2deg);
    }
    to {
        opacity: 1;
        transform: translateY(0) rotate(0deg);
    }
}

/* Stagger Animation for Multiple Cards */
.elementor-1863 .elementor-element.elementor-element-1b4d759:nth-child(1) {
    animation-delay: 0s;
}

.elementor-1863 .elementor-element.elementor-element-1b4d759:nth-child(2) {
    animation-delay: 0.15s;
}

.elementor-1863 .elementor-element.elementor-element-1b4d759:nth-child(3) {
    animation-delay: 0.3s;
}

.elementor-1863 .elementor-element.elementor-element-1b4d759:nth-child(4) {
    animation-delay: 0.45s;
}

/* Subtle Bounce on Hover */
.elementor-1863 .elementor-element.elementor-element-1b4d759:hover {
    animation: gentleBounce 0.6s ease;
}

@keyframes gentleBounce {
    0%, 100% {
        transform: translateY(-15px) scale(1.03) rotate(-1deg);
    }
    50% {
        transform: translateY(-18px) scale(1.04) rotate(-1.5deg);
    }
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-375d911 *//* Premium Card Container */
.elementor-1863 .elementor-element.elementor-element-375d911 {
    background: linear-gradient(135deg, #FFF8E7 0%, #F5EBDD 100%);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 15px 50px rgba(75, 46, 43, 0.18);
    transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
    border: 3px solid rgba(212, 169, 79, 0.25);
    position: relative;
    padding: 12px;
}

/* Artistic Top Corner Accent */
.elementor-1863 .elementor-element.elementor-element-375d911::before {
    content: "";
    position: absolute;
    top: -60px;
    right: -60px;
    width: 180px;
    height: 180px;
    background: radial-gradient(circle, rgba(212, 169, 79, 0.2) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    transition: all 0.6s ease;
    z-index: 1;
}

/* Bottom Corner Artistic Touch */
.elementor-1863 .elementor-element.elementor-element-375d911::after {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 120px;
    height: 120px;
    background: linear-gradient(135deg, transparent 50%, rgba(192, 108, 90, 0.1) 50%);
    pointer-events: none;
    z-index: 1;
}

/* Hover Container Effect */
.elementor-1863 .elementor-element.elementor-element-375d911:hover {
    transform: translateY(-15px) scale(1.03) rotate(-1deg);
    box-shadow: 0 25px 70px rgba(75, 46, 43, 0.3);
    border-color: rgba(212, 169, 79, 0.6);
}

.elementor-1863 .elementor-element.elementor-element-375d911:hover::before {
    transform: scale(1.8) rotate(45deg);
    opacity: 0.8;
}

/* Image Container - Polaroid Style */
.elementor-1863 .elementor-element.elementor-element-375d911 .elementor-widget-image {
    overflow: hidden;
    position: relative;
    border-radius: 12px;
    background: white;
    padding: 8px;
    box-shadow: 0 8px 25px rgba(75, 46, 43, 0.15);
    transition: all 0.5s ease;
}

.elementor-1863 .elementor-element.elementor-element-375d911:hover .elementor-widget-image {
    box-shadow: 0 12px 35px rgba(75, 46, 43, 0.25);
    transform: translateY(-5px);
}

/* Image Zoom with Rotation */
.elementor-1863 .elementor-element.elementor-element-375d911 img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    display: block;
    filter: brightness(0.92) contrast(1.08) saturate(1.1);
    border-radius: 6px;
}

.elementor-1863 .elementor-element.elementor-element-375d911:hover img {
    transform: scale(1.2) rotate(3deg);
    filter: brightness(1) contrast(1.15) saturate(1.2);
}

/* Subtle Vignette on Image */
.elementor-1863 .elementor-element.elementor-element-375d911 .elementor-widget-image::after {
    content: "";
    position: absolute;
    top: 8px;
    left: 8px;
    right: 8px;
    bottom: 8px;
    background: radial-gradient(circle, transparent 30%, rgba(75, 46, 43, 0.15) 100%);
    pointer-events: none;
    border-radius: 6px;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.elementor-1863 .elementor-element.elementor-element-375d911:hover .elementor-widget-image::after {
    opacity: 1;
}

/* Title with Handwritten Effect */
.elementor-1863 .elementor-element.elementor-element-375d911 .elementor-heading-title {
    font-family: 'DM Serif Display', serif !important;
    font-size: 36px !important;
    color: #D4A94F !important;
    margin: 24px 0 16px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    letter-spacing: 1.5px;
    transition: all 0.5s ease;
    position: relative;
    display: inline-block;
    text-align: center;
    width: 100%;
    text-shadow: 2px 2px 4px rgba(212, 169, 79, 0.1);
}

/* Artistic Underline Animation */
.elementor-1863 .elementor-element.elementor-element-375d911 .elementor-heading-title::after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, #C06C5A, #D4A94F, transparent);
    transition: width 0.5s ease;
}

.elementor-1863 .elementor-element.elementor-element-375d911:hover .elementor-heading-title {
    color: #C06C5A !important;
    transform: scale(1.05);
    text-shadow: 3px 3px 6px rgba(192, 108, 90, 0.2);
}

.elementor-1863 .elementor-element.elementor-element-375d911:hover .elementor-heading-title::after {
    width: 80%;
}

/* Subtitle with Italic Style */
.elementor-1863 .elementor-element.elementor-element-375d911 .elementor-text-editor,
.elementor-1863 .elementor-element.elementor-element-375d911 p {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 17px !important;
    color: #4B2E2B !important;
    margin: 0 20px 24px !important;
    line-height: 1.6 !important;
    font-weight: 400;
    font-style: italic;
    opacity: 0.8;
    transition: all 0.5s ease;
    text-align: center;
}

.elementor-1863 .elementor-element.elementor-element-375d911:hover .elementor-text-editor,
.elementor-1863 .elementor-element.elementor-element-375d911:hover p {
    opacity: 1;
    transform: translateY(-3px);
    color: #C06C5A !important;
}

/* Decorative Quote Marks */
.elementor-1863 .elementor-element.elementor-element-375d911 .elementor-text-editor::before {
    content: """;
    font-family: 'DM Serif Display', serif;
    font-size: 48px;
    color: rgba(212, 169, 79, 0.2);
    position: absolute;
    left: 10px;
    top: -15px;
}

.elementor-1863 .elementor-element.elementor-element-375d911 .elementor-text-editor::after {
    content: """;
    font-family: 'DM Serif Display', serif;
    font-size: 48px;
    color: rgba(212, 169, 79, 0.2);
    position: absolute;
    right: 10px;
    bottom: -30px;
}

.elementor-1863 .elementor-element.elementor-element-375d911 .elementor-text-editor {
    position: relative;
    padding: 0 40px;
}

/* Content Wrapper */
.elementor-1863 .elementor-element.elementor-element-375d911 .elementor-widget-wrap {
    padding: 0 !important;
    position: relative;
    z-index: 2;
}

/* Remove Default Margins */
.elementor-1863 .elementor-element.elementor-element-375d911 .elementor-widget {
    margin-bottom: 0 !important;
}

/* Artistic Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-375d911 {
    background-image: 
        linear-gradient(135deg, #FFF8E7 0%, #F5EBDD 100%),
        repeating-linear-gradient(45deg, transparent, transparent 2px, rgba(212, 169, 79, 0.02) 2px, rgba(212, 169, 79, 0.02) 4px);
}

/* Subtle Shadow Inside Card */
.elementor-1863 .elementor-element.elementor-element-375d911 {
    box-shadow: 
        0 15px 50px rgba(75, 46, 43, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.8),
        inset 0 -2px 8px rgba(75, 46, 43, 0.05);
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .elementor-1863 .elementor-element.elementor-element-375d911 {
        border-radius: 16px;
        padding: 10px;
    }
    
    .elementor-1863 .elementor-element.elementor-element-375d911:hover {
        transform: translateY(-10px) scale(1.02) rotate(-0.5deg);
    }
    
    .elementor-1863 .elementor-element.elementor-element-375d911 .elementor-heading-title {
        font-size: 30px !important;
        margin: 20px 0 12px !important;
    }
    
    .elementor-1863 .elementor-element.elementor-element-375d911 .elementor-text-editor,
    .elementor-1863 .elementor-element.elementor-element-375d911 p {
        font-size: 16px !important;
        margin: 0 16px 20px !important;
        padding: 0 30px;
    }
    
    .elementor-1863 .elementor-element.elementor-element-375d911 img {
        height: 240px !important;
    }
    
    .elementor-1863 .elementor-element.elementor-element-375d911:hover img {
        transform: scale(1.15) rotate(2deg);
    }
}

/* Entrance Animation */
.elementor-1863 .elementor-element.elementor-element-375d911 {
    animation: cardFadeIn 0.8s ease-out;
}

@keyframes cardFadeIn {
    from {
        opacity: 0;
        transform: translateY(40px) rotate(-2deg);
    }
    to {
        opacity: 1;
        transform: translateY(0) rotate(0deg);
    }
}

/* Stagger Animation for Multiple Cards */
.elementor-1863 .elementor-element.elementor-element-375d911:nth-child(1) {
    animation-delay: 0s;
}

.elementor-1863 .elementor-element.elementor-element-375d911:nth-child(2) {
    animation-delay: 0.15s;
}

.elementor-1863 .elementor-element.elementor-element-375d911:nth-child(3) {
    animation-delay: 0.3s;
}

.elementor-1863 .elementor-element.elementor-element-375d911:nth-child(4) {
    animation-delay: 0.45s;
}

/* Subtle Bounce on Hover */
.elementor-1863 .elementor-element.elementor-element-375d911:hover {
    animation: gentleBounce 0.6s ease;
}

@keyframes gentleBounce {
    0%, 100% {
        transform: translateY(-15px) scale(1.03) rotate(-1deg);
    }
    50% {
        transform: translateY(-18px) scale(1.04) rotate(-1.5deg);
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-df732e3 */.elementor-1863 .elementor-element.elementor-element-df732e3 {
  font-family: 'DM Serif Display', serif;
  font-size: 68px;
  font-weight: 400;
  text-align: center;
  line-height: 1.3;
  padding: 60px 85px;
  color: #4B2E2B;
  background: linear-gradient(135deg, #f5ebdd 0%, #ede1cd 100%);
  border: 6px solid #C06C5A;
  border-image: repeating-linear-gradient(
    45deg,
    #C06C5A,
    #C06C5A 10px,
    transparent 10px,
    transparent 15px
  ) 6;
  position: relative;
  box-shadow: 
    0 8px 25px rgba(75, 46, 43, 0.2),
    inset 0 0 30px rgba(192, 108, 90, 0.05);
  animation: stampPress 2s ease-out;
}
@keyframes stampPress {
  0% { transform: scale(0.85) rotate(-5deg); opacity: 0; }
  60% { transform: scale(1.03) rotate(1deg); }
  100% { transform: scale(1) rotate(0deg); opacity: 1; }
}
.elementor-1863 .elementor-element.elementor-element-df732e3::before {
  content: '';
  position: absolute;
  top: -35px;
  right: -30px;
  width: 120px;
  height: 120px;
  border: 4px solid rgba(192, 108, 90, 0.35);
  border-radius: 50%;
  transform: rotate(15deg);
  box-shadow: inset 0 0 20px rgba(192, 108, 90, 0.1);
}
.elementor-1863 .elementor-element.elementor-element-df732e3::after {
  content: 'BREWOLOGY';
  position: absolute;
  top: -25px;
  right: -20px;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'DM Sans', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  color: rgba(192, 108, 90, 0.6);
  transform: rotate(15deg);
  text-align: center;
  line-height: 1.2;
}
@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-df732e3 { font-size: 44px; padding: 50px 65px; }
  .elementor-1863 .elementor-element.elementor-element-df732e3::before { width: 90px; height: 90px; top: -25px; right: -20px; }
  .elementor-1863 .elementor-element.elementor-element-df732e3::after { width: 75px; height: 75px; top: -18px; right: -12px; font-size: 9px; }
}
@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-df732e3 { font-size: 36px; padding: 42px 52px; }
  .elementor-1863 .elementor-element.elementor-element-df732e3::before, .elementor-1863 .elementor-element.elementor-element-df732e3::after { display: none; }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-069dab4 */.elementor-1863 .elementor-element.elementor-element-069dab4 {
  font-family: 'DM Serif Display', serif;
  font-size: 68px;
  font-weight: 400;
  text-align: center;
  line-height: 1.3;
  padding: 45px 60px 50px;
  color: #4B2E2B;
  background: linear-gradient(135deg, rgba(245, 235, 221, 0.85) 0%, rgba(240, 228, 208, 0.92) 100%);
  border-radius: 20px;
  position: relative;
  box-shadow: 0 25px 60px rgba(75, 46, 43, 0.25), inset 0 -2px 10px rgba(192, 108, 90, 0.08);
  animation: gentleFloat 3s ease-in-out infinite;
}
@keyframes gentleFloat {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
}
.elementor-1863 .elementor-element.elementor-element-069dab4::before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 25%;
  width: 40px;
  height: 60px;
  background: linear-gradient(180deg, transparent, rgba(212, 169, 79, 0.4), transparent);
  border-radius: 50%;
  filter: blur(8px);
  opacity: 0;
  animation: steam1 4s ease-in-out infinite;
}
@keyframes steam1 {
  0% { opacity: 0; transform: translateY(0) translateX(0) scaleX(1); }
  50% { opacity: 0.6; transform: translateY(-50px) translateX(15px) scaleX(1.3); }
  100% { opacity: 0; transform: translateY(-90px) translateX(25px) scaleX(0.8); }
}
.elementor-1863 .elementor-element.elementor-element-069dab4::after {
  content: '';
  position: absolute;
  bottom: 100%;
  right: 28%;
  width: 35px;
  height: 55px;
  background: linear-gradient(180deg, transparent, rgba(192, 108, 90, 0.35), transparent);
  border-radius: 50%;
  filter: blur(7px);
  opacity: 0;
  animation: steam2 4.5s ease-in-out 0.8s infinite;
}
@keyframes steam2 {
  0% { opacity: 0; transform: translateY(0) translateX(0) scaleX(1); }
  50% { opacity: 0.5; transform: translateY(-45px) translateX(-18px) scaleX(1.4); }
  100% { opacity: 0; transform: translateY(-85px) translateX(-30px) scaleX(0.9); }
}
@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-069dab4 { font-size: 44px; padding: 38px 50px 42px; }
}
@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-069dab4 { font-size: 36px; padding: 32px 40px 36px; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b58d9c9 */.elementor-1863 .elementor-element.elementor-element-b58d9c9 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-b58d9c9:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-b58d9c9::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-656d7bc */.elementor-1863 .elementor-element.elementor-element-656d7bc {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-656d7bc:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-656d7bc::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-656d7bc::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-656d7bc .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-656d7bc p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-656d7bc .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-656d7bc .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-656d7bc { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-656d7bc { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-656d7bc .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbcf322 */.elementor-1863 .elementor-element.elementor-element-fbcf322 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-fbcf322:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-fbcf322::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-fbcf322::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-fbcf322 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-fbcf322 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-fbcf322 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5455306 */.elementor-1863 .elementor-element.elementor-element-5455306 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-5455306:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-5455306::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-5455306::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-5455306 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-5455306 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-5455306 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-5455306 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5455306 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-5455306 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-5455306 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-5455306 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-5455306 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-5455306 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b58d9c9 */.elementor-1863 .elementor-element.elementor-element-b58d9c9 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-b58d9c9:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-b58d9c9::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-656d7bc */.elementor-1863 .elementor-element.elementor-element-656d7bc {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-656d7bc:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-656d7bc::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-656d7bc::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-656d7bc .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-656d7bc p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-656d7bc .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-656d7bc .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-656d7bc { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-656d7bc { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-656d7bc .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbcf322 */.elementor-1863 .elementor-element.elementor-element-fbcf322 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-fbcf322:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-fbcf322::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-fbcf322::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-fbcf322 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-fbcf322 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-fbcf322 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5455306 */.elementor-1863 .elementor-element.elementor-element-5455306 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-5455306:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-5455306::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-5455306::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-5455306 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-5455306 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-5455306 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-5455306 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5455306 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-5455306 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-5455306 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-5455306 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-5455306 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-5455306 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b58d9c9 */.elementor-1863 .elementor-element.elementor-element-b58d9c9 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-b58d9c9:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-b58d9c9::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-656d7bc */.elementor-1863 .elementor-element.elementor-element-656d7bc {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-656d7bc:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-656d7bc::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-656d7bc::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-656d7bc .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-656d7bc p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-656d7bc .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-656d7bc .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-656d7bc { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-656d7bc { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-656d7bc .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbcf322 */.elementor-1863 .elementor-element.elementor-element-fbcf322 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-fbcf322:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-fbcf322::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-fbcf322::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-fbcf322 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-fbcf322 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-fbcf322 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5455306 */.elementor-1863 .elementor-element.elementor-element-5455306 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-5455306:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-5455306::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-5455306::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-5455306 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-5455306 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-5455306 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-5455306 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5455306 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-5455306 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-5455306 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-5455306 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-5455306 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-5455306 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b58d9c9 */.elementor-1863 .elementor-element.elementor-element-b58d9c9 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-b58d9c9:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-b58d9c9::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-656d7bc */.elementor-1863 .elementor-element.elementor-element-656d7bc {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-656d7bc:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-656d7bc::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-656d7bc::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-656d7bc .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-656d7bc p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-656d7bc .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-656d7bc .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-656d7bc { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-656d7bc { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-656d7bc .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbcf322 */.elementor-1863 .elementor-element.elementor-element-fbcf322 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-fbcf322:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-fbcf322::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-fbcf322::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-fbcf322 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-fbcf322 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-fbcf322 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5455306 */.elementor-1863 .elementor-element.elementor-element-5455306 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-5455306:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-5455306::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-5455306::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-5455306 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-5455306 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-5455306 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-5455306 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5455306 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-5455306 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-5455306 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-5455306 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-5455306 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-5455306 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b58d9c9 */.elementor-1863 .elementor-element.elementor-element-b58d9c9 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-b58d9c9:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-b58d9c9::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-656d7bc */.elementor-1863 .elementor-element.elementor-element-656d7bc {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-656d7bc:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-656d7bc::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-656d7bc::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-656d7bc .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-656d7bc p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-656d7bc .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-656d7bc .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-656d7bc { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-656d7bc { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-656d7bc .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbcf322 */.elementor-1863 .elementor-element.elementor-element-fbcf322 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-fbcf322:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-fbcf322::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-fbcf322::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-fbcf322 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-fbcf322 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-fbcf322 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5455306 */.elementor-1863 .elementor-element.elementor-element-5455306 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-5455306:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-5455306::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-5455306::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-5455306 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-5455306 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-5455306 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-5455306 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5455306 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-5455306 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-5455306 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-5455306 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-5455306 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-5455306 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-24dc1ed */.elementor-1863 .elementor-element.elementor-element-24dc1ed {
  font-family: 'DM Serif Display', serif;
  font-size: 68px;
  font-weight: 400;
  text-align: center;
  line-height: 1.3;
  padding: 45px 60px 50px;
  color: #4B2E2B;
  background: linear-gradient(135deg, rgba(245, 235, 221, 0.85) 0%, rgba(240, 228, 208, 0.92) 100%);
  border-radius: 20px;
  position: relative;
  box-shadow: 0 25px 60px rgba(75, 46, 43, 0.25), inset 0 -2px 10px rgba(192, 108, 90, 0.08);
  animation: gentleFloat 3s ease-in-out infinite;
}
@keyframes gentleFloat {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
}
.elementor-1863 .elementor-element.elementor-element-24dc1ed::before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 25%;
  width: 40px;
  height: 60px;
  background: linear-gradient(180deg, transparent, rgba(212, 169, 79, 0.4), transparent);
  border-radius: 50%;
  filter: blur(8px);
  opacity: 0;
  animation: steam1 4s ease-in-out infinite;
}
@keyframes steam1 {
  0% { opacity: 0; transform: translateY(0) translateX(0) scaleX(1); }
  50% { opacity: 0.6; transform: translateY(-50px) translateX(15px) scaleX(1.3); }
  100% { opacity: 0; transform: translateY(-90px) translateX(25px) scaleX(0.8); }
}
.elementor-1863 .elementor-element.elementor-element-24dc1ed::after {
  content: '';
  position: absolute;
  bottom: 100%;
  right: 28%;
  width: 35px;
  height: 55px;
  background: linear-gradient(180deg, transparent, rgba(192, 108, 90, 0.35), transparent);
  border-radius: 50%;
  filter: blur(7px);
  opacity: 0;
  animation: steam2 4.5s ease-in-out 0.8s infinite;
}
@keyframes steam2 {
  0% { opacity: 0; transform: translateY(0) translateX(0) scaleX(1); }
  50% { opacity: 0.5; transform: translateY(-45px) translateX(-18px) scaleX(1.4); }
  100% { opacity: 0; transform: translateY(-85px) translateX(-30px) scaleX(0.9); }
}
@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-24dc1ed { font-size: 44px; padding: 38px 50px 42px; }
}
@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-24dc1ed { font-size: 36px; padding: 32px 40px 36px; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-513458a */.elementor-1863 .elementor-element.elementor-element-513458a {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-513458a:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-513458a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-513458a::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-513458a .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-513458a p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-513458a .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-513458a .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-513458a .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-513458a .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-513458a .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-513458a { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-513458a { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-513458a .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6bae7de */.elementor-1863 .elementor-element.elementor-element-6bae7de {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-6bae7de:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-6bae7de::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-6bae7de::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-6bae7de .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-6bae7de p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-6bae7de .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-6bae7de .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-6bae7de { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-6bae7de { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-6bae7de .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-82d2ddd */.elementor-1863 .elementor-element.elementor-element-82d2ddd {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-82d2ddd:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-82d2ddd::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-82d2ddd p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-82d2ddd { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-82d2ddd { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4640183 */.elementor-1863 .elementor-element.elementor-element-4640183 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-4640183:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-4640183::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-4640183::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-4640183 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-4640183 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-4640183 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-4640183 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-4640183 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-4640183 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-4640183 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-4640183 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-4640183 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-4640183 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-513458a */.elementor-1863 .elementor-element.elementor-element-513458a {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-513458a:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-513458a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-513458a::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-513458a .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-513458a p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-513458a .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-513458a .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-513458a .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-513458a .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-513458a .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-513458a { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-513458a { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-513458a .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6bae7de */.elementor-1863 .elementor-element.elementor-element-6bae7de {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-6bae7de:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-6bae7de::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-6bae7de::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-6bae7de .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-6bae7de p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-6bae7de .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-6bae7de .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-6bae7de { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-6bae7de { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-6bae7de .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-82d2ddd */.elementor-1863 .elementor-element.elementor-element-82d2ddd {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-82d2ddd:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-82d2ddd::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-82d2ddd p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-82d2ddd { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-82d2ddd { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4640183 */.elementor-1863 .elementor-element.elementor-element-4640183 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-4640183:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-4640183::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-4640183::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-4640183 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-4640183 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-4640183 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-4640183 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-4640183 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-4640183 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-4640183 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-4640183 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-4640183 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-4640183 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-513458a */.elementor-1863 .elementor-element.elementor-element-513458a {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-513458a:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-513458a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-513458a::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-513458a .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-513458a p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-513458a .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-513458a .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-513458a .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-513458a .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-513458a .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-513458a { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-513458a { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-513458a .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6bae7de */.elementor-1863 .elementor-element.elementor-element-6bae7de {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-6bae7de:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-6bae7de::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-6bae7de::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-6bae7de .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-6bae7de p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-6bae7de .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-6bae7de .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-6bae7de { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-6bae7de { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-6bae7de .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-82d2ddd */.elementor-1863 .elementor-element.elementor-element-82d2ddd {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-82d2ddd:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-82d2ddd::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-82d2ddd p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-82d2ddd { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-82d2ddd { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4640183 */.elementor-1863 .elementor-element.elementor-element-4640183 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-4640183:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-4640183::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-4640183::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-4640183 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-4640183 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-4640183 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-4640183 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-4640183 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-4640183 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-4640183 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-4640183 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-4640183 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-4640183 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-513458a */.elementor-1863 .elementor-element.elementor-element-513458a {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-513458a:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-513458a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-513458a::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-513458a .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-513458a p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-513458a .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-513458a .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-513458a .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-513458a .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-513458a .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-513458a { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-513458a { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-513458a .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6bae7de */.elementor-1863 .elementor-element.elementor-element-6bae7de {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-6bae7de:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-6bae7de::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-6bae7de::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-6bae7de .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-6bae7de p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-6bae7de .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-6bae7de .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-6bae7de { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-6bae7de { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-6bae7de .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-82d2ddd */.elementor-1863 .elementor-element.elementor-element-82d2ddd {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-82d2ddd:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-82d2ddd::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-82d2ddd p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-82d2ddd { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-82d2ddd { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4640183 */.elementor-1863 .elementor-element.elementor-element-4640183 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-4640183:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-4640183::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-4640183::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-4640183 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-4640183 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-4640183 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-4640183 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-4640183 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-4640183 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-4640183 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-4640183 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-4640183 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-4640183 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-513458a */.elementor-1863 .elementor-element.elementor-element-513458a {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-513458a:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-513458a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-513458a::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-513458a .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-513458a p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-513458a .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-513458a .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-513458a .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-513458a .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-513458a .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-513458a { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-513458a { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-513458a .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6bae7de */.elementor-1863 .elementor-element.elementor-element-6bae7de {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-6bae7de:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-6bae7de::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-6bae7de::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-6bae7de .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-6bae7de p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-6bae7de .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-6bae7de .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-6bae7de { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-6bae7de { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-6bae7de .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-82d2ddd */.elementor-1863 .elementor-element.elementor-element-82d2ddd {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-82d2ddd:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-82d2ddd::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-82d2ddd p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-82d2ddd { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-82d2ddd { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4640183 */.elementor-1863 .elementor-element.elementor-element-4640183 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-4640183:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-4640183::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-4640183::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-4640183 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-4640183 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-4640183 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-4640183 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-4640183 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-4640183 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-4640183 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-4640183 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-4640183 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-4640183 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-534a2af */.elementor-1863 .elementor-element.elementor-element-534a2af {
  font-family: 'DM Serif Display', serif;
  font-size: 68px;
  font-weight: 400;
  text-align: center;
  line-height: 1.3;
  padding: 45px 60px 50px;
  color: #4B2E2B;
  background: linear-gradient(135deg, rgba(245, 235, 221, 0.85) 0%, rgba(240, 228, 208, 0.92) 100%);
  border-radius: 20px;
  position: relative;
  box-shadow: 0 25px 60px rgba(75, 46, 43, 0.25), inset 0 -2px 10px rgba(192, 108, 90, 0.08);
  animation: gentleFloat 3s ease-in-out infinite;
}
@keyframes gentleFloat {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
}
.elementor-1863 .elementor-element.elementor-element-534a2af::before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 25%;
  width: 40px;
  height: 60px;
  background: linear-gradient(180deg, transparent, rgba(212, 169, 79, 0.4), transparent);
  border-radius: 50%;
  filter: blur(8px);
  opacity: 0;
  animation: steam1 4s ease-in-out infinite;
}
@keyframes steam1 {
  0% { opacity: 0; transform: translateY(0) translateX(0) scaleX(1); }
  50% { opacity: 0.6; transform: translateY(-50px) translateX(15px) scaleX(1.3); }
  100% { opacity: 0; transform: translateY(-90px) translateX(25px) scaleX(0.8); }
}
.elementor-1863 .elementor-element.elementor-element-534a2af::after {
  content: '';
  position: absolute;
  bottom: 100%;
  right: 28%;
  width: 35px;
  height: 55px;
  background: linear-gradient(180deg, transparent, rgba(192, 108, 90, 0.35), transparent);
  border-radius: 50%;
  filter: blur(7px);
  opacity: 0;
  animation: steam2 4.5s ease-in-out 0.8s infinite;
}
@keyframes steam2 {
  0% { opacity: 0; transform: translateY(0) translateX(0) scaleX(1); }
  50% { opacity: 0.5; transform: translateY(-45px) translateX(-18px) scaleX(1.4); }
  100% { opacity: 0; transform: translateY(-85px) translateX(-30px) scaleX(0.9); }
}
@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-534a2af { font-size: 44px; padding: 38px 50px 42px; }
}
@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-534a2af { font-size: 36px; padding: 32px 40px 36px; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-bb0a85e */.elementor-1863 .elementor-element.elementor-element-bb0a85e {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-bb0a85e:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-bb0a85e::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-bb0a85e p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-bb0a85e { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-bb0a85e { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8647f9a */.elementor-1863 .elementor-element.elementor-element-8647f9a {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-8647f9a:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-8647f9a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-8647f9a::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-8647f9a .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-8647f9a p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-8647f9a .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-8647f9a .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-8647f9a { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-8647f9a { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-8647f9a .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5737a58 */.elementor-1863 .elementor-element.elementor-element-5737a58 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-5737a58:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-5737a58::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-5737a58::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-5737a58 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-5737a58 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-5737a58 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-5737a58 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-5737a58 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-5737a58 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-5737a58 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2cabde2 */.elementor-1863 .elementor-element.elementor-element-2cabde2 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-2cabde2:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-2cabde2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-2cabde2::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-2cabde2 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-2cabde2 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-2cabde2 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-bb0a85e */.elementor-1863 .elementor-element.elementor-element-bb0a85e {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-bb0a85e:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-bb0a85e::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-bb0a85e p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-bb0a85e { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-bb0a85e { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8647f9a */.elementor-1863 .elementor-element.elementor-element-8647f9a {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-8647f9a:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-8647f9a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-8647f9a::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-8647f9a .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-8647f9a p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-8647f9a .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-8647f9a .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-8647f9a { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-8647f9a { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-8647f9a .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5737a58 */.elementor-1863 .elementor-element.elementor-element-5737a58 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-5737a58:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-5737a58::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-5737a58::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-5737a58 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-5737a58 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-5737a58 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-5737a58 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-5737a58 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-5737a58 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-5737a58 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2cabde2 */.elementor-1863 .elementor-element.elementor-element-2cabde2 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-2cabde2:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-2cabde2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-2cabde2::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-2cabde2 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-2cabde2 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-2cabde2 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-bb0a85e */.elementor-1863 .elementor-element.elementor-element-bb0a85e {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-bb0a85e:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-bb0a85e::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-bb0a85e p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-bb0a85e { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-bb0a85e { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8647f9a */.elementor-1863 .elementor-element.elementor-element-8647f9a {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-8647f9a:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-8647f9a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-8647f9a::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-8647f9a .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-8647f9a p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-8647f9a .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-8647f9a .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-8647f9a { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-8647f9a { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-8647f9a .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5737a58 */.elementor-1863 .elementor-element.elementor-element-5737a58 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-5737a58:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-5737a58::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-5737a58::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-5737a58 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-5737a58 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-5737a58 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-5737a58 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-5737a58 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-5737a58 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-5737a58 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2cabde2 */.elementor-1863 .elementor-element.elementor-element-2cabde2 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-2cabde2:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-2cabde2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-2cabde2::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-2cabde2 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-2cabde2 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-2cabde2 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-bb0a85e */.elementor-1863 .elementor-element.elementor-element-bb0a85e {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-bb0a85e:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-bb0a85e::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-bb0a85e p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-bb0a85e { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-bb0a85e { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8647f9a */.elementor-1863 .elementor-element.elementor-element-8647f9a {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-8647f9a:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-8647f9a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-8647f9a::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-8647f9a .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-8647f9a p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-8647f9a .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-8647f9a .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-8647f9a { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-8647f9a { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-8647f9a .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5737a58 */.elementor-1863 .elementor-element.elementor-element-5737a58 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-5737a58:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-5737a58::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-5737a58::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-5737a58 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-5737a58 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-5737a58 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-5737a58 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-5737a58 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-5737a58 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-5737a58 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2cabde2 */.elementor-1863 .elementor-element.elementor-element-2cabde2 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-2cabde2:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-2cabde2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-2cabde2::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-2cabde2 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-2cabde2 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-2cabde2 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-bb0a85e */.elementor-1863 .elementor-element.elementor-element-bb0a85e {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-bb0a85e:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-bb0a85e::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-bb0a85e p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-bb0a85e { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-bb0a85e { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8647f9a */.elementor-1863 .elementor-element.elementor-element-8647f9a {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-8647f9a:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-8647f9a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-8647f9a::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-8647f9a .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-8647f9a p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-8647f9a .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-8647f9a .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-8647f9a { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-8647f9a { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-8647f9a .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5737a58 */.elementor-1863 .elementor-element.elementor-element-5737a58 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-5737a58:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-5737a58::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-5737a58::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-5737a58 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-5737a58 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-5737a58 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-5737a58 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-5737a58 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-5737a58 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-5737a58 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2cabde2 */.elementor-1863 .elementor-element.elementor-element-2cabde2 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-2cabde2:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-2cabde2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-2cabde2::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-2cabde2 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-2cabde2 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-2cabde2 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-069dab4 */.elementor-1863 .elementor-element.elementor-element-069dab4 {
  font-family: 'DM Serif Display', serif;
  font-size: 68px;
  font-weight: 400;
  text-align: center;
  line-height: 1.3;
  padding: 45px 60px 50px;
  color: #4B2E2B;
  background: linear-gradient(135deg, rgba(245, 235, 221, 0.85) 0%, rgba(240, 228, 208, 0.92) 100%);
  border-radius: 20px;
  position: relative;
  box-shadow: 0 25px 60px rgba(75, 46, 43, 0.25), inset 0 -2px 10px rgba(192, 108, 90, 0.08);
  animation: gentleFloat 3s ease-in-out infinite;
}
@keyframes gentleFloat {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
}
.elementor-1863 .elementor-element.elementor-element-069dab4::before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 25%;
  width: 40px;
  height: 60px;
  background: linear-gradient(180deg, transparent, rgba(212, 169, 79, 0.4), transparent);
  border-radius: 50%;
  filter: blur(8px);
  opacity: 0;
  animation: steam1 4s ease-in-out infinite;
}
@keyframes steam1 {
  0% { opacity: 0; transform: translateY(0) translateX(0) scaleX(1); }
  50% { opacity: 0.6; transform: translateY(-50px) translateX(15px) scaleX(1.3); }
  100% { opacity: 0; transform: translateY(-90px) translateX(25px) scaleX(0.8); }
}
.elementor-1863 .elementor-element.elementor-element-069dab4::after {
  content: '';
  position: absolute;
  bottom: 100%;
  right: 28%;
  width: 35px;
  height: 55px;
  background: linear-gradient(180deg, transparent, rgba(192, 108, 90, 0.35), transparent);
  border-radius: 50%;
  filter: blur(7px);
  opacity: 0;
  animation: steam2 4.5s ease-in-out 0.8s infinite;
}
@keyframes steam2 {
  0% { opacity: 0; transform: translateY(0) translateX(0) scaleX(1); }
  50% { opacity: 0.5; transform: translateY(-45px) translateX(-18px) scaleX(1.4); }
  100% { opacity: 0; transform: translateY(-85px) translateX(-30px) scaleX(0.9); }
}
@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-069dab4 { font-size: 44px; padding: 38px 50px 42px; }
}
@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-069dab4 { font-size: 36px; padding: 32px 40px 36px; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b58d9c9 */.elementor-1863 .elementor-element.elementor-element-b58d9c9 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-b58d9c9:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-b58d9c9::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-656d7bc */.elementor-1863 .elementor-element.elementor-element-656d7bc {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-656d7bc:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-656d7bc::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-656d7bc::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-656d7bc .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-656d7bc p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-656d7bc .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-656d7bc .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-656d7bc { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-656d7bc { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-656d7bc .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbcf322 */.elementor-1863 .elementor-element.elementor-element-fbcf322 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-fbcf322:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-fbcf322::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-fbcf322::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-fbcf322 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-fbcf322 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-fbcf322 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5455306 */.elementor-1863 .elementor-element.elementor-element-5455306 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-5455306:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-5455306::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-5455306::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-5455306 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-5455306 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-5455306 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-5455306 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5455306 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-5455306 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-5455306 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-5455306 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-5455306 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-5455306 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b58d9c9 */.elementor-1863 .elementor-element.elementor-element-b58d9c9 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-b58d9c9:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-b58d9c9::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-656d7bc */.elementor-1863 .elementor-element.elementor-element-656d7bc {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-656d7bc:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-656d7bc::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-656d7bc::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-656d7bc .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-656d7bc p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-656d7bc .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-656d7bc .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-656d7bc { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-656d7bc { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-656d7bc .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbcf322 */.elementor-1863 .elementor-element.elementor-element-fbcf322 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-fbcf322:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-fbcf322::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-fbcf322::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-fbcf322 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-fbcf322 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-fbcf322 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5455306 */.elementor-1863 .elementor-element.elementor-element-5455306 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-5455306:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-5455306::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-5455306::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-5455306 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-5455306 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-5455306 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-5455306 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5455306 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-5455306 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-5455306 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-5455306 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-5455306 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-5455306 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b58d9c9 */.elementor-1863 .elementor-element.elementor-element-b58d9c9 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-b58d9c9:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-b58d9c9::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-656d7bc */.elementor-1863 .elementor-element.elementor-element-656d7bc {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-656d7bc:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-656d7bc::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-656d7bc::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-656d7bc .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-656d7bc p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-656d7bc .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-656d7bc .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-656d7bc { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-656d7bc { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-656d7bc .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbcf322 */.elementor-1863 .elementor-element.elementor-element-fbcf322 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-fbcf322:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-fbcf322::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-fbcf322::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-fbcf322 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-fbcf322 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-fbcf322 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5455306 */.elementor-1863 .elementor-element.elementor-element-5455306 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-5455306:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-5455306::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-5455306::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-5455306 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-5455306 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-5455306 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-5455306 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5455306 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-5455306 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-5455306 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-5455306 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-5455306 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-5455306 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b58d9c9 */.elementor-1863 .elementor-element.elementor-element-b58d9c9 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-b58d9c9:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-b58d9c9::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-656d7bc */.elementor-1863 .elementor-element.elementor-element-656d7bc {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-656d7bc:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-656d7bc::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-656d7bc::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-656d7bc .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-656d7bc p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-656d7bc .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-656d7bc .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-656d7bc { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-656d7bc { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-656d7bc .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbcf322 */.elementor-1863 .elementor-element.elementor-element-fbcf322 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-fbcf322:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-fbcf322::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-fbcf322::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-fbcf322 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-fbcf322 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-fbcf322 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5455306 */.elementor-1863 .elementor-element.elementor-element-5455306 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-5455306:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-5455306::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-5455306::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-5455306 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-5455306 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-5455306 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-5455306 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5455306 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-5455306 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-5455306 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-5455306 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-5455306 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-5455306 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b58d9c9 */.elementor-1863 .elementor-element.elementor-element-b58d9c9 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-b58d9c9:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-b58d9c9::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-656d7bc */.elementor-1863 .elementor-element.elementor-element-656d7bc {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-656d7bc:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-656d7bc::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-656d7bc::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-656d7bc .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-656d7bc p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-656d7bc .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-656d7bc .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-656d7bc { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-656d7bc { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-656d7bc .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbcf322 */.elementor-1863 .elementor-element.elementor-element-fbcf322 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-fbcf322:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-fbcf322::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-fbcf322::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-fbcf322 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-fbcf322 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-fbcf322 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5455306 */.elementor-1863 .elementor-element.elementor-element-5455306 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-5455306:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-5455306::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-5455306::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-5455306 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-5455306 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-5455306 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-5455306 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5455306 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-5455306 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-5455306 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-5455306 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-5455306 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-5455306 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-24dc1ed */.elementor-1863 .elementor-element.elementor-element-24dc1ed {
  font-family: 'DM Serif Display', serif;
  font-size: 68px;
  font-weight: 400;
  text-align: center;
  line-height: 1.3;
  padding: 45px 60px 50px;
  color: #4B2E2B;
  background: linear-gradient(135deg, rgba(245, 235, 221, 0.85) 0%, rgba(240, 228, 208, 0.92) 100%);
  border-radius: 20px;
  position: relative;
  box-shadow: 0 25px 60px rgba(75, 46, 43, 0.25), inset 0 -2px 10px rgba(192, 108, 90, 0.08);
  animation: gentleFloat 3s ease-in-out infinite;
}
@keyframes gentleFloat {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
}
.elementor-1863 .elementor-element.elementor-element-24dc1ed::before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 25%;
  width: 40px;
  height: 60px;
  background: linear-gradient(180deg, transparent, rgba(212, 169, 79, 0.4), transparent);
  border-radius: 50%;
  filter: blur(8px);
  opacity: 0;
  animation: steam1 4s ease-in-out infinite;
}
@keyframes steam1 {
  0% { opacity: 0; transform: translateY(0) translateX(0) scaleX(1); }
  50% { opacity: 0.6; transform: translateY(-50px) translateX(15px) scaleX(1.3); }
  100% { opacity: 0; transform: translateY(-90px) translateX(25px) scaleX(0.8); }
}
.elementor-1863 .elementor-element.elementor-element-24dc1ed::after {
  content: '';
  position: absolute;
  bottom: 100%;
  right: 28%;
  width: 35px;
  height: 55px;
  background: linear-gradient(180deg, transparent, rgba(192, 108, 90, 0.35), transparent);
  border-radius: 50%;
  filter: blur(7px);
  opacity: 0;
  animation: steam2 4.5s ease-in-out 0.8s infinite;
}
@keyframes steam2 {
  0% { opacity: 0; transform: translateY(0) translateX(0) scaleX(1); }
  50% { opacity: 0.5; transform: translateY(-45px) translateX(-18px) scaleX(1.4); }
  100% { opacity: 0; transform: translateY(-85px) translateX(-30px) scaleX(0.9); }
}
@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-24dc1ed { font-size: 44px; padding: 38px 50px 42px; }
}
@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-24dc1ed { font-size: 36px; padding: 32px 40px 36px; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-513458a */.elementor-1863 .elementor-element.elementor-element-513458a {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-513458a:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-513458a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-513458a::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-513458a .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-513458a p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-513458a .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-513458a .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-513458a .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-513458a .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-513458a .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-513458a { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-513458a { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-513458a .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6bae7de */.elementor-1863 .elementor-element.elementor-element-6bae7de {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-6bae7de:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-6bae7de::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-6bae7de::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-6bae7de .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-6bae7de p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-6bae7de .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-6bae7de .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-6bae7de { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-6bae7de { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-6bae7de .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-82d2ddd */.elementor-1863 .elementor-element.elementor-element-82d2ddd {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-82d2ddd:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-82d2ddd::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-82d2ddd p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-82d2ddd { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-82d2ddd { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4640183 */.elementor-1863 .elementor-element.elementor-element-4640183 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-4640183:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-4640183::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-4640183::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-4640183 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-4640183 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-4640183 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-4640183 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-4640183 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-4640183 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-4640183 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-4640183 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-4640183 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-4640183 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-513458a */.elementor-1863 .elementor-element.elementor-element-513458a {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-513458a:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-513458a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-513458a::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-513458a .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-513458a p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-513458a .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-513458a .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-513458a .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-513458a .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-513458a .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-513458a { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-513458a { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-513458a .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6bae7de */.elementor-1863 .elementor-element.elementor-element-6bae7de {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-6bae7de:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-6bae7de::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-6bae7de::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-6bae7de .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-6bae7de p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-6bae7de .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-6bae7de .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-6bae7de { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-6bae7de { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-6bae7de .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-82d2ddd */.elementor-1863 .elementor-element.elementor-element-82d2ddd {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-82d2ddd:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-82d2ddd::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-82d2ddd p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-82d2ddd { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-82d2ddd { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4640183 */.elementor-1863 .elementor-element.elementor-element-4640183 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-4640183:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-4640183::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-4640183::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-4640183 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-4640183 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-4640183 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-4640183 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-4640183 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-4640183 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-4640183 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-4640183 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-4640183 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-4640183 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-513458a */.elementor-1863 .elementor-element.elementor-element-513458a {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-513458a:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-513458a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-513458a::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-513458a .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-513458a p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-513458a .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-513458a .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-513458a .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-513458a .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-513458a .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-513458a { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-513458a { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-513458a .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6bae7de */.elementor-1863 .elementor-element.elementor-element-6bae7de {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-6bae7de:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-6bae7de::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-6bae7de::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-6bae7de .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-6bae7de p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-6bae7de .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-6bae7de .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-6bae7de { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-6bae7de { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-6bae7de .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-82d2ddd */.elementor-1863 .elementor-element.elementor-element-82d2ddd {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-82d2ddd:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-82d2ddd::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-82d2ddd p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-82d2ddd { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-82d2ddd { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4640183 */.elementor-1863 .elementor-element.elementor-element-4640183 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-4640183:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-4640183::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-4640183::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-4640183 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-4640183 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-4640183 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-4640183 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-4640183 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-4640183 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-4640183 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-4640183 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-4640183 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-4640183 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-513458a */.elementor-1863 .elementor-element.elementor-element-513458a {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-513458a:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-513458a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-513458a::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-513458a .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-513458a p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-513458a .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-513458a .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-513458a .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-513458a .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-513458a .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-513458a { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-513458a { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-513458a .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6bae7de */.elementor-1863 .elementor-element.elementor-element-6bae7de {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-6bae7de:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-6bae7de::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-6bae7de::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-6bae7de .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-6bae7de p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-6bae7de .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-6bae7de .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-6bae7de { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-6bae7de { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-6bae7de .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-82d2ddd */.elementor-1863 .elementor-element.elementor-element-82d2ddd {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-82d2ddd:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-82d2ddd::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-82d2ddd p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-82d2ddd { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-82d2ddd { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4640183 */.elementor-1863 .elementor-element.elementor-element-4640183 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-4640183:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-4640183::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-4640183::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-4640183 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-4640183 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-4640183 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-4640183 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-4640183 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-4640183 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-4640183 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-4640183 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-4640183 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-4640183 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-513458a */.elementor-1863 .elementor-element.elementor-element-513458a {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-513458a:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-513458a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-513458a::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-513458a .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-513458a p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-513458a .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-513458a .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-513458a .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-513458a .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-513458a .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-513458a { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-513458a { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-513458a .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6bae7de */.elementor-1863 .elementor-element.elementor-element-6bae7de {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-6bae7de:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-6bae7de::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-6bae7de::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-6bae7de .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-6bae7de p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-6bae7de .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-6bae7de .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-6bae7de { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-6bae7de { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-6bae7de .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-82d2ddd */.elementor-1863 .elementor-element.elementor-element-82d2ddd {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-82d2ddd:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-82d2ddd::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-82d2ddd p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-82d2ddd { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-82d2ddd { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4640183 */.elementor-1863 .elementor-element.elementor-element-4640183 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-4640183:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-4640183::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-4640183::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-4640183 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-4640183 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-4640183 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-4640183 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-4640183 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-4640183 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-4640183 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-4640183 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-4640183 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-4640183 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-534a2af */.elementor-1863 .elementor-element.elementor-element-534a2af {
  font-family: 'DM Serif Display', serif;
  font-size: 68px;
  font-weight: 400;
  text-align: center;
  line-height: 1.3;
  padding: 45px 60px 50px;
  color: #4B2E2B;
  background: linear-gradient(135deg, rgba(245, 235, 221, 0.85) 0%, rgba(240, 228, 208, 0.92) 100%);
  border-radius: 20px;
  position: relative;
  box-shadow: 0 25px 60px rgba(75, 46, 43, 0.25), inset 0 -2px 10px rgba(192, 108, 90, 0.08);
  animation: gentleFloat 3s ease-in-out infinite;
}
@keyframes gentleFloat {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
}
.elementor-1863 .elementor-element.elementor-element-534a2af::before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 25%;
  width: 40px;
  height: 60px;
  background: linear-gradient(180deg, transparent, rgba(212, 169, 79, 0.4), transparent);
  border-radius: 50%;
  filter: blur(8px);
  opacity: 0;
  animation: steam1 4s ease-in-out infinite;
}
@keyframes steam1 {
  0% { opacity: 0; transform: translateY(0) translateX(0) scaleX(1); }
  50% { opacity: 0.6; transform: translateY(-50px) translateX(15px) scaleX(1.3); }
  100% { opacity: 0; transform: translateY(-90px) translateX(25px) scaleX(0.8); }
}
.elementor-1863 .elementor-element.elementor-element-534a2af::after {
  content: '';
  position: absolute;
  bottom: 100%;
  right: 28%;
  width: 35px;
  height: 55px;
  background: linear-gradient(180deg, transparent, rgba(192, 108, 90, 0.35), transparent);
  border-radius: 50%;
  filter: blur(7px);
  opacity: 0;
  animation: steam2 4.5s ease-in-out 0.8s infinite;
}
@keyframes steam2 {
  0% { opacity: 0; transform: translateY(0) translateX(0) scaleX(1); }
  50% { opacity: 0.5; transform: translateY(-45px) translateX(-18px) scaleX(1.4); }
  100% { opacity: 0; transform: translateY(-85px) translateX(-30px) scaleX(0.9); }
}
@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-534a2af { font-size: 44px; padding: 38px 50px 42px; }
}
@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-534a2af { font-size: 36px; padding: 32px 40px 36px; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-bb0a85e */.elementor-1863 .elementor-element.elementor-element-bb0a85e {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-bb0a85e:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-bb0a85e::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-bb0a85e p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-bb0a85e { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-bb0a85e { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8647f9a */.elementor-1863 .elementor-element.elementor-element-8647f9a {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-8647f9a:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-8647f9a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-8647f9a::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-8647f9a .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-8647f9a p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-8647f9a .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-8647f9a .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-8647f9a { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-8647f9a { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-8647f9a .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5737a58 */.elementor-1863 .elementor-element.elementor-element-5737a58 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-5737a58:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-5737a58::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-5737a58::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-5737a58 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-5737a58 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-5737a58 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-5737a58 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-5737a58 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-5737a58 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-5737a58 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2cabde2 */.elementor-1863 .elementor-element.elementor-element-2cabde2 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-2cabde2:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-2cabde2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-2cabde2::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-2cabde2 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-2cabde2 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-2cabde2 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-bb0a85e */.elementor-1863 .elementor-element.elementor-element-bb0a85e {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-bb0a85e:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-bb0a85e::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-bb0a85e p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-bb0a85e { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-bb0a85e { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8647f9a */.elementor-1863 .elementor-element.elementor-element-8647f9a {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-8647f9a:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-8647f9a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-8647f9a::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-8647f9a .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-8647f9a p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-8647f9a .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-8647f9a .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-8647f9a { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-8647f9a { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-8647f9a .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5737a58 */.elementor-1863 .elementor-element.elementor-element-5737a58 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-5737a58:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-5737a58::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-5737a58::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-5737a58 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-5737a58 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-5737a58 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-5737a58 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-5737a58 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-5737a58 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-5737a58 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2cabde2 */.elementor-1863 .elementor-element.elementor-element-2cabde2 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-2cabde2:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-2cabde2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-2cabde2::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-2cabde2 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-2cabde2 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-2cabde2 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-bb0a85e */.elementor-1863 .elementor-element.elementor-element-bb0a85e {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-bb0a85e:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-bb0a85e::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-bb0a85e p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-bb0a85e { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-bb0a85e { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8647f9a */.elementor-1863 .elementor-element.elementor-element-8647f9a {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-8647f9a:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-8647f9a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-8647f9a::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-8647f9a .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-8647f9a p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-8647f9a .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-8647f9a .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-8647f9a { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-8647f9a { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-8647f9a .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5737a58 */.elementor-1863 .elementor-element.elementor-element-5737a58 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-5737a58:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-5737a58::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-5737a58::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-5737a58 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-5737a58 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-5737a58 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-5737a58 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-5737a58 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-5737a58 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-5737a58 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2cabde2 */.elementor-1863 .elementor-element.elementor-element-2cabde2 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-2cabde2:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-2cabde2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-2cabde2::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-2cabde2 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-2cabde2 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-2cabde2 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-bb0a85e */.elementor-1863 .elementor-element.elementor-element-bb0a85e {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-bb0a85e:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-bb0a85e::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-bb0a85e p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-bb0a85e { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-bb0a85e { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8647f9a */.elementor-1863 .elementor-element.elementor-element-8647f9a {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-8647f9a:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-8647f9a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-8647f9a::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-8647f9a .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-8647f9a p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-8647f9a .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-8647f9a .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-8647f9a { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-8647f9a { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-8647f9a .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5737a58 */.elementor-1863 .elementor-element.elementor-element-5737a58 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-5737a58:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-5737a58::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-5737a58::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-5737a58 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-5737a58 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-5737a58 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-5737a58 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-5737a58 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-5737a58 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-5737a58 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2cabde2 */.elementor-1863 .elementor-element.elementor-element-2cabde2 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-2cabde2:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-2cabde2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-2cabde2::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-2cabde2 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-2cabde2 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-2cabde2 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-bb0a85e */.elementor-1863 .elementor-element.elementor-element-bb0a85e {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-bb0a85e:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-bb0a85e::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-bb0a85e p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-bb0a85e { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-bb0a85e { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8647f9a */.elementor-1863 .elementor-element.elementor-element-8647f9a {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-8647f9a:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-8647f9a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-8647f9a::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-8647f9a .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-8647f9a p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-8647f9a .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-8647f9a .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-8647f9a { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-8647f9a { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-8647f9a .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5737a58 */.elementor-1863 .elementor-element.elementor-element-5737a58 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-5737a58:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-5737a58::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-5737a58::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-5737a58 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-5737a58 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-5737a58 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-5737a58 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-5737a58 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-5737a58 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-5737a58 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2cabde2 */.elementor-1863 .elementor-element.elementor-element-2cabde2 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-2cabde2:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-2cabde2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-2cabde2::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-2cabde2 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-2cabde2 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-2cabde2 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-069dab4 */.elementor-1863 .elementor-element.elementor-element-069dab4 {
  font-family: 'DM Serif Display', serif;
  font-size: 68px;
  font-weight: 400;
  text-align: center;
  line-height: 1.3;
  padding: 45px 60px 50px;
  color: #4B2E2B;
  background: linear-gradient(135deg, rgba(245, 235, 221, 0.85) 0%, rgba(240, 228, 208, 0.92) 100%);
  border-radius: 20px;
  position: relative;
  box-shadow: 0 25px 60px rgba(75, 46, 43, 0.25), inset 0 -2px 10px rgba(192, 108, 90, 0.08);
  animation: gentleFloat 3s ease-in-out infinite;
}
@keyframes gentleFloat {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
}
.elementor-1863 .elementor-element.elementor-element-069dab4::before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 25%;
  width: 40px;
  height: 60px;
  background: linear-gradient(180deg, transparent, rgba(212, 169, 79, 0.4), transparent);
  border-radius: 50%;
  filter: blur(8px);
  opacity: 0;
  animation: steam1 4s ease-in-out infinite;
}
@keyframes steam1 {
  0% { opacity: 0; transform: translateY(0) translateX(0) scaleX(1); }
  50% { opacity: 0.6; transform: translateY(-50px) translateX(15px) scaleX(1.3); }
  100% { opacity: 0; transform: translateY(-90px) translateX(25px) scaleX(0.8); }
}
.elementor-1863 .elementor-element.elementor-element-069dab4::after {
  content: '';
  position: absolute;
  bottom: 100%;
  right: 28%;
  width: 35px;
  height: 55px;
  background: linear-gradient(180deg, transparent, rgba(192, 108, 90, 0.35), transparent);
  border-radius: 50%;
  filter: blur(7px);
  opacity: 0;
  animation: steam2 4.5s ease-in-out 0.8s infinite;
}
@keyframes steam2 {
  0% { opacity: 0; transform: translateY(0) translateX(0) scaleX(1); }
  50% { opacity: 0.5; transform: translateY(-45px) translateX(-18px) scaleX(1.4); }
  100% { opacity: 0; transform: translateY(-85px) translateX(-30px) scaleX(0.9); }
}
@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-069dab4 { font-size: 44px; padding: 38px 50px 42px; }
}
@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-069dab4 { font-size: 36px; padding: 32px 40px 36px; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b58d9c9 */.elementor-1863 .elementor-element.elementor-element-b58d9c9 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-b58d9c9:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-b58d9c9::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-656d7bc */.elementor-1863 .elementor-element.elementor-element-656d7bc {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-656d7bc:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-656d7bc::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-656d7bc::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-656d7bc .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-656d7bc p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-656d7bc .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-656d7bc .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-656d7bc { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-656d7bc { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-656d7bc .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbcf322 */.elementor-1863 .elementor-element.elementor-element-fbcf322 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-fbcf322:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-fbcf322::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-fbcf322::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-fbcf322 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-fbcf322 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-fbcf322 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5455306 */.elementor-1863 .elementor-element.elementor-element-5455306 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-5455306:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-5455306::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-5455306::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-5455306 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-5455306 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-5455306 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-5455306 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5455306 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-5455306 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-5455306 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-5455306 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-5455306 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-5455306 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b58d9c9 */.elementor-1863 .elementor-element.elementor-element-b58d9c9 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-b58d9c9:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-b58d9c9::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-656d7bc */.elementor-1863 .elementor-element.elementor-element-656d7bc {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-656d7bc:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-656d7bc::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-656d7bc::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-656d7bc .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-656d7bc p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-656d7bc .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-656d7bc .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-656d7bc { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-656d7bc { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-656d7bc .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbcf322 */.elementor-1863 .elementor-element.elementor-element-fbcf322 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-fbcf322:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-fbcf322::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-fbcf322::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-fbcf322 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-fbcf322 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-fbcf322 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5455306 */.elementor-1863 .elementor-element.elementor-element-5455306 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-5455306:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-5455306::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-5455306::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-5455306 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-5455306 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-5455306 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-5455306 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5455306 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-5455306 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-5455306 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-5455306 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-5455306 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-5455306 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b58d9c9 */.elementor-1863 .elementor-element.elementor-element-b58d9c9 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-b58d9c9:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-b58d9c9::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-656d7bc */.elementor-1863 .elementor-element.elementor-element-656d7bc {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-656d7bc:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-656d7bc::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-656d7bc::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-656d7bc .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-656d7bc p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-656d7bc .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-656d7bc .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-656d7bc { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-656d7bc { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-656d7bc .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbcf322 */.elementor-1863 .elementor-element.elementor-element-fbcf322 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-fbcf322:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-fbcf322::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-fbcf322::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-fbcf322 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-fbcf322 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-fbcf322 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5455306 */.elementor-1863 .elementor-element.elementor-element-5455306 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-5455306:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-5455306::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-5455306::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-5455306 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-5455306 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-5455306 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-5455306 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5455306 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-5455306 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-5455306 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-5455306 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-5455306 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-5455306 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b58d9c9 */.elementor-1863 .elementor-element.elementor-element-b58d9c9 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-b58d9c9:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-b58d9c9::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-656d7bc */.elementor-1863 .elementor-element.elementor-element-656d7bc {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-656d7bc:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-656d7bc::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-656d7bc::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-656d7bc .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-656d7bc p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-656d7bc .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-656d7bc .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-656d7bc { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-656d7bc { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-656d7bc .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbcf322 */.elementor-1863 .elementor-element.elementor-element-fbcf322 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-fbcf322:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-fbcf322::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-fbcf322::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-fbcf322 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-fbcf322 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-fbcf322 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5455306 */.elementor-1863 .elementor-element.elementor-element-5455306 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-5455306:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-5455306::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-5455306::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-5455306 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-5455306 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-5455306 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-5455306 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5455306 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-5455306 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-5455306 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-5455306 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-5455306 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-5455306 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b58d9c9 */.elementor-1863 .elementor-element.elementor-element-b58d9c9 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-b58d9c9:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-b58d9c9::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-656d7bc */.elementor-1863 .elementor-element.elementor-element-656d7bc {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-656d7bc:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-656d7bc::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-656d7bc::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-656d7bc .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-656d7bc p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-656d7bc .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-656d7bc .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-656d7bc { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-656d7bc { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-656d7bc .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbcf322 */.elementor-1863 .elementor-element.elementor-element-fbcf322 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-fbcf322:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-fbcf322::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-fbcf322::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-fbcf322 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-fbcf322 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-fbcf322 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5455306 */.elementor-1863 .elementor-element.elementor-element-5455306 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-5455306:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-5455306::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-5455306::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-5455306 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-5455306 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-5455306 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-5455306 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5455306 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-5455306 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-5455306 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-5455306 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-5455306 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-5455306 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-24dc1ed */.elementor-1863 .elementor-element.elementor-element-24dc1ed {
  font-family: 'DM Serif Display', serif;
  font-size: 68px;
  font-weight: 400;
  text-align: center;
  line-height: 1.3;
  padding: 45px 60px 50px;
  color: #4B2E2B;
  background: linear-gradient(135deg, rgba(245, 235, 221, 0.85) 0%, rgba(240, 228, 208, 0.92) 100%);
  border-radius: 20px;
  position: relative;
  box-shadow: 0 25px 60px rgba(75, 46, 43, 0.25), inset 0 -2px 10px rgba(192, 108, 90, 0.08);
  animation: gentleFloat 3s ease-in-out infinite;
}
@keyframes gentleFloat {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
}
.elementor-1863 .elementor-element.elementor-element-24dc1ed::before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 25%;
  width: 40px;
  height: 60px;
  background: linear-gradient(180deg, transparent, rgba(212, 169, 79, 0.4), transparent);
  border-radius: 50%;
  filter: blur(8px);
  opacity: 0;
  animation: steam1 4s ease-in-out infinite;
}
@keyframes steam1 {
  0% { opacity: 0; transform: translateY(0) translateX(0) scaleX(1); }
  50% { opacity: 0.6; transform: translateY(-50px) translateX(15px) scaleX(1.3); }
  100% { opacity: 0; transform: translateY(-90px) translateX(25px) scaleX(0.8); }
}
.elementor-1863 .elementor-element.elementor-element-24dc1ed::after {
  content: '';
  position: absolute;
  bottom: 100%;
  right: 28%;
  width: 35px;
  height: 55px;
  background: linear-gradient(180deg, transparent, rgba(192, 108, 90, 0.35), transparent);
  border-radius: 50%;
  filter: blur(7px);
  opacity: 0;
  animation: steam2 4.5s ease-in-out 0.8s infinite;
}
@keyframes steam2 {
  0% { opacity: 0; transform: translateY(0) translateX(0) scaleX(1); }
  50% { opacity: 0.5; transform: translateY(-45px) translateX(-18px) scaleX(1.4); }
  100% { opacity: 0; transform: translateY(-85px) translateX(-30px) scaleX(0.9); }
}
@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-24dc1ed { font-size: 44px; padding: 38px 50px 42px; }
}
@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-24dc1ed { font-size: 36px; padding: 32px 40px 36px; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-513458a */.elementor-1863 .elementor-element.elementor-element-513458a {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-513458a:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-513458a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-513458a::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-513458a .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-513458a p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-513458a .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-513458a .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-513458a .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-513458a .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-513458a .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-513458a { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-513458a { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-513458a .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6bae7de */.elementor-1863 .elementor-element.elementor-element-6bae7de {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-6bae7de:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-6bae7de::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-6bae7de::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-6bae7de .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-6bae7de p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-6bae7de .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-6bae7de .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-6bae7de { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-6bae7de { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-6bae7de .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-82d2ddd */.elementor-1863 .elementor-element.elementor-element-82d2ddd {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-82d2ddd:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-82d2ddd::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-82d2ddd p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-82d2ddd { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-82d2ddd { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4640183 */.elementor-1863 .elementor-element.elementor-element-4640183 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-4640183:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-4640183::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-4640183::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-4640183 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-4640183 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-4640183 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-4640183 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-4640183 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-4640183 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-4640183 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-4640183 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-4640183 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-4640183 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-513458a */.elementor-1863 .elementor-element.elementor-element-513458a {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-513458a:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-513458a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-513458a::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-513458a .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-513458a p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-513458a .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-513458a .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-513458a .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-513458a .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-513458a .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-513458a { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-513458a { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-513458a .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6bae7de */.elementor-1863 .elementor-element.elementor-element-6bae7de {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-6bae7de:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-6bae7de::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-6bae7de::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-6bae7de .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-6bae7de p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-6bae7de .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-6bae7de .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-6bae7de { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-6bae7de { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-6bae7de .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-82d2ddd */.elementor-1863 .elementor-element.elementor-element-82d2ddd {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-82d2ddd:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-82d2ddd::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-82d2ddd p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-82d2ddd { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-82d2ddd { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4640183 */.elementor-1863 .elementor-element.elementor-element-4640183 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-4640183:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-4640183::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-4640183::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-4640183 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-4640183 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-4640183 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-4640183 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-4640183 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-4640183 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-4640183 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-4640183 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-4640183 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-4640183 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-513458a */.elementor-1863 .elementor-element.elementor-element-513458a {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-513458a:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-513458a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-513458a::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-513458a .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-513458a p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-513458a .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-513458a .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-513458a .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-513458a .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-513458a .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-513458a { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-513458a { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-513458a .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6bae7de */.elementor-1863 .elementor-element.elementor-element-6bae7de {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-6bae7de:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-6bae7de::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-6bae7de::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-6bae7de .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-6bae7de p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-6bae7de .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-6bae7de .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-6bae7de { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-6bae7de { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-6bae7de .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-82d2ddd */.elementor-1863 .elementor-element.elementor-element-82d2ddd {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-82d2ddd:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-82d2ddd::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-82d2ddd p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-82d2ddd { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-82d2ddd { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4640183 */.elementor-1863 .elementor-element.elementor-element-4640183 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-4640183:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-4640183::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-4640183::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-4640183 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-4640183 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-4640183 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-4640183 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-4640183 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-4640183 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-4640183 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-4640183 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-4640183 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-4640183 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-513458a */.elementor-1863 .elementor-element.elementor-element-513458a {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-513458a:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-513458a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-513458a::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-513458a .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-513458a p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-513458a .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-513458a .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-513458a .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-513458a .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-513458a .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-513458a { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-513458a { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-513458a .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6bae7de */.elementor-1863 .elementor-element.elementor-element-6bae7de {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-6bae7de:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-6bae7de::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-6bae7de::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-6bae7de .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-6bae7de p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-6bae7de .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-6bae7de .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-6bae7de { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-6bae7de { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-6bae7de .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-82d2ddd */.elementor-1863 .elementor-element.elementor-element-82d2ddd {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-82d2ddd:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-82d2ddd::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-82d2ddd p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-82d2ddd { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-82d2ddd { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4640183 */.elementor-1863 .elementor-element.elementor-element-4640183 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-4640183:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-4640183::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-4640183::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-4640183 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-4640183 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-4640183 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-4640183 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-4640183 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-4640183 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-4640183 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-4640183 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-4640183 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-4640183 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-513458a */.elementor-1863 .elementor-element.elementor-element-513458a {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-513458a:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-513458a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-513458a::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-513458a .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-513458a p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-513458a .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-513458a .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-513458a .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-513458a .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-513458a .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-513458a { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-513458a { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-513458a .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6bae7de */.elementor-1863 .elementor-element.elementor-element-6bae7de {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-6bae7de:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-6bae7de::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-6bae7de::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-6bae7de .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-6bae7de p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-6bae7de .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-6bae7de .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-6bae7de { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-6bae7de { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-6bae7de .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-82d2ddd */.elementor-1863 .elementor-element.elementor-element-82d2ddd {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-82d2ddd:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-82d2ddd::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-82d2ddd p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-82d2ddd { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-82d2ddd { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4640183 */.elementor-1863 .elementor-element.elementor-element-4640183 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-4640183:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-4640183::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-4640183::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-4640183 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-4640183 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-4640183 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-4640183 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-4640183 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-4640183 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-4640183 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-4640183 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-4640183 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-4640183 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-534a2af */.elementor-1863 .elementor-element.elementor-element-534a2af {
  font-family: 'DM Serif Display', serif;
  font-size: 68px;
  font-weight: 400;
  text-align: center;
  line-height: 1.3;
  padding: 45px 60px 50px;
  color: #4B2E2B;
  background: linear-gradient(135deg, rgba(245, 235, 221, 0.85) 0%, rgba(240, 228, 208, 0.92) 100%);
  border-radius: 20px;
  position: relative;
  box-shadow: 0 25px 60px rgba(75, 46, 43, 0.25), inset 0 -2px 10px rgba(192, 108, 90, 0.08);
  animation: gentleFloat 3s ease-in-out infinite;
}
@keyframes gentleFloat {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
}
.elementor-1863 .elementor-element.elementor-element-534a2af::before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 25%;
  width: 40px;
  height: 60px;
  background: linear-gradient(180deg, transparent, rgba(212, 169, 79, 0.4), transparent);
  border-radius: 50%;
  filter: blur(8px);
  opacity: 0;
  animation: steam1 4s ease-in-out infinite;
}
@keyframes steam1 {
  0% { opacity: 0; transform: translateY(0) translateX(0) scaleX(1); }
  50% { opacity: 0.6; transform: translateY(-50px) translateX(15px) scaleX(1.3); }
  100% { opacity: 0; transform: translateY(-90px) translateX(25px) scaleX(0.8); }
}
.elementor-1863 .elementor-element.elementor-element-534a2af::after {
  content: '';
  position: absolute;
  bottom: 100%;
  right: 28%;
  width: 35px;
  height: 55px;
  background: linear-gradient(180deg, transparent, rgba(192, 108, 90, 0.35), transparent);
  border-radius: 50%;
  filter: blur(7px);
  opacity: 0;
  animation: steam2 4.5s ease-in-out 0.8s infinite;
}
@keyframes steam2 {
  0% { opacity: 0; transform: translateY(0) translateX(0) scaleX(1); }
  50% { opacity: 0.5; transform: translateY(-45px) translateX(-18px) scaleX(1.4); }
  100% { opacity: 0; transform: translateY(-85px) translateX(-30px) scaleX(0.9); }
}
@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-534a2af { font-size: 44px; padding: 38px 50px 42px; }
}
@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-534a2af { font-size: 36px; padding: 32px 40px 36px; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-bb0a85e */.elementor-1863 .elementor-element.elementor-element-bb0a85e {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-bb0a85e:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-bb0a85e::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-bb0a85e p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-bb0a85e { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-bb0a85e { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8647f9a */.elementor-1863 .elementor-element.elementor-element-8647f9a {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-8647f9a:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-8647f9a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-8647f9a::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-8647f9a .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-8647f9a p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-8647f9a .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-8647f9a .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-8647f9a { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-8647f9a { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-8647f9a .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5737a58 */.elementor-1863 .elementor-element.elementor-element-5737a58 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-5737a58:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-5737a58::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-5737a58::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-5737a58 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-5737a58 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-5737a58 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-5737a58 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-5737a58 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-5737a58 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-5737a58 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2cabde2 */.elementor-1863 .elementor-element.elementor-element-2cabde2 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-2cabde2:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-2cabde2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-2cabde2::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-2cabde2 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-2cabde2 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-2cabde2 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-bb0a85e */.elementor-1863 .elementor-element.elementor-element-bb0a85e {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-bb0a85e:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-bb0a85e::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-bb0a85e p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-bb0a85e { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-bb0a85e { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8647f9a */.elementor-1863 .elementor-element.elementor-element-8647f9a {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-8647f9a:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-8647f9a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-8647f9a::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-8647f9a .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-8647f9a p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-8647f9a .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-8647f9a .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-8647f9a { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-8647f9a { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-8647f9a .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5737a58 */.elementor-1863 .elementor-element.elementor-element-5737a58 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-5737a58:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-5737a58::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-5737a58::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-5737a58 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-5737a58 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-5737a58 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-5737a58 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-5737a58 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-5737a58 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-5737a58 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2cabde2 */.elementor-1863 .elementor-element.elementor-element-2cabde2 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-2cabde2:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-2cabde2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-2cabde2::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-2cabde2 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-2cabde2 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-2cabde2 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-bb0a85e */.elementor-1863 .elementor-element.elementor-element-bb0a85e {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-bb0a85e:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-bb0a85e::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-bb0a85e p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-bb0a85e { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-bb0a85e { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8647f9a */.elementor-1863 .elementor-element.elementor-element-8647f9a {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-8647f9a:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-8647f9a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-8647f9a::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-8647f9a .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-8647f9a p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-8647f9a .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-8647f9a .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-8647f9a { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-8647f9a { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-8647f9a .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5737a58 */.elementor-1863 .elementor-element.elementor-element-5737a58 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-5737a58:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-5737a58::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-5737a58::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-5737a58 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-5737a58 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-5737a58 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-5737a58 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-5737a58 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-5737a58 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-5737a58 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2cabde2 */.elementor-1863 .elementor-element.elementor-element-2cabde2 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-2cabde2:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-2cabde2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-2cabde2::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-2cabde2 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-2cabde2 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-2cabde2 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-bb0a85e */.elementor-1863 .elementor-element.elementor-element-bb0a85e {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-bb0a85e:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-bb0a85e::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-bb0a85e p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-bb0a85e { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-bb0a85e { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8647f9a */.elementor-1863 .elementor-element.elementor-element-8647f9a {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-8647f9a:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-8647f9a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-8647f9a::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-8647f9a .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-8647f9a p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-8647f9a .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-8647f9a .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-8647f9a { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-8647f9a { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-8647f9a .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5737a58 */.elementor-1863 .elementor-element.elementor-element-5737a58 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-5737a58:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-5737a58::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-5737a58::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-5737a58 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-5737a58 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-5737a58 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-5737a58 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-5737a58 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-5737a58 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-5737a58 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2cabde2 */.elementor-1863 .elementor-element.elementor-element-2cabde2 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-2cabde2:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-2cabde2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-2cabde2::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-2cabde2 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-2cabde2 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-2cabde2 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-bb0a85e */.elementor-1863 .elementor-element.elementor-element-bb0a85e {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-bb0a85e:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-bb0a85e::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-bb0a85e p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-bb0a85e { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-bb0a85e { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8647f9a */.elementor-1863 .elementor-element.elementor-element-8647f9a {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-8647f9a:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-8647f9a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-8647f9a::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-8647f9a .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-8647f9a p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-8647f9a .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-8647f9a .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-8647f9a { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-8647f9a { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-8647f9a .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5737a58 */.elementor-1863 .elementor-element.elementor-element-5737a58 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-5737a58:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-5737a58::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-5737a58::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-5737a58 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-5737a58 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-5737a58 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-5737a58 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-5737a58 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-5737a58 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-5737a58 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2cabde2 */.elementor-1863 .elementor-element.elementor-element-2cabde2 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-2cabde2:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-2cabde2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-2cabde2::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-2cabde2 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-2cabde2 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-2cabde2 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-069dab4 */.elementor-1863 .elementor-element.elementor-element-069dab4 {
  font-family: 'DM Serif Display', serif;
  font-size: 68px;
  font-weight: 400;
  text-align: center;
  line-height: 1.3;
  padding: 45px 60px 50px;
  color: #4B2E2B;
  background: linear-gradient(135deg, rgba(245, 235, 221, 0.85) 0%, rgba(240, 228, 208, 0.92) 100%);
  border-radius: 20px;
  position: relative;
  box-shadow: 0 25px 60px rgba(75, 46, 43, 0.25), inset 0 -2px 10px rgba(192, 108, 90, 0.08);
  animation: gentleFloat 3s ease-in-out infinite;
}
@keyframes gentleFloat {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
}
.elementor-1863 .elementor-element.elementor-element-069dab4::before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 25%;
  width: 40px;
  height: 60px;
  background: linear-gradient(180deg, transparent, rgba(212, 169, 79, 0.4), transparent);
  border-radius: 50%;
  filter: blur(8px);
  opacity: 0;
  animation: steam1 4s ease-in-out infinite;
}
@keyframes steam1 {
  0% { opacity: 0; transform: translateY(0) translateX(0) scaleX(1); }
  50% { opacity: 0.6; transform: translateY(-50px) translateX(15px) scaleX(1.3); }
  100% { opacity: 0; transform: translateY(-90px) translateX(25px) scaleX(0.8); }
}
.elementor-1863 .elementor-element.elementor-element-069dab4::after {
  content: '';
  position: absolute;
  bottom: 100%;
  right: 28%;
  width: 35px;
  height: 55px;
  background: linear-gradient(180deg, transparent, rgba(192, 108, 90, 0.35), transparent);
  border-radius: 50%;
  filter: blur(7px);
  opacity: 0;
  animation: steam2 4.5s ease-in-out 0.8s infinite;
}
@keyframes steam2 {
  0% { opacity: 0; transform: translateY(0) translateX(0) scaleX(1); }
  50% { opacity: 0.5; transform: translateY(-45px) translateX(-18px) scaleX(1.4); }
  100% { opacity: 0; transform: translateY(-85px) translateX(-30px) scaleX(0.9); }
}
@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-069dab4 { font-size: 44px; padding: 38px 50px 42px; }
}
@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-069dab4 { font-size: 36px; padding: 32px 40px 36px; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b58d9c9 */.elementor-1863 .elementor-element.elementor-element-b58d9c9 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-b58d9c9:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-b58d9c9::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-656d7bc */.elementor-1863 .elementor-element.elementor-element-656d7bc {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-656d7bc:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-656d7bc::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-656d7bc::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-656d7bc .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-656d7bc p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-656d7bc .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-656d7bc .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-656d7bc { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-656d7bc { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-656d7bc .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbcf322 */.elementor-1863 .elementor-element.elementor-element-fbcf322 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-fbcf322:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-fbcf322::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-fbcf322::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-fbcf322 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-fbcf322 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-fbcf322 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5455306 */.elementor-1863 .elementor-element.elementor-element-5455306 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-5455306:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-5455306::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-5455306::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-5455306 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-5455306 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-5455306 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-5455306 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5455306 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-5455306 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-5455306 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-5455306 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-5455306 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-5455306 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b58d9c9 */.elementor-1863 .elementor-element.elementor-element-b58d9c9 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-b58d9c9:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-b58d9c9::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-656d7bc */.elementor-1863 .elementor-element.elementor-element-656d7bc {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-656d7bc:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-656d7bc::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-656d7bc::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-656d7bc .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-656d7bc p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-656d7bc .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-656d7bc .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-656d7bc { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-656d7bc { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-656d7bc .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbcf322 */.elementor-1863 .elementor-element.elementor-element-fbcf322 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-fbcf322:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-fbcf322::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-fbcf322::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-fbcf322 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-fbcf322 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-fbcf322 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5455306 */.elementor-1863 .elementor-element.elementor-element-5455306 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-5455306:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-5455306::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-5455306::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-5455306 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-5455306 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-5455306 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-5455306 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5455306 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-5455306 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-5455306 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-5455306 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-5455306 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-5455306 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b58d9c9 */.elementor-1863 .elementor-element.elementor-element-b58d9c9 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-b58d9c9:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-b58d9c9::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-656d7bc */.elementor-1863 .elementor-element.elementor-element-656d7bc {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-656d7bc:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-656d7bc::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-656d7bc::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-656d7bc .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-656d7bc p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-656d7bc .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-656d7bc .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-656d7bc { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-656d7bc { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-656d7bc .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbcf322 */.elementor-1863 .elementor-element.elementor-element-fbcf322 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-fbcf322:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-fbcf322::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-fbcf322::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-fbcf322 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-fbcf322 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-fbcf322 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5455306 */.elementor-1863 .elementor-element.elementor-element-5455306 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-5455306:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-5455306::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-5455306::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-5455306 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-5455306 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-5455306 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-5455306 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5455306 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-5455306 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-5455306 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-5455306 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-5455306 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-5455306 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b58d9c9 */.elementor-1863 .elementor-element.elementor-element-b58d9c9 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-b58d9c9:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-b58d9c9::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-656d7bc */.elementor-1863 .elementor-element.elementor-element-656d7bc {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-656d7bc:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-656d7bc::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-656d7bc::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-656d7bc .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-656d7bc p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-656d7bc .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-656d7bc .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-656d7bc { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-656d7bc { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-656d7bc .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbcf322 */.elementor-1863 .elementor-element.elementor-element-fbcf322 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-fbcf322:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-fbcf322::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-fbcf322::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-fbcf322 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-fbcf322 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-fbcf322 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5455306 */.elementor-1863 .elementor-element.elementor-element-5455306 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-5455306:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-5455306::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-5455306::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-5455306 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-5455306 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-5455306 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-5455306 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5455306 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-5455306 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-5455306 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-5455306 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-5455306 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-5455306 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b58d9c9 */.elementor-1863 .elementor-element.elementor-element-b58d9c9 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-b58d9c9:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-b58d9c9::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-b58d9c9 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-b58d9c9 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-b58d9c9 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-656d7bc */.elementor-1863 .elementor-element.elementor-element-656d7bc {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-656d7bc:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-656d7bc::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-656d7bc::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-656d7bc .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-656d7bc p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-656d7bc p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-656d7bc .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-656d7bc .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-656d7bc .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-656d7bc { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-656d7bc { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-656d7bc .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-656d7bc .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fbcf322 */.elementor-1863 .elementor-element.elementor-element-fbcf322 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-fbcf322:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-fbcf322::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-fbcf322::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-fbcf322 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-fbcf322 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-fbcf322 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-fbcf322 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-fbcf322 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-fbcf322 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5455306 */.elementor-1863 .elementor-element.elementor-element-5455306 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-5455306:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-5455306::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-5455306::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-5455306 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-5455306 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-5455306 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-5455306 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-5455306 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5455306 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-5455306 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-5455306 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-5455306 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-5455306 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5455306 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-5455306 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-24dc1ed */.elementor-1863 .elementor-element.elementor-element-24dc1ed {
  font-family: 'DM Serif Display', serif;
  font-size: 68px;
  font-weight: 400;
  text-align: center;
  line-height: 1.3;
  padding: 45px 60px 50px;
  color: #4B2E2B;
  background: linear-gradient(135deg, rgba(245, 235, 221, 0.85) 0%, rgba(240, 228, 208, 0.92) 100%);
  border-radius: 20px;
  position: relative;
  box-shadow: 0 25px 60px rgba(75, 46, 43, 0.25), inset 0 -2px 10px rgba(192, 108, 90, 0.08);
  animation: gentleFloat 3s ease-in-out infinite;
}
@keyframes gentleFloat {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
}
.elementor-1863 .elementor-element.elementor-element-24dc1ed::before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 25%;
  width: 40px;
  height: 60px;
  background: linear-gradient(180deg, transparent, rgba(212, 169, 79, 0.4), transparent);
  border-radius: 50%;
  filter: blur(8px);
  opacity: 0;
  animation: steam1 4s ease-in-out infinite;
}
@keyframes steam1 {
  0% { opacity: 0; transform: translateY(0) translateX(0) scaleX(1); }
  50% { opacity: 0.6; transform: translateY(-50px) translateX(15px) scaleX(1.3); }
  100% { opacity: 0; transform: translateY(-90px) translateX(25px) scaleX(0.8); }
}
.elementor-1863 .elementor-element.elementor-element-24dc1ed::after {
  content: '';
  position: absolute;
  bottom: 100%;
  right: 28%;
  width: 35px;
  height: 55px;
  background: linear-gradient(180deg, transparent, rgba(192, 108, 90, 0.35), transparent);
  border-radius: 50%;
  filter: blur(7px);
  opacity: 0;
  animation: steam2 4.5s ease-in-out 0.8s infinite;
}
@keyframes steam2 {
  0% { opacity: 0; transform: translateY(0) translateX(0) scaleX(1); }
  50% { opacity: 0.5; transform: translateY(-45px) translateX(-18px) scaleX(1.4); }
  100% { opacity: 0; transform: translateY(-85px) translateX(-30px) scaleX(0.9); }
}
@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-24dc1ed { font-size: 44px; padding: 38px 50px 42px; }
}
@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-24dc1ed { font-size: 36px; padding: 32px 40px 36px; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-513458a */.elementor-1863 .elementor-element.elementor-element-513458a {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-513458a:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-513458a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-513458a::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-513458a .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-513458a p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-513458a .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-513458a .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-513458a .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-513458a .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-513458a .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-513458a { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-513458a { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-513458a .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6bae7de */.elementor-1863 .elementor-element.elementor-element-6bae7de {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-6bae7de:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-6bae7de::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-6bae7de::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-6bae7de .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-6bae7de p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-6bae7de .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-6bae7de .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-6bae7de { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-6bae7de { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-6bae7de .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-82d2ddd */.elementor-1863 .elementor-element.elementor-element-82d2ddd {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-82d2ddd:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-82d2ddd::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-82d2ddd p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-82d2ddd { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-82d2ddd { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4640183 */.elementor-1863 .elementor-element.elementor-element-4640183 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-4640183:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-4640183::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-4640183::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-4640183 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-4640183 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-4640183 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-4640183 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-4640183 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-4640183 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-4640183 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-4640183 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-4640183 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-4640183 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-513458a */.elementor-1863 .elementor-element.elementor-element-513458a {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-513458a:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-513458a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-513458a::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-513458a .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-513458a p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-513458a .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-513458a .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-513458a .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-513458a .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-513458a .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-513458a { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-513458a { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-513458a .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6bae7de */.elementor-1863 .elementor-element.elementor-element-6bae7de {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-6bae7de:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-6bae7de::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-6bae7de::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-6bae7de .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-6bae7de p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-6bae7de .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-6bae7de .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-6bae7de { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-6bae7de { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-6bae7de .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-82d2ddd */.elementor-1863 .elementor-element.elementor-element-82d2ddd {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-82d2ddd:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-82d2ddd::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-82d2ddd p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-82d2ddd { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-82d2ddd { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4640183 */.elementor-1863 .elementor-element.elementor-element-4640183 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-4640183:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-4640183::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-4640183::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-4640183 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-4640183 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-4640183 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-4640183 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-4640183 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-4640183 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-4640183 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-4640183 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-4640183 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-4640183 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-513458a */.elementor-1863 .elementor-element.elementor-element-513458a {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-513458a:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-513458a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-513458a::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-513458a .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-513458a p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-513458a .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-513458a .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-513458a .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-513458a .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-513458a .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-513458a { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-513458a { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-513458a .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6bae7de */.elementor-1863 .elementor-element.elementor-element-6bae7de {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-6bae7de:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-6bae7de::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-6bae7de::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-6bae7de .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-6bae7de p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-6bae7de .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-6bae7de .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-6bae7de { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-6bae7de { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-6bae7de .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-82d2ddd */.elementor-1863 .elementor-element.elementor-element-82d2ddd {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-82d2ddd:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-82d2ddd::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-82d2ddd p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-82d2ddd { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-82d2ddd { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4640183 */.elementor-1863 .elementor-element.elementor-element-4640183 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-4640183:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-4640183::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-4640183::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-4640183 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-4640183 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-4640183 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-4640183 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-4640183 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-4640183 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-4640183 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-4640183 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-4640183 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-4640183 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-513458a */.elementor-1863 .elementor-element.elementor-element-513458a {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-513458a:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-513458a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-513458a::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-513458a .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-513458a p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-513458a .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-513458a .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-513458a .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-513458a .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-513458a .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-513458a { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-513458a { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-513458a .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6bae7de */.elementor-1863 .elementor-element.elementor-element-6bae7de {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-6bae7de:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-6bae7de::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-6bae7de::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-6bae7de .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-6bae7de p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-6bae7de .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-6bae7de .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-6bae7de { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-6bae7de { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-6bae7de .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-82d2ddd */.elementor-1863 .elementor-element.elementor-element-82d2ddd {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-82d2ddd:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-82d2ddd::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-82d2ddd p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-82d2ddd { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-82d2ddd { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4640183 */.elementor-1863 .elementor-element.elementor-element-4640183 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-4640183:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-4640183::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-4640183::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-4640183 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-4640183 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-4640183 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-4640183 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-4640183 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-4640183 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-4640183 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-4640183 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-4640183 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-4640183 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-513458a */.elementor-1863 .elementor-element.elementor-element-513458a {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-513458a:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-513458a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-513458a::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-513458a .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-513458a p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-513458a p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-513458a .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-513458a .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-513458a .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-513458a .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-513458a .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-513458a { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-513458a { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-513458a .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-513458a .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6bae7de */.elementor-1863 .elementor-element.elementor-element-6bae7de {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-6bae7de:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-6bae7de::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-6bae7de::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-6bae7de .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-6bae7de p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-6bae7de p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-6bae7de .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-6bae7de .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-6bae7de .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-6bae7de { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-6bae7de { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-6bae7de .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-6bae7de .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-82d2ddd */.elementor-1863 .elementor-element.elementor-element-82d2ddd {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-82d2ddd:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-82d2ddd::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-82d2ddd p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-82d2ddd p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-82d2ddd .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-82d2ddd { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-82d2ddd { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-82d2ddd .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4640183 */.elementor-1863 .elementor-element.elementor-element-4640183 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-4640183:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-4640183::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-4640183::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-4640183 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-4640183 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-4640183 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-4640183 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-4640183 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-4640183 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-4640183 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-4640183 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-4640183 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-4640183 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-4640183 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-4640183 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-534a2af */.elementor-1863 .elementor-element.elementor-element-534a2af {
  font-family: 'DM Serif Display', serif;
  font-size: 68px;
  font-weight: 400;
  text-align: center;
  line-height: 1.3;
  padding: 45px 60px 50px;
  color: #4B2E2B;
  background: linear-gradient(135deg, rgba(245, 235, 221, 0.85) 0%, rgba(240, 228, 208, 0.92) 100%);
  border-radius: 20px;
  position: relative;
  box-shadow: 0 25px 60px rgba(75, 46, 43, 0.25), inset 0 -2px 10px rgba(192, 108, 90, 0.08);
  animation: gentleFloat 3s ease-in-out infinite;
}
@keyframes gentleFloat {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
}
.elementor-1863 .elementor-element.elementor-element-534a2af::before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 25%;
  width: 40px;
  height: 60px;
  background: linear-gradient(180deg, transparent, rgba(212, 169, 79, 0.4), transparent);
  border-radius: 50%;
  filter: blur(8px);
  opacity: 0;
  animation: steam1 4s ease-in-out infinite;
}
@keyframes steam1 {
  0% { opacity: 0; transform: translateY(0) translateX(0) scaleX(1); }
  50% { opacity: 0.6; transform: translateY(-50px) translateX(15px) scaleX(1.3); }
  100% { opacity: 0; transform: translateY(-90px) translateX(25px) scaleX(0.8); }
}
.elementor-1863 .elementor-element.elementor-element-534a2af::after {
  content: '';
  position: absolute;
  bottom: 100%;
  right: 28%;
  width: 35px;
  height: 55px;
  background: linear-gradient(180deg, transparent, rgba(192, 108, 90, 0.35), transparent);
  border-radius: 50%;
  filter: blur(7px);
  opacity: 0;
  animation: steam2 4.5s ease-in-out 0.8s infinite;
}
@keyframes steam2 {
  0% { opacity: 0; transform: translateY(0) translateX(0) scaleX(1); }
  50% { opacity: 0.5; transform: translateY(-45px) translateX(-18px) scaleX(1.4); }
  100% { opacity: 0; transform: translateY(-85px) translateX(-30px) scaleX(0.9); }
}
@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-534a2af { font-size: 44px; padding: 38px 50px 42px; }
}
@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-534a2af { font-size: 36px; padding: 32px 40px 36px; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-bb0a85e */.elementor-1863 .elementor-element.elementor-element-bb0a85e {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-bb0a85e:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-bb0a85e::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-bb0a85e p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-bb0a85e { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-bb0a85e { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8647f9a */.elementor-1863 .elementor-element.elementor-element-8647f9a {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-8647f9a:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-8647f9a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-8647f9a::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-8647f9a .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-8647f9a p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-8647f9a .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-8647f9a .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-8647f9a { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-8647f9a { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-8647f9a .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5737a58 */.elementor-1863 .elementor-element.elementor-element-5737a58 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-5737a58:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-5737a58::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-5737a58::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-5737a58 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-5737a58 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-5737a58 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-5737a58 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-5737a58 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-5737a58 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-5737a58 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2cabde2 */.elementor-1863 .elementor-element.elementor-element-2cabde2 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-2cabde2:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-2cabde2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-2cabde2::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-2cabde2 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-2cabde2 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-2cabde2 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-bb0a85e */.elementor-1863 .elementor-element.elementor-element-bb0a85e {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-bb0a85e:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-bb0a85e::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-bb0a85e p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-bb0a85e { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-bb0a85e { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8647f9a */.elementor-1863 .elementor-element.elementor-element-8647f9a {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-8647f9a:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-8647f9a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-8647f9a::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-8647f9a .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-8647f9a p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-8647f9a .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-8647f9a .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-8647f9a { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-8647f9a { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-8647f9a .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5737a58 */.elementor-1863 .elementor-element.elementor-element-5737a58 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-5737a58:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-5737a58::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-5737a58::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-5737a58 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-5737a58 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-5737a58 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-5737a58 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-5737a58 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-5737a58 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-5737a58 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2cabde2 */.elementor-1863 .elementor-element.elementor-element-2cabde2 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-2cabde2:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-2cabde2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-2cabde2::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-2cabde2 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-2cabde2 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-2cabde2 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-bb0a85e */.elementor-1863 .elementor-element.elementor-element-bb0a85e {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-bb0a85e:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-bb0a85e::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-bb0a85e p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-bb0a85e { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-bb0a85e { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8647f9a */.elementor-1863 .elementor-element.elementor-element-8647f9a {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-8647f9a:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-8647f9a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-8647f9a::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-8647f9a .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-8647f9a p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-8647f9a .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-8647f9a .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-8647f9a { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-8647f9a { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-8647f9a .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5737a58 */.elementor-1863 .elementor-element.elementor-element-5737a58 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-5737a58:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-5737a58::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-5737a58::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-5737a58 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-5737a58 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-5737a58 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-5737a58 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-5737a58 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-5737a58 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-5737a58 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2cabde2 */.elementor-1863 .elementor-element.elementor-element-2cabde2 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-2cabde2:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-2cabde2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-2cabde2::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-2cabde2 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-2cabde2 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-2cabde2 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-bb0a85e */.elementor-1863 .elementor-element.elementor-element-bb0a85e {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-bb0a85e:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-bb0a85e::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-bb0a85e p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-bb0a85e { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-bb0a85e { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8647f9a */.elementor-1863 .elementor-element.elementor-element-8647f9a {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-8647f9a:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-8647f9a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-8647f9a::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-8647f9a .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-8647f9a p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-8647f9a .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-8647f9a .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-8647f9a { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-8647f9a { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-8647f9a .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5737a58 */.elementor-1863 .elementor-element.elementor-element-5737a58 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-5737a58:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-5737a58::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-5737a58::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-5737a58 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-5737a58 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-5737a58 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-5737a58 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-5737a58 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-5737a58 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-5737a58 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2cabde2 */.elementor-1863 .elementor-element.elementor-element-2cabde2 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-2cabde2:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-2cabde2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-2cabde2::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-2cabde2 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-2cabde2 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-2cabde2 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-bb0a85e */.elementor-1863 .elementor-element.elementor-element-bb0a85e {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-bb0a85e:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-bb0a85e::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-bb0a85e p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-bb0a85e p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-bb0a85e .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-bb0a85e { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-bb0a85e { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-bb0a85e .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8647f9a */.elementor-1863 .elementor-element.elementor-element-8647f9a {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-8647f9a:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-8647f9a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-8647f9a::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-8647f9a .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-8647f9a p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-8647f9a p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-8647f9a .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-8647f9a .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-8647f9a .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-8647f9a { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-8647f9a { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-8647f9a .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-8647f9a .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5737a58 */.elementor-1863 .elementor-element.elementor-element-5737a58 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-5737a58:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-5737a58::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-5737a58::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-5737a58 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-5737a58 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-5737a58 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-5737a58 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-5737a58 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-5737a58 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-5737a58 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-5737a58 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-5737a58 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-5737a58 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2cabde2 */.elementor-1863 .elementor-element.elementor-element-2cabde2 {
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.2;
  color: #4B2E2B;
  padding: 55px 60px 55px 95px;
  background: 
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 243, 237, 0.98) 100%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 37px,
      rgba(192, 108, 90, 0.15) 37px,
      rgba(192, 108, 90, 0.15) 38px
    );
  border-radius: 8px;
  position: relative;
  box-shadow: 
    0 15px 45px rgba(75, 46, 43, 0.18),
    0 5px 15px rgba(192, 108, 90, 0.08),
    inset 0 -3px 10px rgba(245, 235, 221, 0.5);
  transform: rotate(-0.5deg);
  animation: paperSlide 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@keyframes paperSlide {
  0% { 
    opacity: 0; 
    transform: translateY(40px) rotate(-3deg); 
  }
  70% {
    transform: translateY(-5px) rotate(0.5deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) rotate(-0.5deg); 
  }
}

.elementor-1863 .elementor-element.elementor-element-2cabde2:hover {
  transform: rotate(0deg) translateY(-3px);
  box-shadow: 
    0 20px 55px rgba(75, 46, 43, 0.22),
    0 8px 20px rgba(192, 108, 90, 0.12),
    inset 0 -3px 10px rgba(245, 235, 221, 0.6);
}

/* Red Margin Line with texture */
.elementor-1863 .elementor-element.elementor-element-2cabde2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 65px;
  bottom: 0;
  width: 3px;
  background: 
    linear-gradient(180deg, 
      rgba(192, 108, 90, 0.4) 0%,
      rgba(192, 108, 90, 0.3) 20%,
      rgba(192, 108, 90, 0.35) 40%,
      rgba(192, 108, 90, 0.28) 60%,
      rgba(192, 108, 90, 0.32) 80%,
      rgba(192, 108, 90, 0.4) 100%
    );
  box-shadow: 
    1px 0 2px rgba(192, 108, 90, 0.1),
    -1px 0 1px rgba(255, 255, 255, 0.5);
  animation: lineReveal 0.8s ease-out 0.6s backwards;
}

@keyframes lineReveal {
  0% { 
    height: 0; 
    opacity: 0; 
  }
  100% { 
    height: 100%; 
    opacity: 1; 
  }
}

/* Animated Coffee Cup with Steam */
.elementor-1863 .elementor-element.elementor-element-2cabde2::after {
  content: '☕';
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 32px;
  opacity: 0.25;
  transform: rotate(12deg);
  filter: drop-shadow(2px 2px 4px rgba(75, 46, 43, 0.15));
  animation: cupFloat 4s ease-in-out infinite;
}

@keyframes cupFloat {
  0%, 100% { 
    transform: rotate(12deg) translateY(0px); 
    opacity: 0.25; 
  }
  50% { 
    transform: rotate(15deg) translateY(-4px); 
    opacity: 0.35; 
  }
}

/* Decorative Paper Holes */
.paper-holes {
  position: absolute;
  top: 0;
  left: 20px;
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 40px;
  padding: 30px 0;
}

/* If using custom HTML, add these holes */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .hole {
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, rgba(192, 108, 90, 0.15) 0%, rgba(192, 108, 90, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 
    inset 0 2px 3px rgba(75, 46, 43, 0.2),
    0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Paragraph Styling */
.elementor-1863 .elementor-element.elementor-element-2cabde2 p {
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  position: relative;
  animation: textFadeIn 0.8s ease-out backwards;
}

.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(1) { animation-delay: 0.8s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(2) { animation-delay: 0.95s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(3) { animation-delay: 1.1s; }
.elementor-1863 .elementor-element.elementor-element-2cabde2 p:nth-child(4) { animation-delay: 1.25s; }

@keyframes textFadeIn {
  0% { 
    opacity: 0; 
    transform: translateX(-10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* First Letter Drop Cap - DISABLED */
/* Removed to keep all letters uniform */

/* Handwritten Notes in Margin (Optional - add class) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .margin-note {
  position: absolute;
  left: -40px;
  font-family: 'Parisienne', cursive;
  font-size: 14px;
  color: rgba(212, 169, 79, 0.7);
  transform: rotate(-8deg);
  white-space: nowrap;
}

/* Coffee Ring Stain (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
  content: '';
  position: absolute;
  top: -12px;
  right: 80px;
  width: 75px;
  height: 75px;
  border: 3px solid rgba(192, 108, 90, 0.18);
  border-radius: 50%;
  box-shadow: 
    inset 0 0 15px rgba(192, 108, 90, 0.06),
    0 2px 8px rgba(192, 108, 90, 0.1);
  transform: rotate(-15deg);
  animation: stainAppear 1s ease-out 1.2s backwards;
}

@keyframes stainAppear {
  0% { 
    opacity: 0; 
    transform: rotate(-15deg) scale(0.6); 
  }
  100% { 
    opacity: 1; 
    transform: rotate(-15deg) scale(1); 
  }
}

/* Small Ink Splatter (Bottom) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .ink-splatter {
  content: '';
  position: absolute;
  bottom: 35px;
  left: 75px;
  width: 45px;
  height: 45px;
  background: radial-gradient(ellipse, rgba(75, 46, 43, 0.08) 0%, rgba(75, 46, 43, 0.04) 50%, transparent 70%);
  border-radius: 48% 52% 55% 45% / 45% 58% 42% 55%;
  animation: inkDrop 1s ease-out 1.5s backwards;
}

@keyframes inkDrop {
  0% { 
    opacity: 0; 
    transform: scale(0.3); 
  }
  60% {
    transform: scale(1.1);
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/* Pen/Pencil Icon (Top Corner) */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .pencil-icon {
  content: '✎';
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 28px;
  color: rgba(212, 169, 79, 0.3);
  transform: rotate(-25deg);
  animation: pencilWiggle 3s ease-in-out infinite;
}

@keyframes pencilWiggle {
  0%, 100% { 
    transform: rotate(-25deg); 
  }
  50% { 
    transform: rotate(-20deg); 
  }
}

/* Subtle Paper Texture Overlay */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .paper-texture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(192, 108, 90, 0.01) 2px,
      rgba(192, 108, 90, 0.01) 4px
    );
  opacity: 0.3;
  pointer-events: none;
  border-radius: 8px;
}

/* Folded Corner Effect */
.elementor-1863 .elementor-element.elementor-element-2cabde2 .folded-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent rgba(192, 108, 90, 0.15) transparent transparent;
  border-radius: 0 8px 0 0;
  box-shadow: -2px 2px 6px rgba(75, 46, 43, 0.1);
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-2cabde2 { 
    font-size: 16px; 
    padding: 45px 48px 45px 78px; 
    transform: rotate(-0.3deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::before { 
    left: 58px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::after {
    font-size: 28px;
    bottom: 20px;
    right: 25px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
    width: 60px;
    height: 60px;
    right: 60px;
  }
}

@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-2cabde2 { 
    font-size: 15px; 
    padding: 38px 40px 38px 68px; 
    line-height: 2;
    transform: rotate(0deg);
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::before { 
    left: 52px; 
    width: 2px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2::after {
    font-size: 24px;
    bottom: 18px;
    right: 20px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .coffee-ring-top {
    width: 50px;
    height: 50px;
    top: -8px;
    right: 40px;
  }
  
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .pencil-icon,
  .elementor-1863 .elementor-element.elementor-element-2cabde2 .folded-corner {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ba62549 */.elementor-1863 .elementor-element.elementor-element-ba62549 {
  font-family: 'DM Serif Display', serif;
  font-size: 64px;
  font-weight: 400;
  text-align: center;
  line-height: 1.3;
  padding: 55px 80px;
  color: #4B2E2B;
  background: linear-gradient(118deg, rgba(245, 235, 221, 0.92) 0%, rgba(245, 235, 221, 0.96) 48%, rgba(212, 169, 79, 0.18) 48.1%, rgba(192, 108, 90, 0.12) 100%);
  border-radius: 0 28px 28px 0;
  position: relative;
  box-shadow: -6px 12px 40px rgba(75, 46, 43, 0.17);
  animation: slideInLeft 1.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@keyframes slideInLeft {
  0% { opacity: 0; transform: translateX(-120px); }
  100% { opacity: 1; transform: translateX(0); }
}
.elementor-1863 .elementor-element.elementor-element-ba62549::before {
  content: '';
  position: absolute;
  left: -6px;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 65%;
  background: linear-gradient(180deg, #D4A94F, #C06C5A);
  border-radius: 4px;
  animation: barExpand 0.9s ease-out 1.1s backwards;
}
@keyframes barExpand {
  0% { height: 0; }
  100% { height: 65%; }
}
.elementor-1863 .elementor-element.elementor-element-ba62549::after {
  content: '→';
  position: absolute;
  left: -38px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 26px;
  color: #D4A94F;
  opacity: 0;
  animation: arrowAppear 0.9s ease-out 1.8s forwards;
}
@keyframes arrowAppear {
  0% { opacity: 0; transform: translateY(-50%) translateX(-25px); }
  100% { opacity: 1; transform: translateY(-50%) translateX(0); }
}
@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-ba62549 { font-size: 42px; padding: 45px 60px; }
  .elementor-1863 .elementor-element.elementor-element-ba62549::after { left: -30px; font-size: 22px; }
}
@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-ba62549 { font-size: 34px; padding: 38px 48px; }
  .elementor-1863 .elementor-element.elementor-element-ba62549::after { display: none; }
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-9d14951 *//* Card Container - No Background Color */
.elementor-1863 .elementor-element.elementor-element-9d14951 {
    background: transparent;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.3);
    transition: all 0.5s ease;
    border: 2px solid rgba(255, 140, 60, 0.25);
}

/* Hover Effect */
.elementor-1863 .elementor-element.elementor-element-9d14951:hover {
    transform: translateY(-10px);
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.4);
    border-color: rgba(255, 140, 60, 0.4);
}

/* Image Container */
.elementor-1863 .elementor-element.elementor-element-9d14951 .elementor-widget-image {
    overflow: hidden;
    position: relative;
}

/* Image Zoom Effect */
.elementor-1863 .elementor-element.elementor-element-9d14951 img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    transition: transform 0.6s ease;
    display: block;
    filter: brightness(0.9) contrast(1.1);
}

.elementor-1863 .elementor-element.elementor-element-9d14951:hover img {
    transform: scale(1.15);
    filter: brightness(1) contrast(1.15);
}

/* Subtle Vignette on Image */
.elementor-1863 .elementor-element.elementor-element-9d14951 .elementor-widget-image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(ellipse at center, transparent 40%, rgba(0, 0, 0, 0.3) 100%);
    pointer-events: none;
}

/* Halloween Title - Orange Gradient */
.elementor-1863 .elementor-element.elementor-element-9d14951 .elementor-heading-title {
    font-family: 'DM Serif Display', serif !important;
    font-size: 32px !important;
    font-weight: 600 !important;
    margin: 24px 20px 16px !important;
    line-height: 1.3 !important;
    text-align: center !important;
    transition: all 0.4s ease;
    display: inline-block;
    
    /* Gradient effect with multiple fallbacks */
    background: linear-gradient(135deg, #FF8C3C 0%, #FFB380 50%, #FF6F00 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    -moz-background-clip: text !important;
    -moz-text-fill-color: transparent !important;
    background-clip: text !important;
    
    /* Fallback solid color */
    color: #FF8C3C;
}

/* Glow Effect on Hover */
.elementor-1863 .elementor-element.elementor-element-9d14951:hover .elementor-heading-title {
    filter: drop-shadow(0 0 15px rgba(255, 140, 60, 0.6));
    transform: scale(1.05);
}

/* Description - Keep Original Color */
.elementor-1863 .elementor-element.elementor-element-9d14951 .elementor-text-editor,
.elementor-1863 .elementor-element.elementor-element-9d14951 p {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 16px !important;
    color: inherit !important;
    margin: 0 20px 24px !important;
    line-height: 1.6 !important;
    text-align: center;
    transition: all 0.4s ease;
}

.elementor-1863 .elementor-element.elementor-element-9d14951:hover .elementor-text-editor,
.elementor-1863 .elementor-element.elementor-element-9d14951:hover p {
    transform: translateY(-2px);
}

/* Content Wrapper */
.elementor-1863 .elementor-element.elementor-element-9d14951 .elementor-widget-wrap {
    padding: 0 !important;
}

.elementor-1863 .elementor-element.elementor-element-9d14951 .elementor-widget {
    margin-bottom: 0 !important;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .elementor-1863 .elementor-element.elementor-element-9d14951 {
        border-radius: 14px;
    }
    
    .elementor-1863 .elementor-element.elementor-element-9d14951:hover {
        transform: translateY(-8px);
    }
    
    .elementor-1863 .elementor-element.elementor-element-9d14951 .elementor-heading-title {
        font-size: 28px !important;
        margin: 20px 16px 12px !important;
    }
    
    .elementor-1863 .elementor-element.elementor-element-9d14951 .elementor-text-editor,
    .elementor-1863 .elementor-element.elementor-element-9d14951 p {
        font-size: 15px !important;
        margin: 0 16px 20px !important;
    }
    
    .elementor-1863 .elementor-element.elementor-element-9d14951 img {
        height: 240px !important;
    }
    
    .elementor-1863 .elementor-element.elementor-element-9d14951:hover img {
        transform: scale(1.12);
    }
}

/* Smooth Entrance Animation */
.elementor-1863 .elementor-element.elementor-element-9d14951 {
    animation: fadeInUp 0.6s ease-out;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-5e30dd3 *//* Gradient Background Icon List */
.elementor-1863 .elementor-element.elementor-element-5e30dd3 {
    background: linear-gradient(135deg, rgba(245, 235, 221, 0.8) 0%, rgba(255, 248, 231, 0.8) 100%);
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 8px 25px rgba(75, 46, 43, 0.1);
}

.elementor-1863 .elementor-element.elementor-element-5e30dd3 .elementor-icon-list-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 0;
    transition: all 0.3s ease;
    position: relative;
}

.elementor-1863 .elementor-element.elementor-element-5e30dd3 .elementor-icon-list-item::before {
    content: "";
    position: absolute;
    left: -24px;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 0;
    background: linear-gradient(135deg, #FF8C3C, #C06C5A);
    border-radius: 2px;
    transition: height 0.3s ease;
}

.elementor-1863 .elementor-element.elementor-element-5e30dd3 .elementor-icon-list-item:hover::before {
    height: 100%;
}

.elementor-1863 .elementor-element.elementor-element-5e30dd3 .elementor-icon-list-icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border-radius: 50%;
    color: #FF8C3C !important;
    font-size: 16px !important;
    box-shadow: 0 3px 10px rgba(255, 140, 60, 0.2);
    transition: all 0.3s ease;
}

.elementor-1863 .elementor-element.elementor-element-5e30dd3 .elementor-icon-list-item:hover .elementor-icon-list-icon {
    background: linear-gradient(135deg, #FF8C3C, #FFB380);
    color: white !important;
    transform: rotate(360deg) scale(1.1);
}

.elementor-1863 .elementor-element.elementor-element-5e30dd3 .elementor-icon-list-text {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 15px !important;
    color: #4B2E2B !important;
    font-weight: 500;
    transition: all 0.3s ease;
}

.elementor-1863 .elementor-element.elementor-element-5e30dd3 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #C06C5A !important;
    transform: translateX(5px);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-578e725 *//* Reserve Your Spot Button */
.elementor-1863 .elementor-element.elementor-element-578e725 .elementor-button,
.elementor-1863 .elementor-element.elementor-element-578e725 a.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px;
    background: linear-gradient(135deg, #D4A94F 0%, #E8C875 100%) !important;
    color: #4B2E2B !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 16px 36px !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: capitalize;
    letter-spacing: 0.5px;
    box-shadow: 0 6px 20px rgba(212, 169, 79, 0.4), inset 0 -3px 8px rgba(192, 108, 90, 0.15) !important;
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* Shine Effect */
.elementor-1863 .elementor-element.elementor-element-578e725 .elementor-button::before,
.elementor-1863 .elementor-element.elementor-element-578e725 a.elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
    transition: left 0.6s ease;
    transform: skewX(-20deg);
}

/* Top Highlight */
.elementor-1863 .elementor-element.elementor-element-578e725 .elementor-button::after,
.elementor-1863 .elementor-element.elementor-element-578e725 a.elementor-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 10%;
    width: 80%;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.7), transparent);
}

/* Hover Effect */
.elementor-1863 .elementor-element.elementor-element-578e725 .elementor-button:hover,
.elementor-1863 .elementor-element.elementor-element-578e725 a.elementor-button:hover {
    background: linear-gradient(135deg, #E8C875 0%, #D4A94F 100%) !important;
    transform: translateY(-4px) scale(1.05);
    box-shadow: 0 12px 30px rgba(212, 169, 79, 0.5), inset 0 -3px 8px rgba(192, 108, 90, 0.25) !important;
}

.elementor-1863 .elementor-element.elementor-element-578e725 .elementor-button:hover::before,
.elementor-1863 .elementor-element.elementor-element-578e725 a.elementor-button:hover::before {
    left: 150%;
}

/* Active/Press Effect */
.elementor-1863 .elementor-element.elementor-element-578e725 .elementor-button:active,
.elementor-1863 .elementor-element.elementor-element-578e725 a.elementor-button:active {
    transform: translateY(-1px) scale(1.02);
    box-shadow: 0 4px 15px rgba(212, 169, 79, 0.4) !important;
}

/* Icon Animation */
.elementor-1863 .elementor-element.elementor-element-578e725 .elementor-button .elementor-button-icon {
    transition: transform 0.3s ease;
}

.elementor-1863 .elementor-element.elementor-element-578e725 .elementor-button:hover .elementor-button-icon {
    transform: translateX(3px);
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .elementor-1863 .elementor-element.elementor-element-578e725 .elementor-button,
    .elementor-1863 .elementor-element.elementor-element-578e725 a.elementor-button {
        padding: 14px 30px !important;
        font-size: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-c14c900 *//* Card Container - No Background Color */
.elementor-1863 .elementor-element.elementor-element-c14c900 {
    background: transparent;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.3);
    transition: all 0.5s ease;
    border: 2px solid rgba(255, 140, 60, 0.25);
}

/* Hover Effect */
.elementor-1863 .elementor-element.elementor-element-c14c900:hover {
    transform: translateY(-10px);
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.4);
    border-color: rgba(255, 140, 60, 0.4);
}

/* Image Container */
.elementor-1863 .elementor-element.elementor-element-c14c900 .elementor-widget-image {
    overflow: hidden;
    position: relative;
}

/* Image Zoom Effect */
.elementor-1863 .elementor-element.elementor-element-c14c900 img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    transition: transform 0.6s ease;
    display: block;
    filter: brightness(0.9) contrast(1.1);
}

.elementor-1863 .elementor-element.elementor-element-c14c900:hover img {
    transform: scale(1.15);
    filter: brightness(1) contrast(1.15);
}

/* Subtle Vignette on Image */
.elementor-1863 .elementor-element.elementor-element-c14c900 .elementor-widget-image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(ellipse at center, transparent 40%, rgba(0, 0, 0, 0.3) 100%);
    pointer-events: none;
}

/* Halloween Title - Orange Gradient */
.elementor-1863 .elementor-element.elementor-element-c14c900 .elementor-heading-title {
    font-family: 'DM Serif Display', serif !important;
    font-size: 32px !important;
    font-weight: 600 !important;
    margin: 24px 20px 16px !important;
    line-height: 1.3 !important;
    text-align: center !important;
    transition: all 0.4s ease;
    display: inline-block;
    
    /* Gradient effect with multiple fallbacks */
    background: linear-gradient(135deg, #FF8C3C 0%, #FFB380 50%, #FF6F00 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    -moz-background-clip: text !important;
    -moz-text-fill-color: transparent !important;
    background-clip: text !important;
    
    /* Fallback solid color */
    color: #FF8C3C;
}

/* Glow Effect on Hover */
.elementor-1863 .elementor-element.elementor-element-c14c900:hover .elementor-heading-title {
    filter: drop-shadow(0 0 15px rgba(255, 140, 60, 0.6));
    transform: scale(1.05);
}

/* Description - Keep Original Color */
.elementor-1863 .elementor-element.elementor-element-c14c900 .elementor-text-editor,
.elementor-1863 .elementor-element.elementor-element-c14c900 p {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 16px !important;
    color: inherit !important;
    margin: 0 20px 24px !important;
    line-height: 1.6 !important;
    text-align: center;
    transition: all 0.4s ease;
}

.elementor-1863 .elementor-element.elementor-element-c14c900:hover .elementor-text-editor,
.elementor-1863 .elementor-element.elementor-element-c14c900:hover p {
    transform: translateY(-2px);
}

/* Content Wrapper */
.elementor-1863 .elementor-element.elementor-element-c14c900 .elementor-widget-wrap {
    padding: 0 !important;
}

.elementor-1863 .elementor-element.elementor-element-c14c900 .elementor-widget {
    margin-bottom: 0 !important;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .elementor-1863 .elementor-element.elementor-element-c14c900 {
        border-radius: 14px;
    }
    
    .elementor-1863 .elementor-element.elementor-element-c14c900:hover {
        transform: translateY(-8px);
    }
    
    .elementor-1863 .elementor-element.elementor-element-c14c900 .elementor-heading-title {
        font-size: 28px !important;
        margin: 20px 16px 12px !important;
    }
    
    .elementor-1863 .elementor-element.elementor-element-c14c900 .elementor-text-editor,
    .elementor-1863 .elementor-element.elementor-element-c14c900 p {
        font-size: 15px !important;
        margin: 0 16px 20px !important;
    }
    
    .elementor-1863 .elementor-element.elementor-element-c14c900 img {
        height: 240px !important;
    }
    
    .elementor-1863 .elementor-element.elementor-element-c14c900:hover img {
        transform: scale(1.12);
    }
}

/* Smooth Entrance Animation */
.elementor-1863 .elementor-element.elementor-element-c14c900 {
    animation: fadeInUp 0.6s ease-out;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-83811ce *//* Gradient Background Icon List */
.elementor-1863 .elementor-element.elementor-element-83811ce {
    background: linear-gradient(135deg, rgba(245, 235, 221, 0.8) 0%, rgba(255, 248, 231, 0.8) 100%);
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 8px 25px rgba(75, 46, 43, 0.1);
}

.elementor-1863 .elementor-element.elementor-element-83811ce .elementor-icon-list-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 0;
    transition: all 0.3s ease;
    position: relative;
}

.elementor-1863 .elementor-element.elementor-element-83811ce .elementor-icon-list-item::before {
    content: "";
    position: absolute;
    left: -24px;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 0;
    background: linear-gradient(135deg, #FF8C3C, #C06C5A);
    border-radius: 2px;
    transition: height 0.3s ease;
}

.elementor-1863 .elementor-element.elementor-element-83811ce .elementor-icon-list-item:hover::before {
    height: 100%;
}

.elementor-1863 .elementor-element.elementor-element-83811ce .elementor-icon-list-icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border-radius: 50%;
    color: #FF8C3C !important;
    font-size: 16px !important;
    box-shadow: 0 3px 10px rgba(255, 140, 60, 0.2);
    transition: all 0.3s ease;
}

.elementor-1863 .elementor-element.elementor-element-83811ce .elementor-icon-list-item:hover .elementor-icon-list-icon {
    background: linear-gradient(135deg, #FF8C3C, #FFB380);
    color: white !important;
    transform: rotate(360deg) scale(1.1);
}

.elementor-1863 .elementor-element.elementor-element-83811ce .elementor-icon-list-text {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 15px !important;
    color: #4B2E2B !important;
    font-weight: 500;
    transition: all 0.3s ease;
}

.elementor-1863 .elementor-element.elementor-element-83811ce .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #C06C5A !important;
    transform: translateX(5px);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0572989 *//* Reserve Your Spot Button */
.elementor-1863 .elementor-element.elementor-element-0572989 .elementor-button,
.elementor-1863 .elementor-element.elementor-element-0572989 a.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px;
    background: linear-gradient(135deg, #D4A94F 0%, #E8C875 100%) !important;
    color: #4B2E2B !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 16px 36px !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: capitalize;
    letter-spacing: 0.5px;
    box-shadow: 0 6px 20px rgba(212, 169, 79, 0.4), inset 0 -3px 8px rgba(192, 108, 90, 0.15) !important;
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* Shine Effect */
.elementor-1863 .elementor-element.elementor-element-0572989 .elementor-button::before,
.elementor-1863 .elementor-element.elementor-element-0572989 a.elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
    transition: left 0.6s ease;
    transform: skewX(-20deg);
}

/* Top Highlight */
.elementor-1863 .elementor-element.elementor-element-0572989 .elementor-button::after,
.elementor-1863 .elementor-element.elementor-element-0572989 a.elementor-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 10%;
    width: 80%;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.7), transparent);
}

/* Hover Effect */
.elementor-1863 .elementor-element.elementor-element-0572989 .elementor-button:hover,
.elementor-1863 .elementor-element.elementor-element-0572989 a.elementor-button:hover {
    background: linear-gradient(135deg, #E8C875 0%, #D4A94F 100%) !important;
    transform: translateY(-4px) scale(1.05);
    box-shadow: 0 12px 30px rgba(212, 169, 79, 0.5), inset 0 -3px 8px rgba(192, 108, 90, 0.25) !important;
}

.elementor-1863 .elementor-element.elementor-element-0572989 .elementor-button:hover::before,
.elementor-1863 .elementor-element.elementor-element-0572989 a.elementor-button:hover::before {
    left: 150%;
}

/* Active/Press Effect */
.elementor-1863 .elementor-element.elementor-element-0572989 .elementor-button:active,
.elementor-1863 .elementor-element.elementor-element-0572989 a.elementor-button:active {
    transform: translateY(-1px) scale(1.02);
    box-shadow: 0 4px 15px rgba(212, 169, 79, 0.4) !important;
}

/* Icon Animation */
.elementor-1863 .elementor-element.elementor-element-0572989 .elementor-button .elementor-button-icon {
    transition: transform 0.3s ease;
}

.elementor-1863 .elementor-element.elementor-element-0572989 .elementor-button:hover .elementor-button-icon {
    transform: translateX(3px);
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .elementor-1863 .elementor-element.elementor-element-0572989 .elementor-button,
    .elementor-1863 .elementor-element.elementor-element-0572989 a.elementor-button {
        padding: 14px 30px !important;
        font-size: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c186fd9 */.elementor-1863 .elementor-element.elementor-element-c186fd9 {
  font-family: 'DM Serif Display', serif;
  font-size: 64px;
  font-weight: 400;
  text-align: center;
  line-height: 1.3;
  padding: 60px 85px;
  color: #4B2E2B;
  background: linear-gradient(145deg, #F5EBDD, #ede1cd);
  border-radius: 14px;
  position: relative;
  box-shadow: 0 22px 55px rgba(75, 46, 43, 0.2), 0 8px 20px rgba(192, 108, 90, 0.14);
  animation: cardFloat 1.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@keyframes cardFloat {
  0% { opacity: 0; transform: translateY(55px) scale(0.94); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}
.elementor-1863 .elementor-element.elementor-element-c186fd9::before {
  content: '';
  position: absolute;
  top: 25px;
  left: 25px;
  right: 25px;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(212, 169, 79, 0.45), transparent);
  animation: topAccent 1.1s ease-out 1.1s backwards;
}
@keyframes topAccent {
  0% { transform: scaleX(0); }
  100% { transform: scaleX(1); }
}
.elementor-1863 .elementor-element.elementor-element-c186fd9::after {
  content: '';
  position: absolute;
  bottom: 25px;
  left: 25px;
  right: 25px;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(192, 108, 90, 0.45), transparent);
  animation: bottomAccent 1.1s ease-out 1.4s backwards;
}
@keyframes bottomAccent {
  0% { transform: scaleX(0); }
  100% { transform: scaleX(1); }
}
@media (max-width: 768px) {
  .elementor-1863 .elementor-element.elementor-element-c186fd9 { font-size: 42px; padding: 50px 65px; }
}
@media (max-width: 480px) {
  .elementor-1863 .elementor-element.elementor-element-c186fd9 { font-size: 34px; padding: 42px 50px; }
}/* End custom CSS */
/* Start custom CSS for testimonial-carousel, class: .elementor-element-8e1f10f *//* Stacked Card Style */
.elementor-1863 .elementor-element.elementor-element-8e1f10f {
    background: #F5EBDD;
    border-radius: 18px;
    padding: 45px 35px;
    box-shadow: 
        0 8px 25px rgba(75, 46, 43, 0.15),
        0 4px 0 rgba(212, 169, 79, 0.2),
        0 8px 0 rgba(212, 169, 79, 0.1);
    position: relative;
}

.elementor-1863 .elementor-element.elementor-element-8e1f10f::before {
    content: "★";
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 30px;
    color: #D4A94F;
}

.elementor-1863 .elementor-element.elementor-element-8e1f10f .elementor-testimonial__text {
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #4B2E2B !important;
    text-align: center;
    margin: 40px 0 30px !important;
}

.elementor-1863 .elementor-element.elementor-element-8e1f10f .elementor-testimonial__image img {
    width: 70px !important;
    height: 70px !important;
    border-radius: 50% !important;
    border: 4px solid white !important;
    box-shadow: 0 4px 15px rgba(75, 46, 43, 0.2);
}

.elementor-1863 .elementor-element.elementor-element-8e1f10f .elementor-testimonial__name {
    color: #4B2E2B !important;
    font-size: 20px !important;
}

.elementor-1863 .elementor-element.elementor-element-8e1f10f .elementor-testimonial__title {
    color: #C06C5A !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}/* End custom CSS */