.elementor-13841 .elementor-element.elementor-element-9592f86{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13841 .elementor-element.elementor-element-15577a6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13841 .elementor-element.elementor-element-2282a2a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13841 .elementor-element.elementor-element-fd06a29{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13841 .elementor-element.elementor-element-7d998ac{text-align:center;}.elementor-13841 .elementor-element.elementor-element-7d998ac .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:2.8px;}.elementor-13841 .elementor-element.elementor-element-fd8ab49{text-align:center;}.elementor-13841 .elementor-element.elementor-element-aefa7f3{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13841 .elementor-element.elementor-element-5315279:not( .elementor-widget-image ) .elementor-widget-container, .elementor-13841 .elementor-element.elementor-element-5315279.elementor-widget-image .elementor-widget-container img{-webkit-mask-image:url( https://thefedwed.com/wp-content/plugins/elementor/assets/mask-shapes/circle.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-13841 .elementor-element.elementor-element-a2ec0a7{text-align:center;}.elementor-13841 .elementor-element.elementor-element-a24206a > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-13841 .elementor-element.elementor-element-a24206a{text-align:center;}.elementor-13841 .elementor-element.elementor-element-576e89c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13841 .elementor-element.elementor-element-c132b56 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-13841 .elementor-element.elementor-element-c132b56 .jet-listing-dynamic-link__link{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;flex-direction:row;}.elementor-13841 .elementor-element.elementor-element-c132b56 .jet-listing-dynamic-link__icon{order:1;font-size:20px;}body:not(.rtl) .elementor-13841 .elementor-element.elementor-element-c132b56 .jet-listing-dynamic-link__icon{margin-right:5px;}body.rtl .elementor-13841 .elementor-element.elementor-element-c132b56 .jet-listing-dynamic-link__icon{margin-left:5px;}.elementor-13841 .elementor-element.elementor-element-9917d5e .jet-listing-dynamic-link__icon{order:1;font-size:20px;}.elementor-13841 .elementor-element.elementor-element-9917d5e .jet-listing-dynamic-link__link{flex-direction:row;}body:not(.rtl) .elementor-13841 .elementor-element.elementor-element-9917d5e .jet-listing-dynamic-link__icon{margin-right:5px;}body.rtl .elementor-13841 .elementor-element.elementor-element-9917d5e .jet-listing-dynamic-link__icon{margin-left:5px;}.elementor-13841 .elementor-element.elementor-element-bb9d121{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13841 .elementor-element.elementor-element-26aee04{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13841 .elementor-element.elementor-element-1f2c841{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13841 .elementor-element.elementor-element-1ec487b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13841 .elementor-element.elementor-element-d5806ba{text-align:center;}.elementor-13841 .elementor-element.elementor-element-d5806ba .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:2.8px;color:var( --e-global-color-secondary );}.elementor-13841 .elementor-element.elementor-element-8e94f85 > .elementor-widget-container{margin:0px 0px 40px 0px;}.elementor-13841 .elementor-element.elementor-element-8e94f85{text-align:center;}.elementor-13841 .elementor-element.elementor-element-8e94f85 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:42px;font-weight:800;}.elementor-13841 .elementor-element.elementor-element-14644ea{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13841 .elementor-element.elementor-element-baee62b{columns:1;font-size:16px;}.elementor-13841 .elementor-element.elementor-element-9daf5c1{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13841 .elementor-element.elementor-element-31039ac{text-align:center;}.elementor-13841 .elementor-element.elementor-element-6911524{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13841 .elementor-element.elementor-element-824d626{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13841 .elementor-element.elementor-element-a94aaf9{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13841 .elementor-element.elementor-element-c82dbf1 > .elementor-widget-container{margin:0px 0px 60px 0px;}.elementor-13841 .elementor-element.elementor-element-5960510{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13841 .elementor-element.elementor-element-fb0515a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13841 .elementor-element.elementor-element-d61c569 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:20px;font-weight:800;}.elementor-13841 .elementor-element.elementor-element-76609d5{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13841 .elementor-element.elementor-element-793d79b .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-13841 .elementor-element.elementor-element-793d79b .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-13841 .elementor-element.elementor-element-793d79b .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-13841 .elementor-element.elementor-element-793d79b .jet-listing-dynamic-field__content{text-align:left;}.elementor-13841 .elementor-element.elementor-element-eba192c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13841 .elementor-element.elementor-element-5708fc7 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:20px;font-weight:800;}.elementor-13841 .elementor-element.elementor-element-2d6bf07{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13841 .elementor-element.elementor-element-ca99b45 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-13841 .elementor-element.elementor-element-ca99b45 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-13841 .elementor-element.elementor-element-ca99b45 .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-13841 .elementor-element.elementor-element-ca99b45 .jet-listing-dynamic-field__content{text-align:left;}.elementor-13841 .elementor-element.elementor-element-642b96d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13841 .elementor-element.elementor-element-7c122b3 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:20px;font-weight:800;}.elementor-13841 .elementor-element.elementor-element-8281a34{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13841 .elementor-element.elementor-element-5996535 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-13841 .elementor-element.elementor-element-5996535 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-13841 .elementor-element.elementor-element-5996535 .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-13841 .elementor-element.elementor-element-5996535 .jet-listing-dynamic-field__content{text-align:left;}.elementor-13841 .elementor-element.elementor-element-fffb382{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13841 .elementor-element.elementor-element-d537272{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13841 .elementor-element.elementor-element-4a915b3{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13841 .elementor-element.elementor-element-cdc4204{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13841 .elementor-element.elementor-element-2dbf0cc > .elementor-widget-container{margin:0px 0px 50px 0px;}.elementor-13841 .elementor-element.elementor-element-55ad44a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13841 .elementor-element.elementor-element-683531e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13841 .elementor-element.elementor-element-1e2531b .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-13841 .elementor-element.elementor-element-e17fbe8{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13841 .elementor-element.elementor-element-681ed38{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13841 .elementor-element.elementor-element-4f0833e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13841 .elementor-element.elementor-element-d8a58ac > .elementor-widget-container{margin:0px 0px 50px 0px;}.elementor-13841 .elementor-element.elementor-element-8f0cf8c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-13841 .elementor-element.elementor-element-8f0cf8c{--image-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-13841 .elementor-element.elementor-element-7fda9e5{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13841 .elementor-element.elementor-element-766c527{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13841 .elementor-element.elementor-element-b6fff8b .jet-listing-dynamic-link__link{align-self:flex-start;flex-direction:row;}.elementor-13841 .elementor-element.elementor-element-b6fff8b .jet-listing-dynamic-link__icon{order:1;font-size:20px;}body:not(.rtl) .elementor-13841 .elementor-element.elementor-element-b6fff8b .jet-listing-dynamic-link__icon{margin-right:10px;}body.rtl .elementor-13841 .elementor-element.elementor-element-b6fff8b .jet-listing-dynamic-link__icon{margin-left:10px;}.elementor-13841 .elementor-element.elementor-element-6e68ba6 .jet-listing-dynamic-link__link{align-self:flex-start;flex-direction:row;}.elementor-13841 .elementor-element.elementor-element-6e68ba6 .jet-listing-dynamic-link__icon{order:1;font-size:20px;}body:not(.rtl) .elementor-13841 .elementor-element.elementor-element-6e68ba6 .jet-listing-dynamic-link__icon{margin-right:10px;}body.rtl .elementor-13841 .elementor-element.elementor-element-6e68ba6 .jet-listing-dynamic-link__icon{margin-left:10px;}.elementor-13841 .elementor-element.elementor-element-2cab981{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13841 .elementor-element.elementor-element-e95b102{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13841 .elementor-element.elementor-element-cde8bd9{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-13841 .elementor-element.elementor-element-7d998ac .elementor-heading-title{font-size:13px;}.elementor-13841 .elementor-element.elementor-element-5315279 img{width:200px;height:200px;}.elementor-13841 .elementor-element.elementor-element-d5806ba .elementor-heading-title{font-size:13px;}.elementor-13841 .elementor-element.elementor-element-8e94f85 .elementor-heading-title{font-size:36px;}.elementor-13841 .elementor-element.elementor-element-2d9b7e2 > .elementor-widget-container{margin:20px 0px 0px 0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-13841 .elementor-element.elementor-element-7d998ac > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0% 0% 0% 0%;}.elementor-13841 .elementor-element.elementor-element-7d998ac{text-align:center;}.elementor-13841 .elementor-element.elementor-element-7d998ac .elementor-heading-title{font-size:13px;}.elementor-13841 .elementor-element.elementor-element-fd8ab49 > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0% 0% 0% 0%;}.elementor-13841 .elementor-element.elementor-element-fd8ab49{text-align:center;}.elementor-13841 .elementor-element.elementor-element-a2ec0a7 > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0% 0% 0% 0%;}.elementor-13841 .elementor-element.elementor-element-a2ec0a7{text-align:center;}.elementor-13841 .elementor-element.elementor-element-a24206a > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0% 0% 0% 0%;}.elementor-13841 .elementor-element.elementor-element-a24206a{text-align:center;}.elementor-13841 .elementor-element.elementor-element-d5806ba > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0% 0% 0% 0%;}.elementor-13841 .elementor-element.elementor-element-d5806ba{text-align:center;}.elementor-13841 .elementor-element.elementor-element-d5806ba .elementor-heading-title{font-size:13px;}.elementor-13841 .elementor-element.elementor-element-8e94f85 > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0% 0% 0% 0%;}.elementor-13841 .elementor-element.elementor-element-8e94f85{text-align:center;}.elementor-13841 .elementor-element.elementor-element-8e94f85 .elementor-heading-title{font-size:30px;}.elementor-13841 .elementor-element.elementor-element-31039ac > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0% 0% 0% 0%;}.elementor-13841 .elementor-element.elementor-element-31039ac{text-align:center;}.elementor-13841 .elementor-element.elementor-element-793d79b > .elementor-widget-container{margin:0px 0px 0px 10px;}.elementor-13841 .elementor-element.elementor-element-ca99b45 > .elementor-widget-container{margin:0px 0px 0px 10px;}.elementor-13841 .elementor-element.elementor-element-5996535 > .elementor-widget-container{margin:0px 0px 0px 10px;}.elementor-13841 .elementor-element.elementor-element-2d9b7e2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 10px 0px 10px;}}/* Start custom CSS for html, class: .elementor-element-063c973 *//* Back to mentors link under hero title */
.fw-mentor-hero-back {
display: inline-flex !important;
align-items: center !important;
gap: 0.25rem !important;
margin-bottom: 2.5rem; !important;
padding: 0.25rem 0.75rem !important;
border-radius: 9999px !important;
background: rgba(17, 24, 39, 0.03) !important;
color: #6b7280 !important;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
font-size: 0.85rem !important;
font-weight: 500 !important;
text-decoration: none !important;
border: 1px solid rgba(156, 163, 175, 0.35) !important;
transition: all 0.2s ease !important;
}
.fw-mentor-hero-back:hover {
background: rgba(123, 103, 168, 0.06) !important;
border-color: rgba(123, 103, 168, 0.7) !important;
color: #4b5563 !important;
transform: translateY(-1px) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2d9b7e2 *//* =========================================================
MENTOR PRICING – MP CARD LAYOUT (FINAL TUNE)
========================================================= */
/* Section wrapper spacing */
.fw-mentor-pricing-groups {
max-width: 72rem !important;
margin: 0 auto 2rem auto !important; /* no extra top, 2rem bottom */
display: flex !important;
flex-direction: column !important;
gap: 2rem !important;
}
/* Group card (outer) */
.fw-mentor-pricing-group {
background: #ffffff !important;
border-radius: 18px !important;
border: 1px solid #e5e7eb !important;
padding: 1.4rem 1.6rem 1.8rem 1.6rem !important;
box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08) !important;
transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease !important;
}
.fw-mentor-pricing-group:hover {
transform: translateY(-4px) !important;
box-shadow: 0 22px 55px rgba(15, 23, 42, 0.12) !important;
border-color: rgba(123, 103, 168, 0.35) !important;
}
/* Top row with icon + text */
.fw-pricing-group-header {
margin-bottom: 1.2rem !important;
}
.fw-pricing-group-label-row {
display: flex !important;
gap: 0.9rem !important;
align-items: flex-start !important;
}
/* Icon badge base – FedWed gradients + white dot */
.fw-pricing-group-icon {
width: 36px !important;
height: 36px !important;
border-radius: 999px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
position: relative !important;
box-shadow: 0 12px 30px rgba(15, 23, 42, 0.18) !important;
}
/* Inner dot */
.fw-pricing-group-icon::after {
content: "" !important;
width: 18px !important;
height: 18px !important;
border-radius: 999px !important;
background: #ffffff !important;
box-shadow: 0 0 0 2px rgba(255,255,255,0.35) !important;
}
/* Brand halos: 1) purple, 2) red, 3) orange, 4) yellow */
.fw-pricing-group-icon--discovery {
background: #7b67a8 !important; /* purple */
}
.fw-pricing-group-icon--online {
background: #d72e5d !important; /* red / pink-red */
}
.fw-pricing-group-icon--in-person {
background: #f97316 !important; /* orange */
}
.fw-pricing-group-icon--shadow {
background: #facc15 !important; /* yellow */
}
.fw-pricing-group-icon--bundle,
.fw-pricing-group-icon--other {
background: linear-gradient(135deg, #6b7280, #4b5563) !important;
}
.fw-pricing-group-text {
flex: 1 !important;
}
.fw-pricing-group-title {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
font-size: 0.95rem !important;
font-weight: 700 !important;
color: #111827 !important;
margin-bottom: 0.35rem !important;
}
.fw-pricing-group-subtitle {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
font-size: 0.85rem !important;
line-height: 1.5 !important;
color: #6b7280 !important;
}
/* Mini session cards grid */
.fw-pricing-session-grid {
margin-top: 1.1rem !important;
display: grid !important;
grid-template-columns: 1fr !important;
gap: 0.9rem !important;
}
@media (min-width: 768px) {
.fw-pricing-session-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
/* Single session card */
.fw-pricing-session {
background: #f9fafb !important;
border-radius: 14px !important;
border: 1px solid #e5e7eb !important;
padding: 0.85rem 1rem 0.9rem 1rem !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
gap: 0.55rem !important;
transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease !important;
}
/* Highlight discovery with a soft purple */
.fw-pricing-session--highlight {
background: #f3f0ff !important;
border-color: #ddd6fe !important;
}
/* Inner card hover */
.fw-pricing-session:hover {
transform: translateY(-2px) !important;
box-shadow: 0 10px 25px rgba(15, 23, 42, 0.12) !important;
border-color: #d1d5db !important;
}
/* Session content */
.fw-pricing-session-body {
display: flex !important;
flex-direction: column !important;
gap: 0.35rem !important;
}
/* Title softer so price leads */
.fw-pricing-session-title {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
font-size: 0.85rem !important;
font-weight: 500 !important;
color: #4b5563 !important;
}
/* Price row */
.fw-pricing-session-price {
margin-top: 0.05rem !important;
display: flex !important;
align-items: baseline !important;
gap: 0.35rem !important;
}
/* Current price – Inter Tight 800 + gradient on wrapper */
.fw-price-current {
font-family: 'Inter Tight', system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
font-weight: 800 !important;
font-size: 1rem !important;
letter-spacing: 0 !important;
background-image: linear-gradient(90deg, #111827, #4b5563) !important;
-webkit-background-clip: text !important;
background-clip: text !important;
-webkit-text-fill-color: transparent !important;
color: transparent !important;
display: inline-block !important;
}
/* Force all inner Woo spans to inherit the clipped gradient */
.fw-price-current .woocommerce-Price-amount,
.fw-price-current .woocommerce-Price-currencySymbol,
.fw-price-current bdi {
display: inline !important;
background: none !important;
-webkit-text-fill-color: inherit !important;
color: inherit !important;
}
/* Regular (struck-through) price */
.fw-price-regular {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
font-size: 0.75rem !important;
color: #9ca3af !important;
text-decoration: line-through !important;
}
/* Dark pill button at bottom (MP-style) */
.fw-pricing-session-cta {
margin-top: 0.2rem !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0.5rem 1.1rem !important;
border-radius: 9999px !important;
border: none !important;
background: #020617 !important; /* almost-black navy */
color: #f9fafb !important;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
font-size: 0.8rem !important;
font-weight: 500 !important;
text-decoration: none !important;
box-shadow: 0 4px 12px rgba(15, 23, 42, 0.3) !important;
transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease !important;
}
.fw-pricing-session:hover .fw-pricing-session-cta,
.fw-pricing-session-cta:hover {
background: #0f172a !important;
transform: translateY(-1px) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9592f86 *//* =========================================================
FEDWED MENTOR PROFILE – GLOBAL STYLES
Fonts: Inter (body), Inter Tight (headings)
========================================================= */
/* -----------------------------
FONT IMPORTS
------------------------------ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@700;800&display=swap');
/* -----------------------------
BASE / RESET
------------------------------ */
body {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
background: #ffffff !important;
color: #111827 !important;
line-height: 1.6 !important;
}
.fw-mentor-hero,
.fw-mentor-bio,
.fw-mentor-skills,
.fw-mentor-video,
.fw-mentor-gallery,
.fw-mentor-pricing,
.fw-mentor-cta-strip {
position: relative !important;
overflow: hidden !important;
}
/* Shared container helper */
.fw-mentor-hero-inner .container,
.fw-mentor-bio-inner .container,
.fw-mentor-skills-inner .container,
.fw-mentor-video-inner .container,
.fw-mentor-gallery-inner .container,
.fw-mentor-pricing-inner .container,
.fw-mentor-cta-strip .container {
max-width: 1280px !important;
margin: 0 auto !important;
padding: 0 1.5rem !important;
}
/* Section rhythm */
.fw-mentor-hero-inner {
padding-top: 140px !important;
padding-bottom: 4.5rem !important;
}
.fw-mentor-bio-inner.section,
.fw-mentor-skills-inner.section,
.fw-mentor-video-inner.section,
.fw-mentor-gallery-inner.section,
.fw-mentor-pricing-inner.section {
padding: 4.75rem 0 !important;
}
.fw-mentor-cta-strip {
padding: 3.25rem 0 !important;
}
/* Typography helpers */
.section-label {
font-family: 'Inter Tight', system-ui, sans-serif !important;
font-weight: 800 !important;
font-size: 0.875rem !important;
letter-spacing: 0.2em !important;
text-transform: uppercase !important;
color: #7b67a8 !important;
display: inline-block !important;
margin-bottom: 1rem !important;
}
.section-title {
font-family: 'Inter Tight', system-ui, sans-serif !important;
font-weight: 800 !important;
font-size: clamp(2rem, 5vw, 3rem) !important;
line-height: 1.15 !important;
letter-spacing: -0.03em !important;
color: #111827 !important;
margin-bottom: 1.25rem !important;
}
.section-subtitle {
font-family: 'Inter', system-ui, sans-serif !important;
font-weight: 400 !important;
font-size: 1.125rem !important;
color: #6b7280 !important;
max-width: 42rem !important;
margin: 0 auto !important;
line-height: 1.75 !important;
}
/* Gradient text */
.hero-gradient {
background: linear-gradient(to right, #7b67a8, #d72e5d, #ff7913) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
background-clip: text !important;
}
/* -----------------------------
ANIMATION UTILITIES
------------------------------ */
@keyframes fw-pulse {
0%, 100% { opacity: 1; }
50% { opacity: 0.5; }
}
@keyframes fw-fadeInUp {
from { opacity: 0; transform: translateY(16px); }
to { opacity: 1; transform: translateY(0); }
}
/* Keep content visible by default */
.fade-in {
opacity: 1 !important;
transform: none !important;
}
/* Optional animated state (used later with JS) */
.fade-in.fw-animate {
opacity: 0 !important;
transform: translateY(16px) !important;
animation: fw-fadeInUp 0.7s ease-out forwards !important;
}
/* -----------------------------
BUTTONS & LINKS
------------------------------ */
.btn-primary,
.fw-mentor-cta-button,
.fw-mentor-gallery-links .social-link,
.fw-mentor-social-link {
font-family: 'Inter', system-ui, sans-serif !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 0.5rem !important;
padding: 0.85rem 1.75rem !important;
border-radius: 9999px !important;
font-size: 1rem !important;
font-weight: 500 !important;
text-decoration: none !important;
border: none !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
}
/* Primary gradient buttons */
.btn-primary,
.fw-mentor-cta-button {
background: linear-gradient(135deg, #7b67a8, #9b87c8) !important;
color: #ffffff !important;
box-shadow: 0 4px 12px rgba(123, 103, 168, 0.25) !important;
}
.btn-primary:hover,
.fw-mentor-cta-button:hover {
transform: translateY(-2px) !important;
box-shadow: 0 8px 20px rgba(123, 103, 168, 0.35) !important;
}
/* Social link “pills” */
.fw-mentor-social-link,
.fw-mentor-gallery-links .social-link {
background: #ffffff !important;
border: 1px solid #e5e7eb !important;
color: #4b5563 !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
font-size: 0.875rem !important;
}
.fw-mentor-social-link:hover,
.fw-mentor-gallery-links .social-link:hover {
background: #faf5ff !important;
border-color: #7b67a8 !important;
color: #7b67a8 !important;
}
/* =========================================================
HERO – EXACT MP STYLE, MAPPED TO FW CLASSES
========================================================= */
/* Outer hero section (MP .hero) */
.fw-mentor-hero {
padding-top: 140px !important;
padding-bottom: 5rem !important;
position: relative !important;
overflow: hidden !important;
background: linear-gradient(180deg, #faf5ff 0%, #ffffff 50%, #fef3f2 100%) !important;
}
/* Orb glows (MP .hero-orb-1 / .hero-orb-2) */
.fw-mentor-hero::before,
.fw-mentor-hero::after {
content: "" !important;
position: absolute !important;
border-radius: 50% !important;
filter: blur(60px) !important;
pointer-events: none !important;
z-index: 0 !important;
}
.fw-mentor-hero::before {
top: 10% !important;
right: 10% !important;
width: 500px !important;
height: 500px !important;
background: radial-gradient(circle, rgba(123, 103, 168, 0.12) 0%, transparent 70%) !important;
}
.fw-mentor-hero::after {
bottom: 10% !important;
left: 10% !important;
width: 400px !important;
height: 400px !important;
background: radial-gradient(circle, rgba(215, 46, 93, 0.08) 0%, transparent 70%) !important;
}
/* Inner content wrapper (MP .hero-content) */
.fw-mentor-hero-inner,
.fw-mentor-hero-content {
position: relative !important;
z-index: 1 !important;
text-align: center !important;
max-width: 56rem !important;
margin: 0 auto !important;
padding: 0 1.5rem !important;
}
/* Label (MP .hero-label) */
.fw-mentor-hero-label {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
font-size: 0.875rem !important;
font-weight: 500 !important;
text-transform: uppercase !important;
letter-spacing: 0.2em !important;
color: #7b67a8 !important;
margin-bottom: 1rem !important;
}
/* “FedWed Guides” (MP .hero-title with span.hero-gradient) */
.fw-mentor-hero-strap {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
font-size: clamp(2.5rem, 7vw, 4.5rem) !important;
font-weight: 700 !important;
line-height: 1.1 !important;
margin-bottom: 2.5rem !important;
letter-spacing: -0.025em !important;
color: #111827 !important;
}
.fw-mentor-hero-strap .hero-gradient {
background: linear-gradient(to right, #7b67a8, #d72e5d, #ff7913) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
background-clip: text !important;
}
/* Widget becomes the white circle */
.fw-mentor-hero-headshot.elementor-widget-image {
width: 180px !important;
height: 180px !important;
margin: 0 auto 2rem auto !important;
border-radius: 50% !important;
background: #ffffff !important;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.10) !important;
overflow: hidden !important;
}
/* Strip padding from container */
.fw-mentor-hero-headshot.elementor-widget-image .elementor-widget-container {
padding: 0 !important;
}
/* The ![]()
inside the widget */
.fw-mentor-hero-headshot.elementor-widget-image img {
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
object-fit: cover !important;
border-radius: 50% !important;
display: block !important;
border: 4px solid #ffffff !important;
}
/* Mentor name (MP .hero-name) */
.fw-mentor-hero-title {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
font-size: clamp(1.75rem, 4vw, 2.5rem) !important;
font-weight: 700 !important;
color: #111827 !important;
margin-bottom: 0.25rem !important;
letter-spacing: -0.025em !important;
}
/* Business (MP .hero-business) */
.fw-mentor-hero-business {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
font-size: 1.125rem !important;
color: #7b67a8 !important;
font-weight: 500 !important;
margin-bottom: 2rem !important;
}
/* Social links (MP .hero-links + .social-link) */
.fw-mentor-hero-links {
display: flex !important;
gap: 1rem !important;
justify-content: center !important;
flex-wrap: wrap !important;
}
.fw-mentor-social-link,
.fw-mentor-hero-links a {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
display: inline-flex !important;
align-items: center !important;
gap: 0.5rem !important;
padding: 0.5rem 1.25rem !important;
background: #ffffff !important;
border: 1px solid #e5e7eb !important;
color: #4b5563 !important;
border-radius: 9999px !important;
font-size: 0.875rem !important;
font-weight: 500 !important;
text-decoration: none !important;
transition: all 0.3s !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
}
.fw-mentor-social-link:hover,
.fw-mentor-hero-links a:hover {
border-color: #7b67a8 !important;
color: #7b67a8 !important;
background: #faf5ff !important;
}
/* Mobile spacing (MP uses same hero padding) */
@media (max-width: 767px) {
.fw-mentor-hero {
padding-top: 120px !important;
padding-bottom: 4rem !important;
}
}
/* =========================================================
HERO – FEDWED GUIDES (CLEANED + MP-ALIGNED)
========================================================= */
/* Outer hero section */
.fw-mentor-hero {
padding-top: 70px !important; /* balanced with bottom */
padding-bottom: 5.5rem !important;
position: relative !important;
overflow: hidden !important;
background: linear-gradient(180deg, #faf5ff 0%, #ffffff 50%, #fef3f2 100%) !important;
}
/* Inner content wrapper */
.fw-mentor-hero-inner,
.fw-mentor-hero-content {
position: relative !important;
z-index: 1 !important;
text-align: center !important;
max-width: 56rem !important;
margin: 0 auto !important;
padding: 0 1.5rem !important;
}
/* H1 label – you’ve mostly handled in Elementor; this just reinforces it */
h1.fw-mentor-hero-label {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
font-size: 0.875rem !important;
font-weight: 500 !important;
letter-spacing: 0.2em !important;
text-transform: uppercase !important;
color: #7b67a8 !important;
margin-bottom: 1.25rem !important;
}
/* “FedWed Guides” strap */
.fw-mentor-hero-strap {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
font-size: clamp(2.5rem, 7vw, 4.5rem) !important;
font-weight: 700 !important;
line-height: 1.1 !important;
letter-spacing: -0.025em !important;
color: #111827 !important;
margin-bottom: 2.25rem !important;
}
.fw-mentor-hero-strap .hero-gradient {
background: linear-gradient(to right, #7b67a8, #d72e5d, #ff7913) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
background-clip: text !important;
}
/* Outer container = single white circle */
.fw-mentor-hero-headshot-wrap {
width: 184px !important;
height: 184px !important;
margin: 0 auto 2rem auto !important;
border-radius: 50% !important;
background: #ffffff !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.10) !important;
overflow: hidden !important;
}
/* Do NOT give the widget its own size/shape anymore */
.fw-mentor-hero-headshot.elementor-widget-image {
width: 100% !important;
height: 100% !important;
margin: 0 !important;
background: transparent !important;
border-radius: 0 !important;
box-shadow: none !important;
}
/* Strip padding from container */
.fw-mentor-hero-headshot.elementor-widget-image .elementor-widget-container {
padding: 0 !important;
}
/* Image fills the circle */
.fw-mentor-hero-headshot.elementor-widget-image img {
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
object-fit: cover !important;
border-radius: 50% !important;
display: block !important;
border: 4px solid #ffffff !important;
}
/* Mentor name + business */
.fw-mentor-hero-title {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
font-size: clamp(1.9rem, 4vw, 2.6rem) !important;
font-weight: 700 !important;
letter-spacing: -0.025em !important;
color: #111827 !important;
margin-bottom: 0.25rem !important;
}
.fw-mentor-hero-business {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
font-size: 1.05rem !important;
font-weight: 500 !important;
color: #7b67a8 !important;
margin-bottom: 2.25rem !important;
}
/* =========================================================
HERO BUTTONS – JETENGINE STRUCTURE
========================================================= */
/* Layout for the buttons row */
.fw-mentor-hero-links {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
gap: 0.75rem !important;
}
/* Make the outer widget (the thing with fw-mentor-social-link) invisible */
.fw-mentor-hero-links .fw-mentor-social-link.elementor-widget-jet-listing-dynamic-link {
background: transparent !important;
border: none !important;
border-radius: 0 !important;
padding: 0 !important;
box-shadow: none !important;
}
/* Remove padding / bg from Elementor widget container */
.fw-mentor-hero-links .fw-mentor-social-link.elementor-widget-jet-listing-dynamic-link
> .elementor-widget-container {
background: transparent !important;
padding: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
/* Style ONLY the inner (jet-listing-dynamic-link__link) as the pill */
.fw-mentor-hero-links .jet-listing-dynamic-link__link {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 0.5rem !important;
padding: 0.5rem 1.25rem !important;
border-radius: 9999px !important;
background: #ffffff !important;
border: 1px solid #e5e7eb !important;
color: #4b5563 !important;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
font-size: 0.875rem !important;
font-weight: 500 !important;
text-decoration: none !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
transition: all 0.3s ease !important;
}
/* Icon + label alignment inside button */
.fw-mentor-hero-links .jet-listing-dynamic-link__icon {
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.fw-mentor-hero-links .jet-listing-dynamic-link__label {
line-height: 1 !important;
}
/* Hover state – as per MP social links */
.fw-mentor-hero-links .jet-listing-dynamic-link__link:hover {
background: #faf5ff !important;
border-color: #7b67a8 !important;
color: #7b67a8 !important;
box-shadow: 0 4px 12px rgba(123, 103, 168, 0.18) !important;
transform: translateY(-1px) !important;
}
/* =========================================================
HERO – RESPONSIVE TWEAKS
========================================================= */
@media (max-width: 767px) {
.fw-mentor-hero {
padding-top: 90px !important;
padding-bottom: 4.5rem !important;
}
.fw-mentor-hero-headshot-wrap {
width: 164px !important;
height: 164px !important;
}
.fw-mentor-hero-headshot {
width: 164px !important;
height: 164px !important;
}
}
/* =========================================================
BIO
========================================================= */
.fw-mentor-bio-inner.section {
background: linear-gradient(to bottom, #ffffff 0%, #fafafa 50%, #ffffff 100%) !important;
}
.fw-mentor-bio-card {
max-width: 56rem !important;
margin: 0 auto !important;
background: #ffffff !important;
border-radius: 1.5rem !important;
border: 2px solid #e5e7eb !important;
padding: 2.75rem !important;
transition: all 0.3s ease !important;
}
.fw-mentor-bio-card:hover {
border-color: #7b67a8 !important;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08) !important;
}
.fw-mentor-bio-columns {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 2.25rem !important;
}
.fw-mentor-bio-column {
font-family: 'Inter', system-ui, sans-serif !important;
font-size: 1rem !important;
color: #4b5563 !important;
line-height: 1.8 !important;
}
.fw-mentor-bio-column p {
margin-bottom: 1.25rem !important;
}
.fw-mentor-bio-column p:last-child {
margin-bottom: 0 !important;
}
/* Drop cap in left column */
.fw-mentor-bio-left-text p:first-child::first-letter {
font-family: 'Inter Tight', system-ui, sans-serif !important;
font-size: 3.2rem !important;
font-weight: 800 !important;
line-height: 1 !important;
float: left !important;
margin-right: 0.5rem !important;
margin-top: 0.1rem !important;
background: linear-gradient(135deg, #7b67a8, #d72e5d) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
background-clip: text !important;
}
@media (min-width: 768px) {
.fw-mentor-bio-columns {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 3rem !important;
}
}
/* =========================================================
CTA STRIPS (1, 2, 3)
========================================================= */
.fw-mentor-cta-strip {
font-family: 'Inter', system-ui, sans-serif !important;
}
.fw-mentor-cta-content {
max-width: 48rem !important;
margin: 0 auto !important;
text-align: center !important;
}
.fw-mentor-cta-eyebrow {
font-family: 'Inter Tight', system-ui, sans-serif !important;
font-size: 0.875rem !important;
font-weight: 700 !important;
letter-spacing: 0.16em !important;
text-transform: uppercase !important;
color: #f9fafb !important;
opacity: 0.9 !important;
margin-bottom: 0.75rem !important;
}
.fw-mentor-cta-title {
font-family: 'Inter Tight', system-ui, sans-serif !important;
font-weight: 800 !important;
font-size: clamp(1.75rem, 4vw, 2.25rem) !important;
letter-spacing: -0.03em !important;
color: #ffffff !important;
margin-bottom: 0.6rem !important;
}
.fw-mentor-cta-text {
font-family: 'Inter', system-ui, sans-serif !important;
font-size: 1rem !important;
color: rgba(249, 250, 251, 0.9) !important;
margin-bottom: 1.5rem !important;
}
/* Background variants */
.fw-mentor-cta-strip-1 {
background: linear-gradient(to right, #7b67a8, #9b87c8) !important;
}
.fw-mentor-cta-strip-2 {
background: linear-gradient(to right, #d72e5d, #ff7913) !important;
}
.fw-mentor-cta-strip-3 {
background: linear-gradient(to right, #7b67a8, #d72e5d, #ff7913) !important;
}
/* CTA button on dark background */
.fw-mentor-cta-strip .fw-mentor-cta-button {
font-family: 'Inter', system-ui, sans-serif !important;
background: #ffffff !important;
color: #111827 !important;
box-shadow: 0 10px 30px rgba(15, 23, 42, 0.35) !important;
}
.fw-mentor-cta-strip .fw-mentor-cta-button:hover {
background: #f9fafb !important;
transform: translateY(-2px) !important;
}
/* =========================================================
HOW CAN I HELP – THREE COLUMNS + PILLS (FINAL)
========================================================= */
.fw-mentor-skills-inner.section {
background: #ffffff !important;
padding: 5rem 0 5.5rem 0 !important;
}
/* Section header */
.fw-mentor-skills-inner .section-header {
text-align: center !important;
max-width: 42rem !important;
margin: 0 auto 3rem auto !important;
}
/* Grid: auto-fit so 1–3 columns are centred */
.fw-mentor-skills-groups {
max-width: 64rem !important;
margin: 0 auto !important;
display: grid !important;
grid-template-columns: 1fr !important;
gap: 2.5rem !important;
justify-content: center !important;
}
@media (min-width: 900px) {
.fw-mentor-skills-groups {
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
}
}
/* Each column */
.fw-mentor-skills-group {
text-align: center !important;
}
/* Icon tiles (gradient squares) */
.fw-mentor-skill-icon {
width: 80px !important;
height: 80px !important;
margin: 0 auto 1.25rem auto !important;
border-radius: 24px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-shadow: 0 18px 45px rgba(15, 23, 42, 0.16) !important;
}
/* Gradient variants – purple / pink / orange */
.fw-mentor-skill-icon-photo {
background:
radial-gradient(circle at 0 0, rgba(255,255,255,0.3), transparent 50%),
linear-gradient(135deg, #7b67a8, #9b87c8) !important;
}
.fw-mentor-skill-icon-video {
background:
radial-gradient(circle at 0 0, rgba(255,255,255,0.3), transparent 50%),
linear-gradient(135deg, #d72e5d, #f472b6) !important;
}
.fw-mentor-skill-icon-business {
background:
radial-gradient(circle at 0 0, rgba(255,255,255,0.3), transparent 50%),
linear-gradient(135deg, #ff7913, #facc15) !important;
}
/* Icons inside tiles – MP-style */
.fw-mentor-skill-icon svg.fw-skill-icon-svg {
width: 65px !important;
height: 65px !important;
display: block !important;
fill: none !important;
stroke: #ffffff !important;
stroke-width: 1 !important;
stroke-linecap: round !important;
stroke-linejoin: round !important;
transform: translateY(1px); /* tiny nudge like MP */
}
/* Group title under icon */
.skills-group-title {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
font-size: 1.05rem !important;
font-weight: 700 !important;
color: #111827 !important;
margin-bottom: 1.25rem !important;
}
/* Skills list: centred pill cloud */
.fw-mentor-skills-group .skills-list {
display: flex !important;
justify-content: center !important;
}
.fw-mentor-skills-list {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
gap: 0.5rem 0.9rem !important;
max-width: 20rem !important; /* was 16rem */
margin: 0 auto !important;
}
/* Pills – white, rounded, subtle shadow */
.skill-pill {
display: inline-flex !important;
align-items: center !important;
padding: 0.35rem 1rem !important;
border-radius: 9999px !important;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
font-size: 0.85rem !important;
font-weight: 500 !important;
white-space: nowrap !important;
background: #ffffff !important;
border: 1px solid #e5e7eb !important;
color: #4b5563 !important;
box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06) !important;
transition: all 0.2s ease !important;
}
/* Subtle “cloud” effect + hover */
.fw-mentor-skills-group .skill-pill:nth-child(odd) {
transform: translateY(1px) !important;
}
.fw-mentor-skills-group .skill-pill:nth-child(even) {
transform: translateY(-1px) !important;
}
.skill-pill:hover {
transform: translateY(-1px) !important;
box-shadow: 0 4px 12px rgba(15, 23, 42, 0.10) !important;
}
/* =========================================================
VIDEO
========================================================= */
.fw-mentor-video-inner.section {
background: #ffffff !important;
}
.fw-mentor-video-wrapper {
max-width: 56rem !important;
margin: 0 auto !important;
border-radius: 1.5rem !important;
overflow: hidden !important;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08) !important;
border: 1px solid #e5e7eb !important;
}
.fw-mentor-video-container {
position: relative !important;
padding-bottom: 56.25% !important;
height: 0 !important;
}
.fw-mentor-video-container iframe {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
}
/* Centre labels, titles and subtitles in "Get to know me" + Portfolio */
.fw-mentor-about-inner .section-header,
.fw-mentor-portfolio-inner .section-header {
text-align: center !important;
max-width: 48rem !important;
margin: 0 auto 3rem auto !important;
}
.fw-mentor-about-inner .section-label,
.fw-mentor-portfolio-inner .section-label {
display: inline-block !important;
margin-bottom: 0.75rem !important;
}
/* =========================================================
GALLERY
========================================================= */
.fw-mentor-gallery-inner.section {
background: linear-gradient(to bottom, #ffffff 0%, #fafafa 50%, #ffffff 100%) !important;
}
.fw-mentor-gallery-grid {
max-width: 56rem !important;
margin: 0 auto 2.5rem auto !important;
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 1rem !important;
}
.fw-mentor-gallery-item {
position: relative !important;
aspect-ratio: 1 / 1 !important;
border-radius: 1rem !important;
overflow: hidden !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
transition: transform 0.3s ease !important;
}
.fw-mentor-gallery-item img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.fw-mentor-gallery-item:hover {
transform: scale(1.03) !important;
}
.fw-mentor-gallery-cta {
text-align: center !important;
}
.fw-mentor-gallery-links {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
gap: 0.75rem !important;
}
@media (min-width: 768px) {
.fw-mentor-gallery-grid {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 1.5rem !important;
}
}
/* =========================================================
PORTFOLIO – BUTTONS (MATCH HERO, NO OUTER PILL)
========================================================= */
/* Wrapper row */
.fw-mentor-portfolio-actions {
margin-top: 2.5rem !important;
display: flex !important;
justify-content: center !important;
gap: 0.9rem !important;
flex-wrap: wrap !important;
}
/* 1) Kill outer widget pill completely */
.fw-mentor-portfolio-actions
.elementor-element.elementor-widget-jet-listing-dynamic-link {
background: transparent !important;
border: none !important;
border-radius: 0 !important;
padding: 0 !important;
box-shadow: none !important;
}
/* Remove padding/bg from widget container too */
.fw-mentor-portfolio-actions
.elementor-widget-jet-listing-dynamic-link > .elementor-widget-container {
background: transparent !important;
padding: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
/* 2) Style ONLY the inner like hero pills */
.fw-mentor-portfolio-actions .jet-listing-dynamic-link__link {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 0.5rem !important;
padding: 0.5rem 1.25rem !important;
border-radius: 9999px !important;
background: #ffffff !important;
border: 1px solid #e5e7eb !important;
color: #4b5563 !important;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
font-size: 0.875rem !important;
font-weight: 500 !important;
text-decoration: none !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
transition: all 0.3s ease !important;
}
/* Icon + label alignment */
.fw-mentor-portfolio-actions .jet-listing-dynamic-link__icon {
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.fw-mentor-portfolio-actions .jet-listing-dynamic-link__label {
line-height: 1 !important;
}
/* Hover – same as hero buttons */
.fw-mentor-portfolio-actions .jet-listing-dynamic-link__link:hover {
background: #faf5ff !important;
border-color: #7b67a8 !important;
color: #7b67a8 !important;
box-shadow: 0 4px 12px rgba(123, 103, 168, 0.18) !important;
transform: translateY(-1px) !important;
}
/* =========================================================
PRICING – SHELL ONLY (CODE SNIPPET OUTPUT)
========================================================= */
.fw-mentor-pricing-inner.section {
background: #ffffff !important;
}
/* Later we’ll style whatever markup your code snippet injects
inside .fw-mentor-pricing-inner to match mentoring cards. */
/* =========================================================
RESPONSIVE TWEAKS
========================================================= */
@media (max-width: 767px) {
.fw-mentor-bio-card {
padding: 2rem !important;
}
.fw-mentor-hero-headshot {
width: 150px !important;
height: 150px !important;
}
.fw-mentor-cta-strip {
padding: 2.5rem 0 !important;
}
}
/* Footer epilogue section above site footer */
.fw-mentor-footer-cta {
padding: 3rem 0 2rem 0 !important; /* gives you that breathing space above footer */
background: #ffffff !important;
}
.fw-mentor-footer-cta-inner {
max-width: 56rem !important;
margin: 0 auto !important;
padding: 0 1.5rem !important;
display: flex !important;
flex-direction: column !important;
gap: 1.25rem !important;
align-items: flex-start !important;
}
@media (min-width: 768px) {
.fw-mentor-footer-cta-inner {
flex-direction: row !important;
justify-content: space-between !important;
align-items: center !important;
}
}
.fw-mentor-footer-text {
max-width: 34rem !important;
}
.fw-mentor-footer-title {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
font-size: 1.1rem !important;
font-weight: 600 !important;
color: #111827 !important;
margin-bottom: 0.25rem !important;
}
.fw-mentor-footer-subtitle {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
font-size: 0.9rem !important;
color: #6b7280 !important;
line-height: 1.6 !important;
}
/* Back to mentors button – low-key, not a big CTA */
.fw-mentor-footer-back {
display: inline-flex !important;
align-items: center !important;
gap: 0.45rem !important;
padding: 0.5rem 1.2rem !important;
border-radius: 9999px !important;
border: 1px solid #e5e7eb !important;
background: #f9fafb !important;
color: #111827 !important;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
font-size: 0.85rem !important;
font-weight: 500 !important;
text-decoration: none !important;
transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease !important;
box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06) !important;
}
.fw-mentor-footer-back-arrow {
font-size: 0.95rem !important;
}
.fw-mentor-footer-back:hover {
background: #faf5ff !important; /* soft FedWed purple wash */
border-color: #e5d9ff !important; /* light purple border */
transform: translateY(-1px) !important;
box-shadow: 0 6px 18px rgba(123, 103, 168, 0.18) !important; /* purple shadow */
}
/* Give the global footer breathing space from this page */
footer.footer {
margin-top: 2rem !important;
}/* End custom CSS */