.elementor-550 .elementor-element.elementor-element-ac29b83{--display:flex;--overflow:hidden;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-550 .elementor-element.elementor-element-ac29b83::before, .elementor-550 .elementor-element.elementor-element-ac29b83 > .elementor-background-video-container::before, .elementor-550 .elementor-element.elementor-element-ac29b83 > .e-con-inner > .elementor-background-video-container::before, .elementor-550 .elementor-element.elementor-element-ac29b83 > .elementor-background-slideshow::before, .elementor-550 .elementor-element.elementor-element-ac29b83 > .e-con-inner > .elementor-background-slideshow::before, .elementor-550 .elementor-element.elementor-element-ac29b83 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-550 .elementor-element.elementor-element-53e703a{--display:flex;--min-height:499px;--overlay-opacity:0.5;}.elementor-550 .elementor-element.elementor-element-53e703a:not(.elementor-motion-effects-element-type-background), .elementor-550 .elementor-element.elementor-element-53e703a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://shreegraphic.co.in/wp-content/uploads/2026/09/ChatGPT-Image-Sep-22-2026-03_23_20-PM.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-550 .elementor-element.elementor-element-53e703a::before, .elementor-550 .elementor-element.elementor-element-53e703a > .elementor-background-video-container::before, .elementor-550 .elementor-element.elementor-element-53e703a > .e-con-inner > .elementor-background-video-container::before, .elementor-550 .elementor-element.elementor-element-53e703a > .elementor-background-slideshow::before, .elementor-550 .elementor-element.elementor-element-53e703a > .e-con-inner > .elementor-background-slideshow::before, .elementor-550 .elementor-element.elementor-element-53e703a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00000000;--background-overlay:'';}.elementor-550 .elementor-element.elementor-element-82c2893{--display:flex;}.elementor-550 .elementor-element.elementor-element-21989fe{--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;}.elementor-550 .elementor-element.elementor-element-d03746e{--display:flex;--justify-content:center;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F5B900C7;--border-color:#F5B900C7;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.21);}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-550 .elementor-element.elementor-element-ff5554f .elementor-icon-box-wrapper{text-align:start;gap:4px;}.elementor-550 .elementor-element.elementor-element-ff5554f .elementor-icon-box-title{margin-block-end:7px;color:#EC3539;}.elementor-550 .elementor-element.elementor-element-ff5554f.elementor-view-stacked .elementor-icon{background-color:#F5B900;}.elementor-550 .elementor-element.elementor-element-ff5554f.elementor-view-framed .elementor-icon, .elementor-550 .elementor-element.elementor-element-ff5554f.elementor-view-default .elementor-icon{fill:#F5B900;color:#F5B900;border-color:#F5B900;}.elementor-550 .elementor-element.elementor-element-ff5554f .elementor-icon{font-size:30px;}.elementor-550 .elementor-element.elementor-element-ff5554f .elementor-icon-box-title, .elementor-550 .elementor-element.elementor-element-ff5554f .elementor-icon-box-title a{font-family:"Rokkitt", Sans-serif;font-size:25px;font-weight:600;}.elementor-550 .elementor-element.elementor-element-ff5554f:has(:hover) .elementor-icon-box-title, .elementor-550 .elementor-element.elementor-element-ff5554f:has(:focus) .elementor-icon-box-title{color:#EC3539;}.elementor-550 .elementor-element.elementor-element-ff5554f .elementor-icon-box-description{font-family:"Rokkitt", Sans-serif;font-size:17px;font-weight:400;color:#2C2C2C;}.elementor-550 .elementor-element.elementor-element-9fcee81{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F5B900C7;--border-color:#F5B900C7;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.21);}.elementor-550 .elementor-element.elementor-element-fbf5ebb .elementor-icon-box-wrapper{text-align:start;gap:4px;}.elementor-550 .elementor-element.elementor-element-fbf5ebb .elementor-icon-box-title{margin-block-end:7px;color:#EC3539;}.elementor-550 .elementor-element.elementor-element-fbf5ebb.elementor-view-stacked .elementor-icon{background-color:#F5B900;}.elementor-550 .elementor-element.elementor-element-fbf5ebb.elementor-view-framed .elementor-icon, .elementor-550 .elementor-element.elementor-element-fbf5ebb.elementor-view-default .elementor-icon{fill:#F5B900;color:#F5B900;border-color:#F5B900;}.elementor-550 .elementor-element.elementor-element-fbf5ebb .elementor-icon{font-size:30px;}.elementor-550 .elementor-element.elementor-element-fbf5ebb .elementor-icon-box-title, .elementor-550 .elementor-element.elementor-element-fbf5ebb .elementor-icon-box-title a{font-family:"Rokkitt", Sans-serif;font-size:25px;font-weight:600;}.elementor-550 .elementor-element.elementor-element-fbf5ebb:has(:hover) .elementor-icon-box-title, .elementor-550 .elementor-element.elementor-element-fbf5ebb:has(:focus) .elementor-icon-box-title{color:#EC3539;}.elementor-550 .elementor-element.elementor-element-fbf5ebb .elementor-icon-box-description{font-family:"Rokkitt", Sans-serif;font-size:17px;font-weight:400;color:#2C2C2C;}.elementor-550 .elementor-element.elementor-element-5bca66f{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F5B900C7;--border-color:#F5B900C7;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.21);}.elementor-550 .elementor-element.elementor-element-d18bee4 .elementor-icon-box-wrapper{text-align:start;gap:4px;}.elementor-550 .elementor-element.elementor-element-d18bee4 .elementor-icon-box-title{margin-block-end:7px;color:#EC3539;}.elementor-550 .elementor-element.elementor-element-d18bee4.elementor-view-stacked .elementor-icon{background-color:#F5B900;}.elementor-550 .elementor-element.elementor-element-d18bee4.elementor-view-framed .elementor-icon, .elementor-550 .elementor-element.elementor-element-d18bee4.elementor-view-default .elementor-icon{fill:#F5B900;color:#F5B900;border-color:#F5B900;}.elementor-550 .elementor-element.elementor-element-d18bee4 .elementor-icon{font-size:30px;}.elementor-550 .elementor-element.elementor-element-d18bee4 .elementor-icon-box-title, .elementor-550 .elementor-element.elementor-element-d18bee4 .elementor-icon-box-title a{font-family:"Rokkitt", Sans-serif;font-size:25px;font-weight:600;}.elementor-550 .elementor-element.elementor-element-d18bee4:has(:hover) .elementor-icon-box-title, .elementor-550 .elementor-element.elementor-element-d18bee4:has(:focus) .elementor-icon-box-title{color:#EC3539;}.elementor-550 .elementor-element.elementor-element-d18bee4 .elementor-icon-box-description{font-family:"Rokkitt", Sans-serif;font-size:17px;font-weight:400;color:#2C2C2C;}.elementor-550 .elementor-element.elementor-element-ee632ea{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F5B900C7;--border-color:#F5B900C7;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.21);}.elementor-550 .elementor-element.elementor-element-2591bab .elementor-icon-box-wrapper{text-align:start;gap:4px;}.elementor-550 .elementor-element.elementor-element-2591bab .elementor-icon-box-title{margin-block-end:7px;color:#EC3539;}.elementor-550 .elementor-element.elementor-element-2591bab.elementor-view-stacked .elementor-icon{background-color:#F5B900;}.elementor-550 .elementor-element.elementor-element-2591bab.elementor-view-framed .elementor-icon, .elementor-550 .elementor-element.elementor-element-2591bab.elementor-view-default .elementor-icon{fill:#F5B900;color:#F5B900;border-color:#F5B900;}.elementor-550 .elementor-element.elementor-element-2591bab .elementor-icon{font-size:30px;}.elementor-550 .elementor-element.elementor-element-2591bab .elementor-icon-box-title, .elementor-550 .elementor-element.elementor-element-2591bab .elementor-icon-box-title a{font-family:"Rokkitt", Sans-serif;font-size:25px;font-weight:600;}.elementor-550 .elementor-element.elementor-element-2591bab:has(:hover) .elementor-icon-box-title, .elementor-550 .elementor-element.elementor-element-2591bab:has(:focus) .elementor-icon-box-title{color:#EC3539;}.elementor-550 .elementor-element.elementor-element-2591bab .elementor-icon-box-description{font-family:"Rokkitt", Sans-serif;font-size:17px;font-weight:400;color:#2C2C2C;}.elementor-550 .elementor-element.elementor-element-8489443{--display:flex;border-style:solid;--border-style:solid;border-color:#F5B900C7;--border-color:#F5B900C7;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.21);}.elementor-550 .elementor-element.elementor-element-ed11211 .elementor-icon-box-wrapper{text-align:start;gap:4px;}.elementor-550 .elementor-element.elementor-element-ed11211 .elementor-icon-box-title{margin-block-end:7px;color:#EC3539;}.elementor-550 .elementor-element.elementor-element-ed11211.elementor-view-stacked .elementor-icon{background-color:#F5B900;}.elementor-550 .elementor-element.elementor-element-ed11211.elementor-view-framed .elementor-icon, .elementor-550 .elementor-element.elementor-element-ed11211.elementor-view-default .elementor-icon{fill:#F5B900;color:#F5B900;border-color:#F5B900;}.elementor-550 .elementor-element.elementor-element-ed11211 .elementor-icon{font-size:30px;}.elementor-550 .elementor-element.elementor-element-ed11211 .elementor-icon-box-title, .elementor-550 .elementor-element.elementor-element-ed11211 .elementor-icon-box-title a{font-family:"Rokkitt", Sans-serif;font-size:25px;font-weight:600;}.elementor-550 .elementor-element.elementor-element-ed11211:has(:hover) .elementor-icon-box-title, .elementor-550 .elementor-element.elementor-element-ed11211:has(:focus) .elementor-icon-box-title{color:#EC3539;}.elementor-550 .elementor-element.elementor-element-ed11211 .elementor-icon-box-description{font-family:"Rokkitt", Sans-serif;font-size:17px;font-weight:400;color:#2C2C2C;}.elementor-550 .elementor-element.elementor-element-07010d0{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F5B900C7;--border-color:#F5B900C7;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.21);}.elementor-550 .elementor-element.elementor-element-54bdfb9 .elementor-icon-box-wrapper{text-align:start;gap:4px;}.elementor-550 .elementor-element.elementor-element-54bdfb9 .elementor-icon-box-title{margin-block-end:7px;color:#EC3539;}.elementor-550 .elementor-element.elementor-element-54bdfb9.elementor-view-stacked .elementor-icon{background-color:#F5B900;}.elementor-550 .elementor-element.elementor-element-54bdfb9.elementor-view-framed .elementor-icon, .elementor-550 .elementor-element.elementor-element-54bdfb9.elementor-view-default .elementor-icon{fill:#F5B900;color:#F5B900;border-color:#F5B900;}.elementor-550 .elementor-element.elementor-element-54bdfb9 .elementor-icon{font-size:30px;}.elementor-550 .elementor-element.elementor-element-54bdfb9 .elementor-icon-box-title, .elementor-550 .elementor-element.elementor-element-54bdfb9 .elementor-icon-box-title a{font-family:"Rokkitt", Sans-serif;font-size:25px;font-weight:600;}.elementor-550 .elementor-element.elementor-element-54bdfb9:has(:hover) .elementor-icon-box-title, .elementor-550 .elementor-element.elementor-element-54bdfb9:has(:focus) .elementor-icon-box-title{color:#EC3539;}.elementor-550 .elementor-element.elementor-element-54bdfb9 .elementor-icon-box-description{font-family:"Rokkitt", Sans-serif;font-size:17px;font-weight:400;color:#2C2C2C;}.elementor-550 .elementor-element.elementor-element-3771f0a{--display:flex;border-style:solid;--border-style:solid;border-color:#F5B900C7;--border-color:#F5B900C7;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.21);}.elementor-550 .elementor-element.elementor-element-a8dfcd0 .elementor-icon-box-wrapper{gap:4px;}.elementor-550 .elementor-element.elementor-element-a8dfcd0 .elementor-icon-box-title{margin-block-end:7px;color:#EC3539;}.elementor-550 .elementor-element.elementor-element-a8dfcd0.elementor-view-stacked .elementor-icon{background-color:#F5B900;}.elementor-550 .elementor-element.elementor-element-a8dfcd0.elementor-view-framed .elementor-icon, .elementor-550 .elementor-element.elementor-element-a8dfcd0.elementor-view-default .elementor-icon{fill:#F5B900;color:#F5B900;border-color:#F5B900;}.elementor-550 .elementor-element.elementor-element-a8dfcd0 .elementor-icon{font-size:30px;}.elementor-550 .elementor-element.elementor-element-a8dfcd0 .elementor-icon-box-title, .elementor-550 .elementor-element.elementor-element-a8dfcd0 .elementor-icon-box-title a{font-family:"Rokkitt", Sans-serif;font-size:25px;font-weight:600;}.elementor-550 .elementor-element.elementor-element-a8dfcd0:has(:hover) .elementor-icon-box-title, .elementor-550 .elementor-element.elementor-element-a8dfcd0:has(:focus) .elementor-icon-box-title{color:#EC3539;}.elementor-550 .elementor-element.elementor-element-a8dfcd0 .elementor-icon-box-description{font-family:"Rokkitt", Sans-serif;font-size:17px;font-weight:400;color:#2C2C2C;}.elementor-550 .elementor-element.elementor-element-b1d96c7{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F5B900C7;--border-color:#F5B900C7;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.21);}.elementor-550 .elementor-element.elementor-element-d87c126 .elementor-icon-box-wrapper{text-align:start;gap:4px;}.elementor-550 .elementor-element.elementor-element-d87c126 .elementor-icon-box-title{margin-block-end:7px;color:#EC3539;}.elementor-550 .elementor-element.elementor-element-d87c126.elementor-view-stacked .elementor-icon{background-color:#F5B900;}.elementor-550 .elementor-element.elementor-element-d87c126.elementor-view-framed .elementor-icon, .elementor-550 .elementor-element.elementor-element-d87c126.elementor-view-default .elementor-icon{fill:#F5B900;color:#F5B900;border-color:#F5B900;}.elementor-550 .elementor-element.elementor-element-d87c126 .elementor-icon{font-size:30px;}.elementor-550 .elementor-element.elementor-element-d87c126 .elementor-icon-box-title, .elementor-550 .elementor-element.elementor-element-d87c126 .elementor-icon-box-title a{font-family:"Rokkitt", Sans-serif;font-size:25px;font-weight:600;}.elementor-550 .elementor-element.elementor-element-d87c126:has(:hover) .elementor-icon-box-title, .elementor-550 .elementor-element.elementor-element-d87c126:has(:focus) .elementor-icon-box-title{color:#EC3539;}.elementor-550 .elementor-element.elementor-element-d87c126 .elementor-icon-box-description{font-family:"Rokkitt", Sans-serif;font-size:17px;font-weight:400;color:#2C2C2C;}.elementor-550 .elementor-element.elementor-element-7d582e2{--e-n-carousel-swiper-slides-to-display:6;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-550 .elementor-element.elementor-element-9bcaf95{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:hidden;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-550 .elementor-element.elementor-element-9bcaf95:not(.elementor-motion-effects-element-type-background), .elementor-550 .elementor-element.elementor-element-9bcaf95 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://shreegraphic.co.in/wp-content/uploads/2026/09/e3f74202-e065-496a-821a-c17f112b2220.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-550 .elementor-element.elementor-element-18abb05 .elementor-heading-title{font-family:"Rokkitt", Sans-serif;font-size:24px;font-weight:600;color:#EC3539;}.elementor-550 .elementor-element.elementor-element-27d8581 .elementor-heading-title{font-family:"Rokkitt", Sans-serif;font-size:29px;font-weight:600;color:#F5B900;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-550 .elementor-element.elementor-element-209de6f{font-family:"Rokkitt", Sans-serif;font-size:18px;font-weight:400;color:#000000;}.elementor-550 .elementor-element.elementor-element-efab28e{--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;}.elementor-550 .elementor-element.elementor-element-51783e1{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F5B900C7;--border-color:#F5B900C7;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.21);}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title, .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-550 .elementor-element.elementor-element-7c93d9e.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-550 .elementor-element.elementor-element-7c93d9e.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-550 .elementor-element.elementor-element-7c93d9e.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-550 .elementor-element.elementor-element-7c93d9e .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-550 .elementor-element.elementor-element-7c93d9e .elementor-image-box-img img{transition-duration:0.3s;}.elementor-550 .elementor-element.elementor-element-7c93d9e .elementor-image-box-title{font-family:"Rokkitt", Sans-serif;font-weight:600;color:#EC3539;}.elementor-550 .elementor-element.elementor-element-7c93d9e:has(:hover) .elementor-image-box-title, .elementor-550 .elementor-element.elementor-element-7c93d9e:has(:focus) .elementor-image-box-title{color:#EC3539;}.elementor-550 .elementor-element.elementor-element-7c93d9e .elementor-image-box-description{font-family:"Rokkitt", Sans-serif;font-weight:400;color:#000000;}.elementor-550 .elementor-element.elementor-element-85c6335{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F5B900C7;--border-color:#F5B900C7;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.21);}.elementor-550 .elementor-element.elementor-element-b385d5f.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-550 .elementor-element.elementor-element-b385d5f.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-550 .elementor-element.elementor-element-b385d5f.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-550 .elementor-element.elementor-element-b385d5f .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-550 .elementor-element.elementor-element-b385d5f .elementor-image-box-img img{transition-duration:0.3s;}.elementor-550 .elementor-element.elementor-element-b385d5f .elementor-image-box-title{font-family:"Rokkitt", Sans-serif;font-weight:600;color:#EC3539;}.elementor-550 .elementor-element.elementor-element-b385d5f:has(:hover) .elementor-image-box-title, .elementor-550 .elementor-element.elementor-element-b385d5f:has(:focus) .elementor-image-box-title{color:#EC3539;}.elementor-550 .elementor-element.elementor-element-b385d5f .elementor-image-box-description{font-family:"Rokkitt", Sans-serif;font-weight:400;color:#000000;}.elementor-550 .elementor-element.elementor-element-150674d{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F5B900C7;--border-color:#F5B900C7;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.21);}.elementor-550 .elementor-element.elementor-element-4964951.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-550 .elementor-element.elementor-element-4964951.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-550 .elementor-element.elementor-element-4964951.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-550 .elementor-element.elementor-element-4964951 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-550 .elementor-element.elementor-element-4964951 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-550 .elementor-element.elementor-element-4964951 .elementor-image-box-title{font-family:"Rokkitt", Sans-serif;font-weight:600;color:#EC3539;}.elementor-550 .elementor-element.elementor-element-4964951:has(:hover) .elementor-image-box-title, .elementor-550 .elementor-element.elementor-element-4964951:has(:focus) .elementor-image-box-title{color:#EC3539;}.elementor-550 .elementor-element.elementor-element-4964951 .elementor-image-box-description{font-family:"Rokkitt", Sans-serif;font-weight:400;color:#000000;}.elementor-550 .elementor-element.elementor-element-7257934{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F5B900C7;--border-color:#F5B900C7;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.21);}.elementor-550 .elementor-element.elementor-element-359e86b.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-550 .elementor-element.elementor-element-359e86b.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-550 .elementor-element.elementor-element-359e86b.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-550 .elementor-element.elementor-element-359e86b .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-550 .elementor-element.elementor-element-359e86b .elementor-image-box-img img{transition-duration:0.3s;}.elementor-550 .elementor-element.elementor-element-359e86b .elementor-image-box-title{font-family:"Rokkitt", Sans-serif;font-weight:600;color:#EC3539;}.elementor-550 .elementor-element.elementor-element-359e86b:has(:hover) .elementor-image-box-title, .elementor-550 .elementor-element.elementor-element-359e86b:has(:focus) .elementor-image-box-title{color:#EC3539;}.elementor-550 .elementor-element.elementor-element-359e86b .elementor-image-box-description{font-family:"Rokkitt", Sans-serif;font-weight:400;color:#000000;}.elementor-550 .elementor-element.elementor-element-1d48779{--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;}.elementor-550 .elementor-element.elementor-element-6872a65{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F5B900C7;--border-color:#F5B900C7;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.21);}.elementor-550 .elementor-element.elementor-element-1ba6d78.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-550 .elementor-element.elementor-element-1ba6d78.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-550 .elementor-element.elementor-element-1ba6d78.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-550 .elementor-element.elementor-element-1ba6d78 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-550 .elementor-element.elementor-element-1ba6d78 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-550 .elementor-element.elementor-element-1ba6d78 .elementor-image-box-title{font-family:"Rokkitt", Sans-serif;font-weight:600;color:#EC3539;}.elementor-550 .elementor-element.elementor-element-1ba6d78:has(:hover) .elementor-image-box-title, .elementor-550 .elementor-element.elementor-element-1ba6d78:has(:focus) .elementor-image-box-title{color:#EC3539;}.elementor-550 .elementor-element.elementor-element-1ba6d78 .elementor-image-box-description{font-family:"Rokkitt", Sans-serif;font-weight:400;color:#000000;}.elementor-550 .elementor-element.elementor-element-856cad6{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F5B900C7;--border-color:#F5B900C7;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.21);}.elementor-550 .elementor-element.elementor-element-91965ef.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-550 .elementor-element.elementor-element-91965ef.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-550 .elementor-element.elementor-element-91965ef.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-550 .elementor-element.elementor-element-91965ef .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-550 .elementor-element.elementor-element-91965ef .elementor-image-box-img img{transition-duration:0.3s;}.elementor-550 .elementor-element.elementor-element-91965ef .elementor-image-box-title{font-family:"Rokkitt", Sans-serif;font-weight:600;color:#EC3539;}.elementor-550 .elementor-element.elementor-element-91965ef:has(:hover) .elementor-image-box-title, .elementor-550 .elementor-element.elementor-element-91965ef:has(:focus) .elementor-image-box-title{color:#EC3539;}.elementor-550 .elementor-element.elementor-element-91965ef .elementor-image-box-description{font-family:"Rokkitt", Sans-serif;font-weight:400;color:#000000;}.elementor-550 .elementor-element.elementor-element-52f964f{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F5B900C7;--border-color:#F5B900C7;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.21);}.elementor-550 .elementor-element.elementor-element-3f0332a.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-550 .elementor-element.elementor-element-3f0332a.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-550 .elementor-element.elementor-element-3f0332a.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-550 .elementor-element.elementor-element-3f0332a .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-550 .elementor-element.elementor-element-3f0332a .elementor-image-box-img img{transition-duration:0.3s;}.elementor-550 .elementor-element.elementor-element-3f0332a .elementor-image-box-title{font-family:"Rokkitt", Sans-serif;font-weight:600;color:#EC3539;}.elementor-550 .elementor-element.elementor-element-3f0332a:has(:hover) .elementor-image-box-title, .elementor-550 .elementor-element.elementor-element-3f0332a:has(:focus) .elementor-image-box-title{color:#EC3539;}.elementor-550 .elementor-element.elementor-element-3f0332a .elementor-image-box-description{font-family:"Rokkitt", Sans-serif;font-weight:400;color:#000000;}.elementor-550 .elementor-element.elementor-element-7087ccf{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F5B900C7;--border-color:#F5B900C7;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.21);}.elementor-550 .elementor-element.elementor-element-d9ec8a0.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-550 .elementor-element.elementor-element-d9ec8a0.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-550 .elementor-element.elementor-element-d9ec8a0.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-550 .elementor-element.elementor-element-d9ec8a0 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-550 .elementor-element.elementor-element-d9ec8a0 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-550 .elementor-element.elementor-element-d9ec8a0 .elementor-image-box-title{font-family:"Rokkitt", Sans-serif;font-weight:600;color:#EC3539;}.elementor-550 .elementor-element.elementor-element-d9ec8a0:has(:hover) .elementor-image-box-title, .elementor-550 .elementor-element.elementor-element-d9ec8a0:has(:focus) .elementor-image-box-title{color:#EC3539;}.elementor-550 .elementor-element.elementor-element-d9ec8a0 .elementor-image-box-description{font-family:"Rokkitt", Sans-serif;font-weight:400;color:#000000;}.elementor-550 .elementor-element.elementor-element-f620868{--display:flex;--overflow:hidden;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-550 .elementor-element.elementor-element-f620868::before, .elementor-550 .elementor-element.elementor-element-f620868 > .elementor-background-video-container::before, .elementor-550 .elementor-element.elementor-element-f620868 > .e-con-inner > .elementor-background-video-container::before, .elementor-550 .elementor-element.elementor-element-f620868 > .elementor-background-slideshow::before, .elementor-550 .elementor-element.elementor-element-f620868 > .e-con-inner > .elementor-background-slideshow::before, .elementor-550 .elementor-element.elementor-element-f620868 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-550 .elementor-element.elementor-element-0992cd4{--display:flex;--min-height:291px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;}.elementor-550 .elementor-element.elementor-element-0992cd4:not(.elementor-motion-effects-element-type-background), .elementor-550 .elementor-element.elementor-element-0992cd4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://shreegraphic.co.in/wp-content/uploads/2026/09/ChatGPT-Image-Sep-22-2026-04_42_16-PM.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-550 .elementor-element.elementor-element-0992cd4::before, .elementor-550 .elementor-element.elementor-element-0992cd4 > .elementor-background-video-container::before, .elementor-550 .elementor-element.elementor-element-0992cd4 > .e-con-inner > .elementor-background-video-container::before, .elementor-550 .elementor-element.elementor-element-0992cd4 > .elementor-background-slideshow::before, .elementor-550 .elementor-element.elementor-element-0992cd4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-550 .elementor-element.elementor-element-0992cd4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00000000;--background-overlay:'';}.elementor-550 .elementor-element.elementor-element-f00d3b2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-550 .elementor-element.elementor-element-f00d3b2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-550 .elementor-element.elementor-element-def09a5{width:var( --container-widget-width, 56% );max-width:56%;--container-widget-width:56%;--container-widget-flex-grow:0;text-align:start;}.elementor-550 .elementor-element.elementor-element-def09a5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-550 .elementor-element.elementor-element-def09a5 .elementor-heading-title{font-family:"Rokkitt", Sans-serif;font-size:29px;font-weight:600;color:#F5B900;}.elementor-550 .elementor-element.elementor-element-f97a9f3{width:var( --container-widget-width, 56% );max-width:56%;--container-widget-width:56%;--container-widget-flex-grow:0;text-align:start;}.elementor-550 .elementor-element.elementor-element-f97a9f3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-550 .elementor-element.elementor-element-f97a9f3 .elementor-heading-title{font-family:"Rokkitt", Sans-serif;font-size:25px;font-weight:600;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-550 .elementor-element.elementor-element-8c800e3 .elementor-button{background-color:#F5B900;font-family:"Rokkitt", Sans-serif;font-size:17px;font-weight:500;text-decoration:none;}.elementor-550 .elementor-element.elementor-element-8c800e3{width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;}.elementor-550 .elementor-element.elementor-element-8c800e3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-550 .elementor-element.elementor-element-3ef8a29{--display:flex;--overflow:hidden;--overlay-opacity:0.5;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-550 .elementor-element.elementor-element-3ef8a29::before, .elementor-550 .elementor-element.elementor-element-3ef8a29 > .elementor-background-video-container::before, .elementor-550 .elementor-element.elementor-element-3ef8a29 > .e-con-inner > .elementor-background-video-container::before, .elementor-550 .elementor-element.elementor-element-3ef8a29 > .elementor-background-slideshow::before, .elementor-550 .elementor-element.elementor-element-3ef8a29 > .e-con-inner > .elementor-background-slideshow::before, .elementor-550 .elementor-element.elementor-element-3ef8a29 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-550 .elementor-element.elementor-element-f8699af{--display:flex;--min-height:291px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;}.elementor-550 .elementor-element.elementor-element-f8699af:not(.elementor-motion-effects-element-type-background), .elementor-550 .elementor-element.elementor-element-f8699af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://shreegraphic.co.in/wp-content/uploads/2026/09/ChatGPT-Image-Sep-22-2026-05_02_47-PM.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-550 .elementor-element.elementor-element-f8699af::before, .elementor-550 .elementor-element.elementor-element-f8699af > .elementor-background-video-container::before, .elementor-550 .elementor-element.elementor-element-f8699af > .e-con-inner > .elementor-background-video-container::before, .elementor-550 .elementor-element.elementor-element-f8699af > .elementor-background-slideshow::before, .elementor-550 .elementor-element.elementor-element-f8699af > .e-con-inner > .elementor-background-slideshow::before, .elementor-550 .elementor-element.elementor-element-f8699af > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00000000;--background-overlay:'';}.elementor-550 .elementor-element.elementor-element-6b65e07{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-550 .elementor-element.elementor-element-6b65e07.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-550 .elementor-element.elementor-element-f010349{width:var( --container-widget-width, 56.182% );max-width:56.182%;--container-widget-width:56.182%;--container-widget-flex-grow:0;text-align:start;}.elementor-550 .elementor-element.elementor-element-f010349.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-550 .elementor-element.elementor-element-f010349 .elementor-heading-title{font-family:"Rokkitt", Sans-serif;font-size:29px;font-weight:600;color:#F5B900;}.elementor-550 .elementor-element.elementor-element-c641279{width:var( --container-widget-width, 57% );max-width:57%;--container-widget-width:57%;--container-widget-flex-grow:0;text-align:start;}.elementor-550 .elementor-element.elementor-element-c641279.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-550 .elementor-element.elementor-element-c641279 .elementor-heading-title{font-family:"Rokkitt", Sans-serif;font-size:25px;font-weight:600;color:#FFFFFF;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-550 .elementor-element.elementor-element-f00d3b2{--width:100%;}.elementor-550 .elementor-element.elementor-element-6b65e07{--width:100%;}}@media(max-width:1024px){.elementor-550 .elementor-element.elementor-element-7d582e2{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-550 .elementor-element.elementor-element-7d582e2{--e-n-carousel-swiper-slides-to-display:1;}.elementor-550 .elementor-element.elementor-element-7c93d9e .elementor-image-box-img{margin-bottom:15px;}.elementor-550 .elementor-element.elementor-element-b385d5f .elementor-image-box-img{margin-bottom:15px;}.elementor-550 .elementor-element.elementor-element-4964951 .elementor-image-box-img{margin-bottom:15px;}.elementor-550 .elementor-element.elementor-element-359e86b .elementor-image-box-img{margin-bottom:15px;}.elementor-550 .elementor-element.elementor-element-1ba6d78 .elementor-image-box-img{margin-bottom:15px;}.elementor-550 .elementor-element.elementor-element-91965ef .elementor-image-box-img{margin-bottom:15px;}.elementor-550 .elementor-element.elementor-element-3f0332a .elementor-image-box-img{margin-bottom:15px;}.elementor-550 .elementor-element.elementor-element-d9ec8a0 .elementor-image-box-img{margin-bottom:15px;}.elementor-550 .elementor-element.elementor-element-def09a5{--container-widget-width:408px;--container-widget-flex-grow:0;width:var( --container-widget-width, 408px );max-width:408px;}.elementor-550 .elementor-element.elementor-element-f97a9f3{--container-widget-width:397px;--container-widget-flex-grow:0;width:var( --container-widget-width, 397px );max-width:397px;}.elementor-550 .elementor-element.elementor-element-8c800e3{width:var( --container-widget-width, 311px );max-width:311px;--container-widget-width:311px;--container-widget-flex-grow:0;}.elementor-550 .elementor-element.elementor-element-f010349{width:var( --container-widget-width, 322.773px );max-width:322.773px;--container-widget-width:322.773px;--container-widget-flex-grow:0;}.elementor-550 .elementor-element.elementor-element-c641279{width:var( --container-widget-width, 244.398px );max-width:244.398px;--container-widget-width:244.398px;--container-widget-flex-grow:0;}}@media(min-width:1025px){.elementor-550 .elementor-element.elementor-element-9bcaf95:not(.elementor-motion-effects-element-type-background), .elementor-550 .elementor-element.elementor-element-9bcaf95 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for container, class: .elementor-element-d03746e *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9fcee81 *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5bca66f *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ee632ea *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-07010d0 *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b1d96c7 *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d03746e *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9fcee81 *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5bca66f *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ee632ea *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-07010d0 *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b1d96c7 *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d03746e *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9fcee81 *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5bca66f *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ee632ea *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-07010d0 *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b1d96c7 *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d03746e *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9fcee81 *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5bca66f *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ee632ea *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-07010d0 *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b1d96c7 *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d03746e *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9fcee81 *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5bca66f *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ee632ea *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-07010d0 *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b1d96c7 *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d03746e *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9fcee81 *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5bca66f *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ee632ea *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-07010d0 *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b1d96c7 *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d03746e *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9fcee81 *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5bca66f *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ee632ea *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-07010d0 *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b1d96c7 *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d03746e *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9fcee81 *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5bca66f *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ee632ea *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-07010d0 *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b1d96c7 *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d03746e *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9fcee81 *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5bca66f *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ee632ea *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-07010d0 *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b1d96c7 *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for nested-carousel, class: .elementor-element-7d582e2 *//* ========================= SERVICE CATEGORY CARDS ========================= */ .elementor-550 .elementor-element.elementor-element-7d582e2 .elementor-icon-box-wrapper { background: #ffffff; min-height: 125px; padding: 18px 10px !important; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; border-right: 1px solid #eeeeee; transition: all 0.3s ease; } /* ICON */ .elementor-550 .elementor-element.elementor-element-7d582e2 .elementor-icon { width: 48px; height: 48px; display: flex !important; align-items: center; justify-content: center; margin-bottom: 10px !important; background: #fff7dc; border-radius: 12px; color: #f5b400 !important; transition: all 0.3s ease; } .elementor-550 .elementor-element.elementor-element-7d582e2 .elementor-icon i { font-size: 23px; } /* TITLE */ .elementor-550 .elementor-element.elementor-element-7d582e2 .elementor-icon-box-title { margin: 0 !important; font-size: 14px !important; line-height: 1.3 !important; font-weight: 600 !important; color: #172033 !important; } /* HOVER */ .elementor-550 .elementor-element.elementor-element-7d582e2 .elementor-icon-box-wrapper:hover { background: #fffdf5; transform: translateY(-4px); box-shadow: 0 8px 22px rgba(0,0,0,0.08); border-radius: 10px; } .elementor-550 .elementor-element.elementor-element-7d582e2 .elementor-icon-box-wrapper:hover .elementor-icon { background: #ffbf00; color: #ffffff !important; transform: scale(1.08); } .elementor-550 .elementor-element.elementor-element-7d582e2 .elementor-icon-box-wrapper:hover .elementor-icon-box-title { color: #e9a900 !important; } /* ========================= MOBILE ========================= */ @media (max-width: 767px) { .elementor-550 .elementor-element.elementor-element-7d582e2 .elementor-icon-box-wrapper { min-height: 110px; padding: 14px 7px !important; } .elementor-550 .elementor-element.elementor-element-7d582e2 .elementor-icon { width: 40px; height: 40px; margin-bottom: 7px !important; } .elementor-550 .elementor-element.elementor-element-7d582e2 .elementor-icon i { font-size: 19px; } .elementor-550 .elementor-element.elementor-element-7d582e2 .elementor-icon-box-title { font-size: 12px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-51783e1 *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-85c6335 *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-150674d *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7257934 *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6872a65 *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-856cad6 *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-52f964f *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7087ccf *//* ========================================= CREATIVE SERVICE CARDS - PREMIUM HOVER ========================================= */ .creative-service-card{ position:relative; overflow:hidden !important; background:#ffffff; border:1px solid #e5b21b; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.10); transition: transform .45s ease, box-shadow .45s ease, border-color .4s ease; } /* Gold light sweep */ .creative-service-card::before{ content:""; position:absolute; top:-100%; left:-70%; width:45%; height:300%; background:linear-gradient( 90deg, transparent, rgba(255,193,7,.18), transparent ); transform:rotate(20deg); transition:left .7s ease; pointer-events:none; z-index:1; } /* Bottom glow */ .creative-service-card::after{ content:""; position:absolute; left:50%; bottom:-70px; width:180px; height:120px; transform:translateX(-50%); background:rgba(255,185,0,.13); border-radius:50%; filter:blur(15px); opacity:0; transition: opacity .45s ease, transform .45s ease; } /* ========================================= HOVER ========================================= */ .creative-service-card:hover{ transform:translateY(-9px); border-color:#ffb900; box-shadow: 0 16px 30px rgba(0,0,0,.14), 0 5px 18px rgba(255,185,0,.20); } .creative-service-card:hover::before{ left:130%; } .creative-service-card:hover::after{ opacity:1; transform: translateX(-50%) scale(1.5); } /* ========================================= ICON ========================================= */ .creative-service-card .elementor-icon{ transition: transform .55s cubic-bezier(.68,-.55,.27,1.55), box-shadow .4s ease; } .creative-service-card:hover .elementor-icon{ transform: translateY(-5px) scale(1.12) rotate(-6deg); box-shadow: 0 0 0 7px rgba(255,185,0,.12), 0 8px 18px rgba(0,0,0,.15); } /* ========================================= HEADING ========================================= */ .creative-service-card .elementor-heading-title{ transition: color .35s ease, transform .35s ease; } .creative-service-card:hover .elementor-heading-title{ color:#c48600 !important; transform:translateY(-3px); } /* ========================================= DESCRIPTION ========================================= */ .creative-service-card .elementor-widget-text-editor{ transition: transform .35s ease, opacity .35s ease; } .creative-service-card:hover .elementor-widget-text-editor{ transform:translateY(-2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .creative-service-card:hover{ transform:translateY(-5px); } }/* End custom CSS */