.elementor-1240 .elementor-element.elementor-element-cf3dd0e{--display:flex;}.elementor-1240 .elementor-element.elementor-element-1c6e848{--display:flex;}.elementor-1240 .elementor-element.elementor-element-e778107{--display:flex;}.elementor-1240 .elementor-element.elementor-element-7927960{--display:flex;}.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-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-1240 .elementor-element.elementor-element-b88eb67{--display:flex;}.elementor-1240 .elementor-element.elementor-element-b0fb817{--display:flex;}.elementor-1240 .elementor-element.elementor-element-a3d1bcf{--display:flex;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-1240 .elementor-element.elementor-element-4bc5593 .elementor-icon-wrapper{text-align:center;}.elementor-1240 .elementor-element.elementor-element-2a7a309{--display:flex;}.elementor-1240 .elementor-element.elementor-element-5cce63f{--display:flex;}.elementor-1240 .elementor-element.elementor-element-b4e2736 .elementor-icon-wrapper{text-align:center;}.elementor-1240 .elementor-element.elementor-element-914c08e{--display:flex;}.elementor-1240 .elementor-element.elementor-element-8023a10 .elementor-icon-wrapper{text-align:center;}.elementor-1240 .elementor-element.elementor-element-3d07d3f{--display:flex;}.elementor-1240 .elementor-element.elementor-element-74bc99a .elementor-icon-wrapper{text-align:center;}.elementor-1240 .elementor-element.elementor-element-3828762{--display:flex;}.elementor-1240 .elementor-element.elementor-element-3234849 .elementor-icon-wrapper{text-align:center;}.elementor-1240 .elementor-element.elementor-element-84ea323{--display:flex;}.elementor-1240 .elementor-element.elementor-element-964fc8f .elementor-icon-wrapper{text-align:center;}.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-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-1240 .elementor-element.elementor-element-8cee3eb .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1240 .elementor-element.elementor-element-8cee3eb .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1240 .elementor-element.elementor-element-8cee3eb{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1240 .elementor-element.elementor-element-8cee3eb .elementor-icon-list-text{transition:color 0.3s;}.elementor-1240 .elementor-element.elementor-element-403a998{--display:flex;}.elementor-1240 .elementor-element.elementor-element-1d916fe{--display:flex;}.elementor-1240 .elementor-element.elementor-element-9400cb7{--display:flex;}.elementor-1240 .elementor-element.elementor-element-db4680f{--display:flex;}.elementor-1240 .elementor-element.elementor-element-884cf28 .elementor-icon-wrapper{text-align:center;}.elementor-1240 .elementor-element.elementor-element-7fca034{--display:flex;}.elementor-1240 .elementor-element.elementor-element-2d6cb72 .elementor-icon-wrapper{text-align:center;}.elementor-1240 .elementor-element.elementor-element-19d986f{--display:flex;}.elementor-1240 .elementor-element.elementor-element-24ca9ff .elementor-icon-wrapper{text-align:center;}.elementor-1240 .elementor-element.elementor-element-aeca530{--display:flex;}.elementor-1240 .elementor-element.elementor-element-65b136a{--display:flex;}.elementor-1240 .elementor-element.elementor-element-090b749{--display:flex;}.elementor-1240 .elementor-element.elementor-element-f67925c{--display:flex;}.elementor-1240 .elementor-element.elementor-element-6631d1a{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1240 .elementor-element.elementor-element-fb38ebd{--display:flex;}.elementor-1240 .elementor-element.elementor-element-a2cb33b{--display:flex;}.elementor-1240 .elementor-element.elementor-element-ee81a14{--display:flex;}.elementor-1240 .elementor-element.elementor-element-adfb196{--display:flex;}.elementor-1240 .elementor-element.elementor-element-133a354{--display:flex;}.elementor-1240 .elementor-element.elementor-element-5110532{--display:flex;}.elementor-1240 .elementor-element.elementor-element-e6df57a .elementor-icon-wrapper{text-align:center;}.elementor-1240 .elementor-element.elementor-element-0e55cd5{--display:flex;}.elementor-1240 .elementor-element.elementor-element-1a327aa .elementor-icon-wrapper{text-align:center;}.elementor-1240 .elementor-element.elementor-element-dac0efe{--display:flex;}.elementor-1240 .elementor-element.elementor-element-93c2633 .elementor-icon-wrapper{text-align:center;}.elementor-1240 .elementor-element.elementor-element-ebe9486{--display:flex;}.elementor-1240 .elementor-element.elementor-element-758e8cb .elementor-icon-wrapper{text-align:center;}.elementor-1240 .elementor-element.elementor-element-847534b{--display:flex;}.elementor-1240 .elementor-element.elementor-element-a127c1b{--display:flex;}.elementor-1240 .elementor-element.elementor-element-12674c4{--display:flex;}.elementor-1240 .elementor-element.elementor-element-79f7469{--display:flex;}.elementor-1240 .elementor-element.elementor-element-4a1645f .elementor-icon-wrapper{text-align:center;}.elementor-1240 .elementor-element.elementor-element-899d886{--display:flex;}.elementor-1240 .elementor-element.elementor-element-eed03fb .elementor-icon-wrapper{text-align:center;}.elementor-1240 .elementor-element.elementor-element-858090a{--display:flex;}.elementor-1240 .elementor-element.elementor-element-6195d8b .elementor-icon-wrapper{text-align:center;}.elementor-1240 .elementor-element.elementor-element-817153b{--display:flex;}.elementor-1240 .elementor-element.elementor-element-fa65d15 .elementor-icon-wrapper{text-align:center;}.elementor-1240 .elementor-element.elementor-element-84ae9d5{--display:flex;}.elementor-1240 .elementor-element.elementor-element-7ea3c1a .elementor-icon-wrapper{text-align:center;}.elementor-1240 .elementor-element.elementor-element-b6eb429{--display:flex;}.elementor-1240 .elementor-element.elementor-element-b6eb429:not(.elementor-motion-effects-element-type-background), .elementor-1240 .elementor-element.elementor-element-b6eb429 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://growtogether.education/wp-content/uploads/2026/09/photo29559812926.jpg");}.elementor-1240 .elementor-element.elementor-element-d79baf5{--display:flex;}.elementor-1240 .elementor-element.elementor-element-05e5cba{--display:flex;}.elementor-1240 .elementor-element.elementor-element-a399767{--display:flex;}.elementor-1240 .elementor-element.elementor-element-714b338{--display:flex;}.elementor-1240 .elementor-element.elementor-element-6b6ae43{--display:flex;}.elementor-1240 .elementor-element.elementor-element-3a37a57 .elementor-icon-wrapper{text-align:center;}.elementor-1240 .elementor-element.elementor-element-37a5bed{--display:flex;}.elementor-1240 .elementor-element.elementor-element-8f4acfd{--display:flex;}.elementor-1240 .elementor-element.elementor-element-bc393f5 .elementor-icon-wrapper{text-align:center;}.elementor-1240 .elementor-element.elementor-element-c3fe33d{--display:flex;}.elementor-1240 .elementor-element.elementor-element-ba2717e{--display:flex;}.elementor-1240 .elementor-element.elementor-element-6d0ddf0 .elementor-icon-wrapper{text-align:center;}.elementor-1240 .elementor-element.elementor-element-bd6316c{--display:flex;}.elementor-1240 .elementor-element.elementor-element-c596af9{--display:flex;}.elementor-1240 .elementor-element.elementor-element-4335456 .elementor-icon-wrapper{text-align:center;}.elementor-1240 .elementor-element.elementor-element-4dd56f5{--display:flex;}.elementor-1240 .elementor-element.elementor-element-11a961e{--display:flex;}.elementor-1240 .elementor-element.elementor-element-bcf6bef .elementor-icon-wrapper{text-align:center;}.elementor-1240 .elementor-element.elementor-element-9be524e{--display:flex;}.elementor-1240 .elementor-element.elementor-element-d00c1ab{--display:flex;}.elementor-1240 .elementor-element.elementor-element-21a729d .elementor-icon-wrapper{text-align:center;}.elementor-1240 .elementor-element.elementor-element-b65e72b{--display:flex;}.elementor-1240 .elementor-element.elementor-element-f4560ab{--display:flex;}.elementor-1240 .elementor-element.elementor-element-9b50c99{--display:flex;}.elementor-1240 .elementor-element.elementor-element-15903bc{--display:flex;}.elementor-1240 .elementor-element.elementor-element-18e6b79{--display:flex;}.elementor-1240 .elementor-element.elementor-element-292fcd5{--display:flex;}.elementor-1240 .elementor-element.elementor-element-933bcc7 .elementor-icon-wrapper{text-align:center;}.elementor-1240 .elementor-element.elementor-element-8241516 .elementor-icon-wrapper{text-align:center;}.elementor-1240 .elementor-element.elementor-element-ab1c4ba{--display:flex;}.elementor-1240 .elementor-element.elementor-element-6213b16 .elementor-icon-wrapper{text-align:center;}.elementor-1240 .elementor-element.elementor-element-9c96c1d .elementor-icon-wrapper{text-align:center;}.elementor-1240 .elementor-element.elementor-element-27848da{--display:flex;}.elementor-1240 .elementor-element.elementor-element-02a81b0 .elementor-icon-wrapper{text-align:center;}.elementor-1240 .elementor-element.elementor-element-8b2fd77{--display:flex;}.elementor-1240 .elementor-element.elementor-element-bfa1db7{--display:flex;}.elementor-1240 .elementor-element.elementor-element-80e4599{--display:flex;}.elementor-1240 .elementor-element.elementor-element-053bc93{--display:flex;}.elementor-1240 .elementor-element.elementor-element-b6ae06f .elementor-icon-wrapper{text-align:center;}.elementor-1240 .elementor-element.elementor-element-5941078{--display:flex;}.elementor-1240 .elementor-element.elementor-element-0ebdbea{--display:flex;}.elementor-1240 .elementor-element.elementor-element-053199c{--display:flex;}.elementor-1240 .elementor-element.elementor-element-8a6c25f .elementor-icon-wrapper{text-align:center;}.elementor-1240 .elementor-element.elementor-element-7c75bfd{--display:flex;}.elementor-1240 .elementor-element.elementor-element-0ca266b{--display:flex;}.elementor-1240 .elementor-element.elementor-element-ce9170b{--display:flex;}.elementor-1240 .elementor-element.elementor-element-083c1b0 .elementor-icon-wrapper{text-align:center;}.elementor-1240 .elementor-element.elementor-element-9054e6b{--display:flex;}.elementor-1240 .elementor-element.elementor-element-92217c6{--display:flex;}.elementor-1240 .elementor-element.elementor-element-2ffa81f .elementor-icon-wrapper{text-align:center;}.elementor-1240 .elementor-element.elementor-element-ed2870a .elementor-icon-wrapper{text-align:center;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-cf3dd0e *//* ========================================================= SUCCESSFUL MAN — SECTION 01 ELEMENTOR NATIVE FINAL VERSION CITY DOTS + MODERN CALENDAR FIX ========================================================= */ @import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Cormorant+Garamond:ital,wght@1,600;1,700&family=Montserrat:wght@500;600;700;800;900&family=Oswald:wght@600;700&display=swap'); /* ========================================================= VARIABLES ========================================================= */ .gt-s1 { --gt-green: #004638; --gt-green-dark: #00382E; --gt-gold: #C98A20; --gt-gold-dark: #AE7314; --gt-gold-soft: #DFB966; --gt-cream: #F8F3E9; --gt-cream-2: #F3ECDD; --gt-text: #172721; --gt-muted: #56615C; } /* ========================================================= OUTER SECTION ========================================================= */ .gt-s1 { width: 100vw !important; max-width: none !important; min-height: 60vh !important; margin: 0 !important; margin-left: calc(50% - 50vw) !important; padding: 13px 18px 17px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 0 !important; background: var(--gt-green) !important; overflow: hidden !important; } .gt-s1 > .e-con-inner { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; } /* ========================================================= MAIN CARD ========================================================= */ .gt-s1-card { position: relative !important; width: 100% !important; max-width: 1600px !important; height: calc(60vh - 30px) !important; min-height: 540px !important; max-height: 670px !important; margin: 0 auto !important; padding: 0 !important; background: var(--gt-cream) !important; border: 2px solid var(--gt-gold) !important; border-radius: 16px !important; overflow: hidden !important; } /* ========================================================= ELEMENTOR INNER WRAPPER ========================================================= */ .gt-s1-card > .e-con-inner { width: 100% !important; max-width: none !important; height: 100% !important; margin: 0 !important; padding: 0 !important; display: grid !important; grid-template-columns: minmax(0, 61%) minmax(0, 39%) !important; grid-template-rows: minmax(0, 1fr) !important; align-items: stretch !important; gap: 0 !important; } .gt-s1-card:not(:has(> .e-con-inner)) { display: grid !important; grid-template-columns: minmax(0, 61%) minmax(0, 39%) !important; } /* ========================================================= CENTRE DIVIDER ========================================================= */ .gt-s1-card::after { content: ""; position: absolute; z-index: 20; left: 61%; top: 10%; bottom: 10%; width: 1px; background: rgba(201, 138, 32, .46); pointer-events: none; } /* ========================================================= LEFT COLUMN ========================================================= */ .gt-s1-left { position: relative !important; grid-column: 1 / 2 !important; width: 100% !important; min-width: 0 !important; height: 100% !important; margin: 0 !important; padding: 26px 52px 0 !important; display: grid !important; grid-template-rows: minmax(0, 1fr) 124px !important; gap: 0 !important; background: transparent !important; transform: none !important; } /* ========================================================= LEFT MAIN ========================================================= */ .gt-s1-main { width: 100% !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 8px 0 7px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 0 !important; text-align: center !important; } /* ========================================================= KICKER ========================================================= */ .gt-s1-kicker { position: relative !important; width: fit-content !important; margin: 0 auto 10px !important; padding: 0 68px !important; text-align: center !important; } .gt-s1-kicker .elementor-heading-title { margin: 0 !important; color: var(--gt-green-dark) !important; font-family: "Montserrat", sans-serif !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 800 !important; letter-spacing: 1px !important; text-transform: uppercase !important; } .gt-s1-kicker::before, .gt-s1-kicker::after { content: ""; position: absolute; top: 50%; width: 49px; height: 1px; background: var(--gt-gold); transform: translateY(-50%); } .gt-s1-kicker::before { left: 0; } .gt-s1-kicker::after { right: 0; } /* ========================================================= SUCCESSFUL ========================================================= */ .gt-s1-successful { width: 100% !important; margin: 0 !important; text-align: center !important; } .gt-s1-successful .elementor-heading-title { margin: 0 !important; color: var(--gt-green-dark) !important; font-family: "Oswald", sans-serif !important; font-size: clamp(77px, 5.2vw, 99px) !important; line-height: .9 !important; font-weight: 700 !important; letter-spacing: -.7px !important; text-transform: uppercase !important; } /* ========================================================= MAN ========================================================= */ .gt-s1-man { width: 100% !important; margin: 15px 0 0 !important; text-align: center !important; } .gt-s1-man .elementor-heading-title { margin: 0 !important; color: var(--gt-green-dark) !important; font-family: "Oswald", sans-serif !important; font-size: clamp(77px, 5.2vw, 99px) !important; line-height: .84 !important; font-weight: 700 !important; letter-spacing: -.7px !important; text-transform: uppercase !important; } /* ========================================================= SUBTITLE ========================================================= */ .gt-s1-subtitle { width: 100% !important; margin: 17px 0 12px !important; text-align: center !important; } .gt-s1-subtitle, .gt-s1-subtitle p, .gt-s1-subtitle .elementor-heading-title { color: var(--gt-gold) !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: clamp(27px, 1.8vw, 32px) !important; line-height: 1.05 !important; font-weight: 700 !important; font-style: italic !important; } .gt-s1-subtitle p { margin: 0 !important; } /* ========================================================= VALUES ========================================================= */ .gt-s1-values { width: auto !important; margin: 0 auto 13px !important; padding: 0 !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 0 !important; } .gt-s1-value { position: relative !important; width: auto !important; padding: 0 15px !important; color: var(--gt-text) !important; font-family: "Montserrat", sans-serif !important; font-size: 16px !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: .3px !important; text-transform: uppercase !important; } .gt-s1-value:first-child { padding-left: 0 !important; } .gt-s1-value:last-child { padding-right: 0 !important; } .gt-s1-value:not(:last-child)::after { content: "•"; position: absolute; right: -2px; top: 50%; color: var(--gt-gold); transform: translateY(-50%); } .gt-s1-value p { margin: 0 !important; color: inherit !important; font: inherit !important; } /* ========================================================= CITIES BAR ========================================================= */ .gt-s1-cities { width: min(430px, 70%) !important; min-height: 42px !important; margin: 0 auto 12px !important; padding: 0 10px !important; display: flex !important; flex-direction: row !important; align-items: stretch !important; justify-content: center !important; gap: 0 !important; background: var(--gt-green-dark) !important; border-radius: 5px !important; overflow: hidden !important; } /* ========================================================= EACH CITY Equal widths ensure dots sit exactly between names ========================================================= */ .gt-s1-city { position: relative !important; flex: 1 1 0 !important; width: 33.333% !important; min-width: 0 !important; margin: 0 !important; padding: 0 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #ffffff !important; font-family: "Montserrat", sans-serif !important; font-size: 16px !important; line-height: 1 !important; font-weight: 800 !important; text-align: center !important; text-transform: uppercase !important; } .gt-s1-city p { width: 100% !important; margin: 0 !important; color: inherit !important; font: inherit !important; text-align: center !important; } /* ========================================================= PERFECT GOLD DOTS Real CSS circles — not text characters ========================================================= */ .gt-s1-city:not(:last-child)::after { content: "" !important; position: absolute !important; z-index: 5; right: 0 !important; top: 50% !important; width: 5px !important; height: 5px !important; margin: 0 !important; background: var(--gt-gold-soft) !important; border: 0 !important; border-radius: 50% !important; transform: translate( 50%, -50% ) !important; } /* ========================================================= DATE ROW ========================================================= */ .gt-s1-date { width: auto !important; margin: 0 auto !important; padding: 0 !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 11px !important; color: var(--gt-text) !important; } .gt-s1-date p, .gt-s1-date span { margin: 0 !important; color: var(--gt-text) !important; font-family: "Montserrat", sans-serif !important; font-size: 18px !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: .15px !important; } /* ========================================================= MODERN CALENDAR ICON Removes the plain Elementor-widget appearance ========================================================= */ .gt-s1-date .elementor-widget-icon { width: auto !important; margin: 0 !important; } .gt-s1-date .elementor-widget-icon .elementor-widget-container { width: auto !important; } .gt-s1-date .elementor-icon-wrapper { display: flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; } .gt-s1-date .elementor-icon { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 37px !important; height: 37px !important; padding: 0 !important; color: var(--gt-green-dark) !important; background: rgba(201, 138, 32, .06) !important; border: 1px solid rgba(201, 138, 32, .55) !important; border-radius: 10px !important; box-shadow: none !important; font-size: 19px !important; transition: none !important; } .gt-s1-date .elementor-icon svg { width: 19px !important; height: 19px !important; fill: var(--gt-green-dark) !important; color: var(--gt-green-dark) !important; } /* Tiny gold accent */ .gt-s1-date .elementor-icon::after { content: ""; position: absolute; bottom: 4px; left: 50%; width: 10px; height: 2px; border-radius: 5px; background: var(--gt-gold); transform: translateX(-50%); } /* ========================================================= FEATURES ========================================================= */ .gt-s1-features { width: 100% !important; height: 124px !important; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 0 !important; padding: 0 !important; background: transparent !important; } .gt-s1-feature { position: relative !important; width: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 8px !important; padding: 7px 8px !important; text-align: center !important; } .gt-s1-feature:not(:last-child)::after { content: ""; position: absolute; right: 0; top: 24%; bottom: 24%; width: 1px; background: rgba(201, 138, 32, .34); } /* ========================================================= FEATURE ICON ========================================================= */ .gt-s1-feature-icon { width: 58px !important; height: 58px !important; display: flex !important; align-items: center !important; justify-content: center !important; border: 1px solid rgba(201, 138, 32, .58) !important; border-radius: 50% !important; background: transparent !important; } .gt-s1-feature-icon .elementor-icon { width: 56px !important; height: 56px !important; display: flex !important; align-items: center !important; justify-content: center !important; color: var(--gt-green-dark) !important; fill: var(--gt-green-dark) !important; font-size: 27px !important; } .gt-s1-feature-icon svg { width: 27px !important; height: 27px !important; color: var(--gt-green-dark) !important; fill: var(--gt-green-dark) !important; } /* ========================================================= FEATURE TEXT ========================================================= */ .gt-s1-feature-text { width: 100% !important; color: var(--gt-text) !important; font-family: "Montserrat", sans-serif !important; font-size: 14px !important; line-height: 1.3 !important; font-weight: 700 !important; text-align: center !important; } .gt-s1-feature-text p { margin: 0 !important; color: inherit !important; font: inherit !important; } /* ========================================================= RIGHT PANEL — DESKTOP ========================================================= */ .gt-s1-right { position: relative !important; grid-column: 2 / 3 !important; width: 100% !important; min-width: 0 !important; height: 100% !important; margin: 0 !important; padding: 44px 55px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; background: radial-gradient( circle at 50% 40%, rgba(220, 183, 103, .12), transparent 55% ) !important; overflow: visible !important; transform: none !important; } /* Gold accent */ .gt-s1-right::before { content: ""; display: block; width: 54px; height: 3px; margin: 0 auto 25px; background: var(--gt-gold); border-radius: 10px; } /* ========================================================= REGISTER ICON ========================================================= */ .gt-s1-register-icon { width: 72px !important; height: 72px !important; margin: 0 auto 20px !important; display: flex !important; align-items: center !important; justify-content: center !important; border: 1px solid rgba(201,138,32,.50) !important; border-radius: 18px !important; background: rgba(255,255,255,.28) !important; } .gt-s1-register-icon .elementor-icon { width: 70px !important; height: 70px !important; display: flex !important; align-items: center !important; justify-content: center !important; color: var(--gt-green-dark) !important; fill: var(--gt-green-dark) !important; font-size: 42px !important; } .gt-s1-register-icon svg { width: 42px !important; height: 42px !important; fill: var(--gt-green-dark) !important; } /* ========================================================= REGISTER TITLE ========================================================= */ .gt-s1-register-title { width: 100% !important; margin: 0 auto 15px !important; text-align: center !important; } .gt-s1-register-title .elementor-heading-title { margin: 0 !important; color: var(--gt-green-dark) !important; font-family: "Barlow Condensed", sans-serif !important; font-size: clamp(36px, 2.15vw, 42px) !important; line-height: 1.05 !important; font-weight: 800 !important; letter-spacing: .2px !important; text-transform: uppercase !important; } /* ========================================================= REGISTER DESCRIPTION ========================================================= */ .gt-s1-register-desc { width: 100% !important; max-width: 390px !important; margin: 0 auto 27px !important; color: var(--gt-muted) !important; font-family: "Montserrat", sans-serif !important; font-size: 18px !important; line-height: 1.55 !important; font-weight: 500 !important; text-align: center !important; } .gt-s1-register-desc p { margin: 0 !important; color: inherit !important; font: inherit !important; } /* ========================================================= REGISTER BUTTON ========================================================= */ .gt-s1-register-button { width: min(420px, 94%) !important; margin: 0 auto !important; } .gt-s1-register-button .elementor-widget-container, .gt-s1-register-button .elementor-button-wrapper { width: 100% !important; } .gt-s1-register-button .elementor-button { width: 100% !important; min-height: 64px !important; padding: 14px 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 11px !important; color: #ffffff !important; background: linear-gradient( 180deg, #CE9228, #BE7F17 ) !important; border: 1px solid rgba(116,72,4,.20) !important; border-radius: 7px !important; box-shadow: 0 7px 16px rgba(103,66,10,.14) !important; font-family: "Montserrat", sans-serif !important; font-size: 16px !important; line-height: 1.2 !important; font-weight: 800 !important; letter-spacing: .2px !important; text-transform: uppercase !important; transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important; } .gt-s1-register-button .elementor-button:hover { color: #ffffff !important; background: linear-gradient( 180deg, #C1841F, #A96C10 ) !important; transform: translateY(-2px); box-shadow: 0 10px 20px rgba(103,66,10,.18) !important; } /* ========================================================= SECURITY ========================================================= */ .gt-s1-security { width: 100% !important; max-width: 340px !important; margin: 29px auto 0 !important; } .gt-s1-security .elementor-icon-list-item { display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; } .gt-s1-security .elementor-icon-list-icon { color: var(--gt-green-dark) !important; font-size: 18px !important; } .gt-s1-security .elementor-icon-list-icon svg { fill: var(--gt-green-dark) !important; } .gt-s1-security .elementor-icon-list-text { color: var(--gt-muted) !important; font-family: "Montserrat", sans-serif !important; font-size: 13px !important; line-height: 1.45 !important; font-weight: 600 !important; text-align: left !important; } /* ========================================================= TABLET — 768 TO 1024 ========================================================= */ @media (min-width: 768px) and (max-width: 1024px) { .gt-s1 { min-height: auto !important; padding: 11px 12px 15px !important; overflow: visible !important; } .gt-s1-card { height: auto !important; min-height: 0 !important; max-height: none !important; overflow: hidden !important; } .gt-s1-card > .e-con-inner { display: flex !important; flex-direction: column !important; width: 100% !important; height: auto !important; } .gt-s1-card:not(:has(> .e-con-inner)) { display: flex !important; flex-direction: column !important; } .gt-s1-card::after { display: none !important; } .gt-s1-left { display: block !important; width: 100% !important; height: auto !important; padding: 34px 38px 0 !important; } .gt-s1-main { padding-bottom: 28px !important; } .gt-s1-successful .elementor-heading-title, .gt-s1-man .elementor-heading-title { font-size: clamp(66px, 9vw, 86px) !important; } .gt-s1-subtitle, .gt-s1-subtitle p, .gt-s1-subtitle .elementor-heading-title { font-size: 29px !important; } .gt-s1-values { flex-wrap: wrap !important; row-gap: 9px !important; } .gt-s1-value { font-size: 14px !important; } /* Tablet cities */ .gt-s1-cities { width: min(500px, 82%) !important; min-height: 44px !important; padding: 0 8px !important; } .gt-s1-city { width: 33.333% !important; padding: 0 8px !important; font-size: 14px !important; } .gt-s1-city:not(:last-child)::after { width: 5px !important; height: 5px !important; right: 0 !important; top: 50% !important; transform: translate( 50%, -50% ) !important; } /* Tablet date */ .gt-s1-date p, .gt-s1-date span { font-size: 17px !important; } .gt-s1-date .elementor-icon { width: 35px !important; height: 35px !important; font-size: 18px !important; } .gt-s1-date .elementor-icon svg { width: 18px !important; height: 18px !important; } /* Features */ .gt-s1-features { height: 145px !important; padding: 0 15px 15px !important; } .gt-s1-feature-text { font-size: 13px !important; } /* Right */ .gt-s1-right { width: 100% !important; height: auto !important; min-height: 390px !important; padding: 38px 40px 45px !important; border-top: 1px solid rgba(201,138,32,.35) !important; } .gt-s1-register-title .elementor-heading-title { font-size: 36px !important; } .gt-s1-register-desc { max-width: 430px !important; font-size: 17px !important; } .gt-s1-register-button { width: min(430px, 86%) !important; } .gt-s1-register-button .elementor-button { font-size: 15px !important; } } /* ========================================================= MOBILE — 0 TO 767 ========================================================= */ @media (max-width: 767px) { .gt-s1 { min-height: auto !important; padding: 8px !important; overflow: visible !important; } .gt-s1-card { width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; border-radius: 13px !important; overflow: hidden !important; } .gt-s1-card > .e-con-inner { display: flex !important; flex-direction: column !important; width: 100% !important; height: auto !important; } .gt-s1-card:not(:has(> .e-con-inner)) { display: flex !important; flex-direction: column !important; } .gt-s1-card::after { display: none !important; } /* ===================================================== LEFT MOBILE ===================================================== */ .gt-s1-left { display: block !important; width: 100% !important; height: auto !important; padding: 26px 16px 0 !important; overflow: visible !important; } .gt-s1-main { width: 100% !important; padding: 0 0 27px !important; overflow: visible !important; } /* Kicker */ .gt-s1-kicker { max-width: 100% !important; padding: 0 33px !important; margin-bottom: 14px !important; } .gt-s1-kicker .elementor-heading-title { font-size: 12px !important; line-height: 1.15 !important; letter-spacing: .65px !important; white-space: nowrap !important; } .gt-s1-kicker::before, .gt-s1-kicker::after { width: 24px; } /* Title */ .gt-s1-successful { width: 100% !important; overflow: visible !important; } .gt-s1-successful .elementor-heading-title { width: 100% !important; font-size: clamp(42px, 12.3vw, 58px) !important; line-height: .96 !important; letter-spacing: -1px !important; white-space: nowrap !important; } .gt-s1-man { margin-top: 17px !important; } .gt-s1-man .elementor-heading-title { font-size: clamp(50px, 14vw, 66px) !important; line-height: .93 !important; } /* Subtitle */ .gt-s1-subtitle { margin: 24px 0 18px !important; } .gt-s1-subtitle, .gt-s1-subtitle p, .gt-s1-subtitle .elementor-heading-title { font-size: 23px !important; line-height: 1.12 !important; } /* Values */ .gt-s1-values { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; width: 100% !important; max-width: 300px !important; column-gap: 16px !important; row-gap: 12px !important; margin: 0 auto 20px !important; } .gt-s1-value { width: 100% !important; padding: 0 !important; font-size: 11px !important; line-height: 1.2 !important; text-align: center !important; } .gt-s1-value::after { display: none !important; } /* ===================================================== MOBILE CITY BAR ===================================================== */ .gt-s1-cities { width: 100% !important; min-width: 0 !important; min-height: 46px !important; margin-bottom: 18px !important; padding: 0 6px !important; border-radius: 5px !important; } .gt-s1-city { flex: 1 1 0 !important; width: 33.333% !important; min-width: 0 !important; padding: 0 5px !important; font-size: 11px !important; text-align: center !important; } /* perfect dots on mobile */ .gt-s1-city:not(:last-child)::after { width: 4px !important; height: 4px !important; right: 0 !important; top: 50% !important; transform: translate( 50%, -50% ) !important; } /* ===================================================== MOBILE DATE ===================================================== */ .gt-s1-date { gap: 9px !important; } .gt-s1-date p, .gt-s1-date span { font-size: 15px !important; line-height: 1.1 !important; font-weight: 800 !important; } .gt-s1-date .elementor-icon { width: 34px !important; height: 34px !important; border-radius: 9px !important; font-size: 17px !important; } .gt-s1-date .elementor-icon svg { width: 17px !important; height: 17px !important; } .gt-s1-date .elementor-icon::after { width: 9px; bottom: 4px; } /* ===================================================== FEATURES MOBILE ===================================================== */ .gt-s1-features { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; width: 100% !important; height: auto !important; margin-top: 8px !important; padding: 0 6px 20px !important; overflow: visible !important; } .gt-s1-feature { min-height: 118px !important; padding: 13px 7px !important; gap: 8px !important; } .gt-s1-feature::after { display: none !important; } .gt-s1-feature:nth-child(odd)::after { content: ""; display: block !important; position: absolute; right: 0; top: 18%; bottom: 18%; width: 1px; background: rgba(201,138,32,.30); } .gt-s1-feature:nth-child(-n+2)::before { content: ""; position: absolute; left: 14%; right: 14%; bottom: 0; height: 1px; background: rgba(201,138,32,.18); } .gt-s1-feature-icon { width: 55px !important; height: 55px !important; } .gt-s1-feature-icon .elementor-icon { width: 53px !important; height: 53px !important; font-size: 25px !important; } .gt-s1-feature-icon svg { width: 25px !important; height: 25px !important; } .gt-s1-feature-text { font-size: 11px !important; line-height: 1.35 !important; } /* ===================================================== REGISTER PANEL MOBILE ===================================================== */ .gt-s1-right { width: 100% !important; height: auto !important; min-height: 0 !important; padding: 38px 20px 42px !important; border-top: 1px solid rgba(201,138,32,.35) !important; background: linear-gradient( 180deg, rgba(230,206,151,.10), rgba(255,255,255,.05) ) !important; } .gt-s1-right::before { width: 46px; height: 3px; margin-bottom: 22px; } .gt-s1-register-icon { width: 62px !important; height: 62px !important; margin-bottom: 19px !important; border-radius: 15px !important; } .gt-s1-register-icon .elementor-icon { width: 60px !important; height: 60px !important; font-size: 36px !important; } .gt-s1-register-icon svg { width: 36px !important; height: 36px !important; } .gt-s1-register-title { margin-bottom: 14px !important; } .gt-s1-register-title .elementor-heading-title { font-size: 31px !important; line-height: 1.08 !important; } .gt-s1-register-desc { max-width: 315px !important; margin-bottom: 25px !important; font-size: 15px !important; line-height: 1.55 !important; } .gt-s1-register-button { width: 100% !important; max-width: 330px !important; } .gt-s1-register-button .elementor-button { min-height: 60px !important; padding: 13px 16px !important; font-size: 12px !important; line-height: 1.25 !important; border-radius: 6px !important; } .gt-s1-security { max-width: 285px !important; margin-top: 25px !important; } .gt-s1-security .elementor-icon-list-text { font-size: 12px !important; line-height: 1.4 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-403a998 *//* ========================================================= SUCCESSFUL MAN — SECTION 02 MORE THAN A ZIARAT TRIP MODERN EDITORIAL TYPOGRAPHY DESKTOP GAP UPDATED ========================================================= */ @import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@400;500;600;700;800&family=Inter+Tight:wght@500;600;700;800&display=swap'); /* ========================================================= COLOURS ========================================================= */ .gt-s2 { --gt2-green: #003D31; --gt2-green-dark: #00362B; --gt2-gold: #C98A20; --gt2-gold-soft: #DDB45E; --gt2-cream: #F8F3E9; --gt2-card: #FBF7EF; --gt2-text: #172721; --gt2-muted: #46534E; --gt2-line: rgba(201, 138, 32, .22); } /* ========================================================= OUTER SECTION ========================================================= */ .gt-s2 { width: 100vw !important; max-width: none !important; margin: 0 !important; margin-left: calc(50% - 50vw) !important; padding: 30px 22px 38px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 0 !important; background: var(--gt2-cream) !important; overflow: hidden !important; font-family: "Inter", Arial, sans-serif !important; } .gt-s2 > .e-con-inner { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; } /* ========================================================= INNER CONTENT ========================================================= */ .gt-s2-inner { width: 100% !important; max-width: 1450px !important; margin: 0 auto !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; gap: 0 !important; background: transparent !important; text-align: center !important; } .gt-s2-inner > .e-con-inner { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 0 !important; } /* ========================================================= MAIN TITLE ========================================================= */ .gt-s2-title { width: 100% !important; margin: 0 0 10px !important; padding: 0 !important; text-align: center !important; } .gt-s2-title .elementor-heading-title { margin: 0 !important; color: var(--gt2-green-dark) !important; font-family: "Inter Tight", "Inter", sans-serif !important; font-size: clamp(31px, 2vw, 38px) !important; line-height: 1.04 !important; font-weight: 800 !important; letter-spacing: -1.1px !important; text-transform: uppercase !important; } /* no underline */ .gt-s2-title::after { display: none !important; } /* ========================================================= INTRO TEXT ========================================================= */ .gt-s2-intro { width: 100% !important; max-width: 850px !important; margin: 0 auto 8px !important; padding: 0 !important; color: var(--gt2-muted) !important; font-family: "Inter", Arial, sans-serif !important; font-size: 16px !important; line-height: 1.65 !important; font-weight: 500 !important; letter-spacing: -.15px !important; text-align: center !important; } .gt-s2-intro p { margin: 0 !important; color: inherit !important; font: inherit !important; } /* ========================================================= GOLD EDITORIAL LINE DESKTOP GAP = 43px ========================================================= */ .gt-s2-script { width: 100% !important; margin: 4px 0 43px !important; padding: 0 !important; text-align: center !important; } .gt-s2-script, .gt-s2-script p, .gt-s2-script .elementor-heading-title { color: var(--gt2-gold) !important; font-family: "Instrument Serif", Georgia, serif !important; font-size: clamp(27px, 1.75vw, 32px) !important; line-height: 1.02 !important; font-weight: 400 !important; font-style: italic !important; letter-spacing: -.25px !important; } .gt-s2-script p { margin: 0 !important; } /* ========================================================= CARDS WRAPPER ========================================================= */ .gt-s2-cards { width: min(1120px, 100%) !important; margin: 0 auto !important; padding: 0 8px !important; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; align-items: stretch !important; gap: 24px !important; background: transparent !important; } .gt-s2-cards > .e-con-inner { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 24px !important; align-items: stretch !important; } /* ========================================================= CARD ========================================================= */ .gt-s2-card { position: relative !important; width: 100% !important; min-width: 0 !important; min-height: 205px !important; margin: 0 !important; padding: 48px 26px 27px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; gap: 0 !important; background: linear-gradient( 180deg, rgba(255,255,255,.58), rgba(255,255,255,.20) ) !important; border: 1px solid var(--gt2-line) !important; border-radius: 18px !important; text-align: center !important; overflow: visible !important; box-shadow: 0 6px 18px rgba(38, 52, 45, .035) !important; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important; } .gt-s2-card:hover { transform: translateY(-3px); border-color: rgba(201,138,32,.38) !important; box-shadow: 0 10px 25px rgba(38,52,45,.07) !important; } /* ========================================================= ICON ========================================================= */ .gt-s2-icon { position: absolute !important; top: -31px !important; left: 50% !important; width: 62px !important; height: 62px !important; margin: 0 !important; padding: 0 !important; transform: translateX(-50%) !important; z-index: 4; } .gt-s2-icon .elementor-widget-container, .gt-s2-icon .elementor-icon-wrapper { width: 62px !important; height: 62px !important; margin: 0 !important; padding: 0 !important; } .gt-s2-icon .elementor-icon { width: 62px !important; height: 62px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; color: var(--gt2-gold-soft) !important; fill: var(--gt2-gold-soft) !important; background: var(--gt2-green-dark) !important; border: 3px solid var(--gt2-cream) !important; border-radius: 50% !important; box-shadow: 0 5px 12px rgba(0,55,43,.12) !important; font-size: 27px !important; } .gt-s2-icon svg { width: 27px !important; height: 27px !important; color: var(--gt2-gold-soft) !important; fill: var(--gt2-gold-soft) !important; } /* ========================================================= CARD TITLE ========================================================= */ .gt-s2-card-title { width: 100% !important; margin: 6px 0 12px !important; padding: 0 !important; text-align: center !important; } .gt-s2-card-title .elementor-heading-title { margin: 0 !important; color: var(--gt2-green-dark) !important; font-family: "Inter Tight", "Inter", sans-serif !important; font-size: 23px !important; line-height: 1.08 !important; font-weight: 800 !important; letter-spacing: -.55px !important; text-transform: uppercase !important; } /* ========================================================= CARD TEXT ========================================================= */ .gt-s2-card-text { width: 100% !important; max-width: 290px !important; margin: 0 auto !important; padding: 0 !important; color: #33423C !important; font-family: "Inter", Arial, sans-serif !important; font-size: 15px !important; line-height: 1.62 !important; font-weight: 500 !important; letter-spacing: -.12px !important; text-align: center !important; } .gt-s2-card-text p { margin: 0 !important; color: inherit !important; font: inherit !important; } /* ========================================================= TABLET ========================================================= */ @media (min-width: 768px) and (max-width: 1024px) { .gt-s2 { padding: 30px 18px 40px !important; } .gt-s2-inner { max-width: 900px !important; } .gt-s2-title .elementor-heading-title { font-size: 33px !important; letter-spacing: -.9px !important; } .gt-s2-intro { max-width: 680px !important; font-size: 15px !important; } .gt-s2-script { margin-bottom: 38px !important; } .gt-s2-script, .gt-s2-script p, .gt-s2-script .elementor-heading-title { font-size: 28px !important; } .gt-s2-cards, .gt-s2-cards > .e-con-inner { width: min(860px, 100%) !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 16px !important; } .gt-s2-cards { padding: 0 4px !important; } .gt-s2-card { min-height: 225px !important; padding: 45px 18px 24px !important; border-radius: 16px !important; } .gt-s2-icon, .gt-s2-icon .elementor-widget-container, .gt-s2-icon .elementor-icon-wrapper, .gt-s2-icon .elementor-icon { width: 58px !important; height: 58px !important; } .gt-s2-icon { top: -29px !important; } .gt-s2-icon .elementor-icon { font-size: 25px !important; } .gt-s2-icon svg { width: 25px !important; height: 25px !important; } .gt-s2-card-title .elementor-heading-title { font-size: 21px !important; } .gt-s2-card-text { max-width: 230px !important; font-size: 14px !important; line-height: 1.6 !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .gt-s2 { padding: 30px 14px 42px !important; } .gt-s2-inner { width: 100% !important; padding: 0 !important; } .gt-s2-title { margin-bottom: 12px !important; } .gt-s2-title .elementor-heading-title { font-size: 28px !important; line-height: 1.08 !important; letter-spacing: -.8px !important; } .gt-s2-intro { max-width: 340px !important; font-size: 14px !important; line-height: 1.65 !important; } .gt-s2-script { margin: 8px 0 45px !important; } .gt-s2-script, .gt-s2-script p, .gt-s2-script .elementor-heading-title { font-size: 27px !important; line-height: 1.05 !important; } .gt-s2-cards, .gt-s2-cards > .e-con-inner { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: 355px !important; margin: 0 auto !important; gap: 46px !important; } .gt-s2-cards { padding: 0 4px !important; } .gt-s2-card { width: 100% !important; min-height: 185px !important; padding: 43px 24px 25px !important; border-radius: 16px !important; } .gt-s2-icon { top: -28px !important; } .gt-s2-icon, .gt-s2-icon .elementor-widget-container, .gt-s2-icon .elementor-icon-wrapper, .gt-s2-icon .elementor-icon { width: 56px !important; height: 56px !important; } .gt-s2-icon .elementor-icon { font-size: 24px !important; } .gt-s2-icon svg { width: 24px !important; height: 24px !important; } .gt-s2-card-title { margin-bottom: 10px !important; } .gt-s2-card-title .elementor-heading-title { font-size: 22px !important; letter-spacing: -.45px !important; } .gt-s2-card-text { max-width: 285px !important; font-size: 14px !important; line-height: 1.62 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-aeca530 *//* ========================================================= SUCCESSFUL MAN — SECTION 06 YOUR GUIDES + GROUND PACKAGE DESKTOP PACKAGE READABILITY FIX ========================================================= */ @import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap'); /* ========================================================= VARIABLES ========================================================= */ .gt-s6 { --s6-green: #003D31; --s6-green-dark: #002F27; --s6-gold: #C98A20; --s6-gold-light: #E0B65C; --s6-cream: #F8F3E9; --s6-cream-light: #FCF8F0; --s6-text: #172D27; --s6-muted: #344840; } /* ========================================================= SECTION ========================================================= */ .gt-s6 { width: 100vw !important; max-width: none !important; margin: 0 !important; margin-left: calc(50% - 50vw) !important; padding: 12px 24px 14px !important; background: var(--s6-cream) !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; } .gt-s6 > .e-con-inner { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; min-height: 0 !important; } /* ========================================================= MAIN LAYOUT ========================================================= */ .gt-s6-inner, .gt-s6-inner > .e-con-inner { width: 100% !important; max-width: 1240px !important; margin: 0 auto !important; padding: 0 !important; min-height: 0 !important; display: grid !important; grid-template-columns: minmax(0, 3fr) minmax(0, 1fr) !important; gap: 20px !important; align-items: stretch !important; } /* ========================================================= SHARED CARDS ========================================================= */ .gt-s6-guides, .gt-s6-package { position: relative !important; width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; margin: 0 !important; border-radius: 18px !important; overflow: hidden !important; } /* ========================================================= YOUR GUIDES ========================================================= */ .gt-s6-guides { padding: 16px 30px 15px !important; background: rgba(255,255,255,.30) !important; border: 1px solid rgba(0,61,49,.10) !important; box-shadow: 0 6px 20px rgba(20,45,37,.035) !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; --flex-direction: column !important; --align-items: center !important; --justify-content: center !important; } .gt-s6-guides > .e-con-inner { width: 100% !important; max-width: none !important; height: auto !important; min-height: 0 !important; margin: auto !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 0 !important; } /* ========================================================= GUIDES TITLE ========================================================= */ .gt-s6-title { width: 100% !important; margin: 0 auto 14px !important; padding: 0 !important; text-align: center !important; } .gt-s6-title .elementor-heading-title { width: 100% !important; margin: 0 !important; color: var(--s6-green-dark) !important; font-family: "Outfit", sans-serif !important; font-size: 29px !important; line-height: 1 !important; font-weight: 700 !important; letter-spacing: .1px !important; text-transform: uppercase !important; text-align: center !important; } /* ========================================================= GUIDE LIST ========================================================= */ .gt-s6-guide-list, .gt-s6-guide-list.e-con { width: 100% !important; max-width: none !important; min-width: 100% !important; margin: 0 auto !important; padding: 0 !important; --width: 100% !important; --flex-direction: row !important; --flex-wrap: nowrap !important; display: grid !important; grid-template-columns: repeat(3, minmax(0,1fr)) !important; gap: 0 !important; align-items: start !important; justify-items: center !important; align-self: stretch !important; } .gt-s6-guide-list > .e-con-inner { width: 100% !important; max-width: none !important; min-width: 100% !important; margin: 0 !important; padding: 0 !important; display: grid !important; grid-template-columns: repeat(3, minmax(0,1fr)) !important; gap: 0 !important; align-items: start !important; justify-items: center !important; } /* ========================================================= EACH GUIDE ========================================================= */ .gt-s6-guide, .gt-s6-guide.e-con, .gt-s6-guide.e-flex { width: 100% !important; max-width: none !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 10px !important; --flex-direction: column !important; --flex-wrap: nowrap !important; --justify-content: flex-start !important; --align-items: center !important; display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; gap: 0 !important; text-align: center !important; } .gt-s6-guide > .e-con-inner { width: 100% !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; gap: 0 !important; } /* ========================================================= GUIDE IMAGE ========================================================= */ .gt-s6-guide-image { order: 1 !important; position: relative !important; width: 154px !important; min-width: 154px !important; max-width: 154px !important; height: 154px !important; min-height: 154px !important; max-height: 154px !important; flex: 0 0 154px !important; margin: 0 auto 8px !important; padding: 0 !important; } .gt-s6-guide-image::before { content: ""; position: absolute; inset: -4px; border: 1px solid rgba(201,138,32,.22); border-radius: 50%; } .gt-s6-guide-image .elementor-widget-container { width: 154px !important; height: 154px !important; margin: 0 auto !important; padding: 0 !important; background: #F1EDE4 !important; border: 2px solid rgba(201,138,32,.50) !important; border-radius: 50% !important; overflow: hidden !important; box-shadow: 0 7px 18px rgba(0,47,39,.10) !important; } .gt-s6-guide-image img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center top !important; border-radius: 50% !important; } /* ========================================================= GUIDE NAME ========================================================= */ .gt-s6-guide-name { order: 2 !important; width: 100% !important; margin: 0 auto !important; padding: 0 3px !important; text-align: center !important; } .gt-s6-guide-name .elementor-heading-title { width: 100% !important; margin: 0 !important; color: var(--s6-green-dark) !important; font-family: "Outfit", sans-serif !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 700 !important; text-transform: uppercase !important; text-align: center !important; white-space: nowrap !important; } /* ========================================================= GUIDES DESCRIPTION ========================================================= */ .gt-s6-guides-text { width: 86% !important; max-width: 780px !important; margin: 11px auto 0 !important; padding: 9px 15px 0 !important; border-top: 1px solid rgba(201,138,32,.22) !important; color: #263C35 !important; font-family: "DM Sans", sans-serif !important; font-size: 15.5px !important; line-height: 1.55 !important; font-weight: 500 !important; text-align: center !important; } .gt-s6-guides-text p { margin: 0 !important; color: inherit !important; font: inherit !important; text-align: center !important; } /* ========================================================= GROUND PACKAGE CARD ========================================================= */ .gt-s6-package { padding: 16px 16px 14px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; background: #F8F1E5 !important; border: 1px solid rgba(201,138,32,.42) !important; border-radius: 18px !important; box-shadow: 0 8px 24px rgba(57,42,17,.055) !important; } .gt-s6-package > .e-con-inner { width: 100% !important; min-height: 0 !important; margin: auto !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 0 !important; } /* ========================================================= PACKAGE LABEL ========================================================= */ .gt-s6-package-label { width: fit-content !important; min-width: 150px !important; margin: 0 auto 12px !important; padding: 7px 18px !important; background: var(--s6-gold) !important; border-radius: 7px !important; color: #ffffff !important; font-family: "DM Sans", sans-serif !important; font-size: 11px !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: .25px !important; text-transform: uppercase !important; text-align: center !important; } .gt-s6-package-label p { margin: 0 !important; color: inherit !important; font: inherit !important; } /* ========================================================= PRICE WRAP ========================================================= */ .gt-s6-price-wrap { width: 100% !important; margin: 0 auto 12px !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 5px !important; } .gt-s6-price-wrap > .e-con-inner { width: 100% !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 5px !important; } /* ========================================================= PRICE ========================================================= */ .gt-s6-price { width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } .gt-s6-price .elementor-heading-title { width: 100% !important; margin: 0 !important; color: var(--s6-green-dark) !important; font-family: "Outfit", sans-serif !important; font-size: 50px !important; line-height: .95 !important; font-weight: 700 !important; letter-spacing: -1px !important; text-align: center !important; } /* ========================================================= PER PERSON ========================================================= */ .gt-s6-price-note { width: 100% !important; margin: 0 !important; padding: 0 !important; color: #2E443C !important; font-family: "DM Sans", sans-serif !important; font-size: 11.5px !important; line-height: 1.15 !important; font-weight: 700 !important; letter-spacing: .45px !important; text-transform: uppercase !important; text-align: center !important; } .gt-s6-price-note p { margin: 0 !important; color: inherit !important; font: inherit !important; } /* ========================================================= INCLUDES TITLE ========================================================= */ .gt-s6-includes-title { width: 100% !important; margin: 0 auto 12px !important; padding: 7px 8px !important; background: var(--s6-gold) !important; border-radius: 5px !important; color: #ffffff !important; font-family: "DM Sans", sans-serif !important; font-size: 10px !important; line-height: 1.1 !important; font-weight: 800 !important; letter-spacing: .35px !important; text-transform: uppercase !important; text-align: center !important; } .gt-s6-includes-title p { margin: 0 !important; color: inherit !important; font: inherit !important; } /* ========================================================= INCLUDES GRID ========================================================= */ .gt-s6-includes { width: 100% !important; margin: 0 auto 12px !important; padding: 0 !important; display: grid !important; grid-template-columns: repeat(4, minmax(0,1fr)) !important; gap: 5px !important; align-items: start !important; } .gt-s6-includes > .e-con-inner { width: 100% !important; margin: 0 !important; padding: 0 !important; display: grid !important; grid-template-columns: repeat(4, minmax(0,1fr)) !important; gap: 5px !important; align-items: start !important; } /* ========================================================= INCLUDE ITEM ========================================================= */ .gt-s6-include { width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; gap: 6px !important; text-align: center !important; } .gt-s6-include > .e-con-inner { width: 100% !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 6px !important; } /* ========================================================= INCLUDE ICON ========================================================= */ .gt-s6-include-icon { width: 30px !important; height: 30px !important; margin: 0 auto !important; } .gt-s6-include-icon .elementor-icon-wrapper, .gt-s6-include-icon .elementor-widget-container { width: 30px !important; height: 30px !important; } .gt-s6-include-icon .elementor-icon { width: 30px !important; height: 30px !important; display: flex !important; align-items: center !important; justify-content: center !important; color: var(--s6-gold) !important; fill: var(--s6-gold) !important; font-size: 22px !important; } .gt-s6-include-icon svg { width: 22px !important; height: 22px !important; fill: var(--s6-gold) !important; } /* ========================================================= INCLUDE TEXT ========================================================= */ .gt-s6-include-text { width: 100% !important; margin: 0 !important; padding: 0 1px !important; color: #17342C !important; font-family: "DM Sans", sans-serif !important; font-size: 9.8px !important; line-height: 1.25 !important; font-weight: 700 !important; text-align: center !important; } .gt-s6-include-text p { margin: 0 !important; color: inherit !important; font: inherit !important; text-align: center !important; } /* ========================================================= FLIGHTS ========================================================= */ .gt-s6-flights { width: 100% !important; margin: 0 auto !important; padding: 11px 5px 0 !important; border-top: 1px solid rgba(201,138,32,.25) !important; color: #19372F !important; font-family: "DM Sans", sans-serif !important; font-size: 10px !important; line-height: 1.35 !important; font-weight: 800 !important; text-transform: uppercase !important; text-align: center !important; } .gt-s6-flights p { margin: 0 !important; color: inherit !important; font: inherit !important; } /* ========================================================= DESKTOP ONLY READABILITY + COLLISION FIX ========================================================= */ @media (min-width: 1025px) { .gt-s6, .gt-s6-inner, .gt-s6-guides, .gt-s6-package, .gt-s6-guide-list, .gt-s6-guide, .gt-s6 > .e-con-inner, .gt-s6-inner > .e-con-inner, .gt-s6-guides > .e-con-inner, .gt-s6-package > .e-con-inner { --min-height: 0px !important; min-height: 0 !important; } /* --------------------------- APPROVED COMPACT SECTION --------------------------- */ .gt-s6 { padding: 9px 24px 11px !important; } .gt-s6-guides { padding: 14px 30px 13px !important; } .gt-s6-title { margin-bottom: 12px !important; } .gt-s6-guide-image { margin-bottom: 7px !important; } .gt-s6-guides-text { margin-top: 9px !important; padding-top: 8px !important; } /* ===================================================== PACKAGE DESKTOP — MORE READABLE ===================================================== */ .gt-s6-package { padding: 14px 17px 13px !important; } /* Top label */ .gt-s6-package-label { min-width: 164px !important; margin-bottom: 11px !important; padding: 7px 18px !important; font-size: 12px !important; line-height: 1.05 !important; } /* Price */ .gt-s6-price-wrap { margin-bottom: 11px !important; gap: 4px !important; } .gt-s6-price .elementor-heading-title { font-size: 52px !important; } .gt-s6-price-note { font-size: 12px !important; line-height: 1.2 !important; } /* Includes heading */ .gt-s6-includes-title { margin-bottom: 11px !important; padding: 7px 6px !important; font-size: 10.5px !important; line-height: 1.15 !important; letter-spacing: .18px !important; } /* CRITICAL FIX: 4 cramped columns -> 2 x 2 */ .gt-s6-includes, .gt-s6-includes > .e-con-inner { display: grid !important; grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 9px 10px !important; width: 100% !important; margin-bottom: 11px !important; padding: 0 !important; } /* Each inclusion becomes horizontal: ICON + TEXT */ .gt-s6-include, .gt-s6-include > .e-con-inner { width: 100% !important; min-width: 0 !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; gap: 7px !important; margin: 0 !important; padding: 0 !important; text-align: left !important; } /* icons */ .gt-s6-include-icon { flex: 0 0 27px !important; width: 27px !important; min-width: 27px !important; height: 27px !important; margin: 0 !important; } .gt-s6-include-icon .elementor-icon-wrapper, .gt-s6-include-icon .elementor-widget-container, .gt-s6-include-icon .elementor-icon { width: 27px !important; height: 27px !important; margin: 0 !important; } .gt-s6-include-icon .elementor-icon { font-size: 19px !important; } .gt-s6-include-icon svg { width: 19px !important; height: 19px !important; } /* readable inclusion labels */ .gt-s6-include-text { width: auto !important; min-width: 0 !important; flex: 1 1 auto !important; margin: 0 !important; padding: 0 !important; font-size: 11.5px !important; line-height: 1.25 !important; font-weight: 700 !important; text-align: left !important; white-space: normal !important; overflow-wrap: normal !important; word-break: normal !important; } .gt-s6-include-text p { text-align: left !important; } /* Flights */ .gt-s6-flights { padding-top: 9px !important; font-size: 10.5px !important; line-height: 1.3 !important; font-weight: 800 !important; } } /* ========================================================= TABLET KEEP CURRENT APPROVED RESPONSIVE DESIGN ========================================================= */ @media (min-width: 768px) and (max-width: 1024px) { .gt-s6 { padding: 20px 18px 24px !important; } .gt-s6-inner, .gt-s6-inner > .e-con-inner { grid-template-columns: minmax(0,66%) minmax(0,34%) !important; gap: 16px !important; } .gt-s6-guides { padding: 22px 18px 20px !important; } .gt-s6-title .elementor-heading-title { font-size: 25px !important; } .gt-s6-guide-list, .gt-s6-guide-list > .e-con-inner { gap: 14px !important; } .gt-s6-guide-image { width: 102px !important; min-width: 102px !important; max-width: 102px !important; height: 102px !important; min-height: 102px !important; max-height: 102px !important; flex: 0 0 102px !important; margin-bottom: 12px !important; } .gt-s6-guide-image .elementor-widget-container { width: 102px !important; height: 102px !important; } .gt-s6-guide-name { min-height: 42px !important; } .gt-s6-guide-name .elementor-heading-title { font-size: 12px !important; line-height: 1.25 !important; white-space: normal !important; } .gt-s6-guides-text { width: 92% !important; font-size: 13.5px !important; line-height: 1.58 !important; } .gt-s6-package { padding: 18px 15px 17px !important; } .gt-s6-package-label { min-width: 130px !important; font-size: 10px !important; } .gt-s6-price .elementor-heading-title { font-size: 44px !important; } .gt-s6-price-note { font-size: 10.5px !important; } .gt-s6-includes-title { font-size: 9px !important; } .gt-s6-includes, .gt-s6-includes > .e-con-inner { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 12px 8px !important; } .gt-s6-include-text { font-size: 10px !important; line-height: 1.3 !important; } .gt-s6-flights { font-size: 9.5px !important; } } /* ========================================================= MOBILE KEEP CURRENT APPROVED RESPONSIVE DESIGN ========================================================= */ @media (max-width: 767px) { .gt-s6 { padding: 18px 12px 23px !important; } .gt-s6-inner, .gt-s6-inner > .e-con-inner { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: 390px !important; margin: 0 auto !important; gap: 15px !important; } .gt-s6-guides, .gt-s6-package { width: 100% !important; height: auto !important; min-height: 0 !important; border-radius: 16px !important; } .gt-s6-guides { padding: 20px 9px 18px !important; } .gt-s6-title .elementor-heading-title { font-size: 23px !important; } .gt-s6-guide-list, .gt-s6-guide-list > .e-con-inner { grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 7px !important; } .gt-s6-guide { padding: 0 !important; } .gt-s6-guide-image { width: 78px !important; min-width: 78px !important; max-width: 78px !important; height: 78px !important; min-height: 78px !important; max-height: 78px !important; flex: 0 0 78px !important; margin-bottom: 10px !important; } .gt-s6-guide-image .elementor-widget-container { width: 78px !important; height: 78px !important; } .gt-s6-guide-name { min-height: 48px !important; } .gt-s6-guide-name .elementor-heading-title { font-size: 10px !important; line-height: 1.22 !important; white-space: normal !important; } .gt-s6-guides-text { width: 94% !important; font-size: 13px !important; line-height: 1.55 !important; } .gt-s6-package { padding: 22px 18px 20px !important; } .gt-s6-package-label { min-width: 155px !important; margin-bottom: 14px !important; padding: 8px 20px !important; font-size: 11px !important; } .gt-s6-price-wrap { margin-bottom: 15px !important; } .gt-s6-price .elementor-heading-title { font-size: 50px !important; } .gt-s6-price-note { font-size: 11.5px !important; } .gt-s6-includes-title { margin-bottom: 15px !important; padding: 8px 10px !important; font-size: 10px !important; } .gt-s6-includes, .gt-s6-includes > .e-con-inner { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 15px 10px !important; margin-bottom: 15px !important; } .gt-s6-include { gap: 7px !important; } .gt-s6-include-icon, .gt-s6-include-icon .elementor-icon-wrapper, .gt-s6-include-icon .elementor-widget-container, .gt-s6-include-icon .elementor-icon { width: 34px !important; height: 34px !important; } .gt-s6-include-icon .elementor-icon { font-size: 24px !important; } .gt-s6-include-icon svg { width: 24px !important; height: 24px !important; } .gt-s6-include-text { font-size: 11.5px !important; line-height: 1.3 !important; } .gt-s6-flights { padding-top: 13px !important; font-size: 10.5px !important; line-height: 1.4 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-847534b *//* ========================================================= SUCCESSFUL MAN — SECTION 03 THE JOURNEY EXPERIENCE PREMIUM MODERN TYPOGRAPHY ========================================================= */ @import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap'); /* ========================================================= VARIABLES ========================================================= */ .gt-s3 { --s3-green: #003D31; --s3-green-dark: #002E26; --s3-gold: #C98A20; --s3-gold-light: #E2BA62; --s3-white: #FFFDF8; --s3-text-light: rgba(255,255,255,.94); --s3-text-soft: rgba(255,255,255,.82); } /* ========================================================= MAIN SECTION ========================================================= */ .gt-s3 { width: 100vw !important; max-width: none !important; margin: 0 !important; margin-left: calc(50% - 50vw) !important; padding: 0 !important; display: flex !important; flex-direction: column !important; gap: 0 !important; background: var(--s3-green) !important; overflow: hidden !important; } .gt-s3 > .e-con-inner { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; gap: 0 !important; } /* ========================================================= EXPERIENCE AREA ========================================================= */ .gt-s3-experience { width: 100% !important; margin: 0 !important; padding: 24px 30px 31px !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 0 !important; background: linear-gradient( 180deg, #004437 0%, #00392F 100% ) !important; } .gt-s3-experience > .e-con-inner { width: 100% !important; max-width: 1450px !important; margin: 0 auto !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 0 !important; } /* ========================================================= MAIN TITLE ========================================================= */ .gt-s3-title { width: 100% !important; margin: 0 0 28px !important; padding: 0 !important; text-align: center !important; } .gt-s3-title .elementor-heading-title { margin: 0 !important; color: #ffffff !important; font-family: "Outfit", sans-serif !important; font-size: clamp(27px, 1.8vw, 33px) !important; line-height: 1.08 !important; font-weight: 600 !important; letter-spacing: .7px !important; text-transform: uppercase !important; } /* REMOVE DECORATIVE TITLE LINES */ .gt-s3-title::before, .gt-s3-title::after { display: none !important; content: none !important; } /* ========================================================= EXPERIENCE ITEMS ========================================================= */ .gt-s3-items { width: 100% !important; max-width: 1280px !important; margin: 0 auto !important; padding: 0 !important; display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 0 !important; align-items: stretch !important; } .gt-s3-items > .e-con-inner { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 0 !important; } /* ========================================================= EACH ITEM ========================================================= */ .gt-s3-item { position: relative !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 3px 22px 2px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; gap: 0 !important; text-align: center !important; background: transparent !important; } /* subtle dividers */ .gt-s3-item:not(:last-child)::after { content: ""; position: absolute; right: 0; top: 13%; bottom: 10%; width: 1px; background: linear-gradient( 180deg, transparent 0%, rgba(226,186,98,.22) 28%, rgba(226,186,98,.22) 72%, transparent 100% ); } /* ========================================================= ICON ========================================================= */ .gt-s3-icon { width: 56px !important; height: 56px !important; margin: 0 auto 12px !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } .gt-s3-icon .elementor-widget-container, .gt-s3-icon .elementor-icon-wrapper { width: 56px !important; height: 56px !important; display: flex !important; align-items: center !important; justify-content: center !important; } .gt-s3-icon .elementor-icon { width: 56px !important; height: 56px !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; color: var(--s3-gold-light) !important; fill: var(--s3-gold-light) !important; background: rgba(255,255,255,.035) !important; border: 1px solid rgba(226,186,98,.36) !important; border-radius: 50% !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.025) !important; font-size: 26px !important; transition: transform .2s ease, background .2s ease, border-color .2s ease !important; } .gt-s3-icon svg { width: 26px !important; height: 26px !important; color: var(--s3-gold-light) !important; fill: var(--s3-gold-light) !important; } .gt-s3-item:hover .gt-s3-icon .elementor-icon { transform: translateY(-2px); background: rgba(226,186,98,.08) !important; border-color: rgba(226,186,98,.65) !important; } /* ========================================================= ITEM TITLE ========================================================= */ .gt-s3-item-title { width: 100% !important; margin: 0 0 7px !important; padding: 0 !important; text-align: center !important; } .gt-s3-item-title .elementor-heading-title { margin: 0 !important; color: var(--s3-gold-light) !important; font-family: "Outfit", sans-serif !important; font-size: 17px !important; line-height: 1.15 !important; font-weight: 600 !important; letter-spacing: .45px !important; text-transform: uppercase !important; } /* ========================================================= ITEM TEXT ========================================================= */ .gt-s3-item-text { width: 100% !important; max-width: 180px !important; margin: 0 auto !important; padding: 0 !important; color: rgba(255,255,255,.90) !important; font-family: "DM Sans", sans-serif !important; font-size: 13px !important; line-height: 1.58 !important; font-weight: 500 !important; letter-spacing: .05px !important; text-align: center !important; } .gt-s3-item-text p { margin: 0 !important; color: inherit !important; font: inherit !important; } /* ========================================================= HERO IMAGE ========================================================= */ .gt-s3-hero { position: relative !important; width: 100% !important; min-height: 360px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: flex-end !important; justify-content: center !important; background-size: cover !important; background-position: center 48% !important; background-repeat: no-repeat !important; overflow: hidden !important; } /* ========================================================= PREMIUM CINEMATIC OVERLAY ========================================================= */ .gt-s3-hero::before { content: ""; position: absolute; z-index: 1; inset: 0; background: linear-gradient( 180deg, rgba(4,18,15,.04) 0%, rgba(4,20,16,.09) 30%, rgba(3,25,20,.32) 58%, rgba(2,27,22,.82) 100% ), linear-gradient( 90deg, rgba(0,28,23,.30) 0%, rgba(0,28,23,.05) 30%, rgba(0,28,23,.04) 70%, rgba(0,28,23,.30) 100% ); pointer-events: none; } /* ========================================================= SOFT VIGNETTE ========================================================= */ .gt-s3-hero::after { content: ""; position: absolute; z-index: 2; inset: 0; pointer-events: none; box-shadow: inset 0 -95px 100px rgba(0,24,19,.30), inset 0 35px 65px rgba(0,25,20,.06); } /* ========================================================= HERO CONTENT ========================================================= */ .gt-s3-hero-content { position: relative !important; z-index: 3; width: 100% !important; max-width: 920px !important; margin: 0 auto !important; padding: 56px 40px 48px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-end !important; text-align: center !important; background: transparent !important; border: 0 !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } /* ========================================================= QUESTION ========================================================= */ .gt-s3-question { position: relative !important; width: 100% !important; margin: 0 0 16px !important; padding: 0 !important; text-align: center !important; } .gt-s3-question::before { content: ""; display: block; width: 40px; height: 2px; margin: 0 auto 18px; background: var(--s3-gold); border-radius: 10px; } .gt-s3-question .elementor-heading-title { margin: 0 !important; color: #ffffff !important; font-family: "Outfit", sans-serif !important; font-size: clamp(34px, 2.35vw, 45px) !important; line-height: 1.12 !important; font-weight: 500 !important; letter-spacing: -.5px !important; text-shadow: 0 2px 18px rgba(0,0,0,.32) !important; } /* ========================================================= ANSWER ========================================================= */ .gt-s3-answer { width: 100% !important; max-width: 700px !important; margin: 0 auto !important; padding: 0 !important; color: rgba(255,255,255,.94) !important; font-family: "DM Sans", sans-serif !important; font-size: 17px !important; line-height: 1.7 !important; font-weight: 500 !important; letter-spacing: 0 !important; text-align: center !important; text-shadow: 0 2px 14px rgba(0,0,0,.25) !important; } .gt-s3-answer p { margin: 0 !important; color: inherit !important; font: inherit !important; } /* ========================================================= TABLET ========================================================= */ @media (min-width: 768px) and (max-width: 1024px) { .gt-s3-experience { padding: 25px 18px 31px !important; } .gt-s3-title { margin-bottom: 27px !important; } .gt-s3-title .elementor-heading-title { font-size: 29px !important; letter-spacing: .5px !important; } .gt-s3-items, .gt-s3-items > .e-con-inner { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } .gt-s3-item { padding: 3px 10px 0 !important; } .gt-s3-icon, .gt-s3-icon .elementor-widget-container, .gt-s3-icon .elementor-icon-wrapper, .gt-s3-icon .elementor-icon { width: 50px !important; height: 50px !important; } .gt-s3-icon .elementor-icon { font-size: 23px !important; } .gt-s3-icon svg { width: 23px !important; height: 23px !important; } .gt-s3-item-title .elementor-heading-title { font-size: 15px !important; } .gt-s3-item-text { max-width: 145px !important; font-size: 12px !important; line-height: 1.55 !important; } .gt-s3-hero { min-height: 340px !important; background-position: center center !important; } .gt-s3-hero-content { max-width: 740px !important; padding: 50px 35px 42px !important; } .gt-s3-question .elementor-heading-title { font-size: 36px !important; } .gt-s3-answer { max-width: 600px !important; font-size: 16px !important; line-height: 1.68 !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .gt-s3-experience { padding: 28px 16px 34px !important; } .gt-s3-title { margin-bottom: 30px !important; } .gt-s3-title .elementor-heading-title { font-size: 26px !important; line-height: 1.12 !important; font-weight: 600 !important; letter-spacing: .4px !important; } .gt-s3-title::before, .gt-s3-title::after { display: none !important; } /* 2 COLUMN ITEMS */ .gt-s3-items, .gt-s3-items > .e-con-inner { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; width: 100% !important; gap: 31px 14px !important; } .gt-s3-item { min-height: 120px !important; padding: 0 9px !important; } .gt-s3-item:last-child { grid-column: 1 / -1 !important; width: 50% !important; margin: 0 auto !important; } .gt-s3-item::after { display: none !important; } .gt-s3-icon, .gt-s3-icon .elementor-widget-container, .gt-s3-icon .elementor-icon-wrapper, .gt-s3-icon .elementor-icon { width: 52px !important; height: 52px !important; } .gt-s3-icon { margin-bottom: 10px !important; } .gt-s3-icon .elementor-icon { font-size: 24px !important; } .gt-s3-icon svg { width: 24px !important; height: 24px !important; } .gt-s3-item-title { margin-bottom: 7px !important; } .gt-s3-item-title .elementor-heading-title { font-size: 15px !important; font-weight: 600 !important; letter-spacing: .35px !important; } .gt-s3-item-text { max-width: 150px !important; font-size: 12px !important; line-height: 1.55 !important; } /* ===================================================== MOBILE HERO ===================================================== */ .gt-s3-hero { min-height: 430px !important; padding: 0 !important; align-items: flex-end !important; background-position: center center !important; } .gt-s3-hero::before { background: linear-gradient( 180deg, rgba(3,19,15,.02) 0%, rgba(3,19,15,.07) 27%, rgba(2,25,20,.32) 55%, rgba(1,28,22,.92) 100% ), linear-gradient( 90deg, rgba(0,25,20,.22) 0%, rgba(0,25,20,.02) 50%, rgba(0,25,20,.22) 100% ); } .gt-s3-hero-content { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 65px 24px 39px !important; } .gt-s3-question { margin-bottom: 15px !important; } .gt-s3-question::before { width: 34px; margin-bottom: 16px; } .gt-s3-question .elementor-heading-title { font-size: 32px !important; line-height: 1.15 !important; font-weight: 500 !important; letter-spacing: -.35px !important; } .gt-s3-answer { max-width: 340px !important; font-size: 15px !important; line-height: 1.68 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-05e5cba *//* ========================================================= SUCCESSFUL MAN — SECTION 04 WORKSHOP THEMES PREMIUM MODERN VERSION ========================================================= */ @import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap'); /* ========================================================= VARIABLES ========================================================= */ .gt-s4 { --s4-green: #003D31; --s4-green-dark: #002F27; --s4-gold: #C98A20; --s4-gold-light: #DDB35A; --s4-cream: #F8F3E9; --s4-cream-light: #FCF8F0; --s4-text: #20312B; --s4-muted: #52615B; --s4-line: rgba(0,61,49,.10); } /* ========================================================= OUTER SECTION ========================================================= */ .gt-s4 { width: 100vw !important; max-width: none !important; margin: 0 !important; margin-left: calc(50% - 50vw) !important; padding: 35px 24px 42px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: var(--s4-cream) !important; overflow: hidden !important; } .gt-s4 > .e-con-inner { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; } /* ========================================================= INNER ========================================================= */ .gt-s4-inner { width: 100% !important; max-width: 1240px !important; margin: 0 auto !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 0 !important; } .gt-s4-inner > .e-con-inner { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 0 !important; } /* ========================================================= TITLE ========================================================= */ .gt-s4-title { width: 100% !important; margin: 0 0 32px !important; padding: 0 !important; text-align: center !important; } .gt-s4-title .elementor-heading-title { margin: 0 !important; color: var(--s4-green-dark) !important; font-family: "Outfit", sans-serif !important; font-size: clamp(29px, 2vw, 36px) !important; line-height: 1.08 !important; font-weight: 600 !important; letter-spacing: .5px !important; text-transform: uppercase !important; } /* no decorative lines */ .gt-s4-title::before, .gt-s4-title::after { display: none !important; content: none !important; } /* ========================================================= GRID ========================================================= */ .gt-s4-grid { width: 100% !important; margin: 0 auto !important; padding: 0 !important; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; column-gap: 42px !important; row-gap: 27px !important; } .gt-s4-grid > .e-con-inner { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; column-gap: 42px !important; row-gap: 27px !important; } /* ========================================================= ITEM ========================================================= */ .gt-s4-item { position: relative !important; width: 100% !important; min-width: 0 !important; min-height: 142px !important; margin: 0 !important; padding: 20px 19px !important; display: grid !important; grid-template-columns: 62px minmax(0, 1fr) !important; align-items: start !important; column-gap: 18px !important; background: rgba(255,255,255,.24) !important; border: 1px solid rgba(0,61,49,.075) !important; border-radius: 16px !important; box-shadow: 0 5px 18px rgba(24,49,40,.025) !important; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important; } .gt-s4-item:hover { transform: translateY(-2px); border-color: rgba(201,138,32,.23) !important; box-shadow: 0 9px 22px rgba(24,49,40,.055) !important; } /* ========================================================= ICON ========================================================= */ .gt-s4-icon { width: 58px !important; height: 58px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } .gt-s4-icon .elementor-widget-container, .gt-s4-icon .elementor-icon-wrapper { width: 58px !important; height: 58px !important; display: flex !important; align-items: center !important; justify-content: center !important; } .gt-s4-icon .elementor-icon { width: 58px !important; height: 58px !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; color: var(--s4-gold-light) !important; fill: var(--s4-gold-light) !important; background: var(--s4-green-dark) !important; border: 2px solid rgba(201,138,32,.25) !important; border-radius: 50% !important; box-shadow: 0 4px 11px rgba(0,47,39,.10) !important; font-size: 25px !important; } .gt-s4-icon svg { width: 25px !important; height: 25px !important; color: var(--s4-gold-light) !important; fill: var(--s4-gold-light) !important; } /* ========================================================= CONTENT ========================================================= */ .gt-s4-content { width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 0 !important; } /* ========================================================= ITEM TITLE ========================================================= */ .gt-s4-item-title { width: 100% !important; margin: 0 0 8px !important; padding: 0 !important; text-align: left !important; } .gt-s4-item-title .elementor-heading-title { margin: 0 !important; color: var(--s4-green-dark) !important; font-family: "Outfit", sans-serif !important; font-size: 17px !important; line-height: 1.28 !important; font-weight: 600 !important; letter-spacing: -.15px !important; } /* ========================================================= ITEM DESCRIPTION ========================================================= */ .gt-s4-item-text { width: 100% !important; margin: 0 !important; padding: 0 !important; color: var(--s4-muted) !important; font-family: "DM Sans", sans-serif !important; font-size: 13.5px !important; line-height: 1.58 !important; font-weight: 500 !important; letter-spacing: 0 !important; text-align: left !important; } .gt-s4-item-text p { margin: 0 !important; color: inherit !important; font: inherit !important; } /* ========================================================= TABLET ========================================================= */ @media (min-width: 768px) and (max-width: 1024px) { .gt-s4 { padding: 34px 20px 42px !important; } .gt-s4-inner { max-width: 900px !important; } .gt-s4-title { margin-bottom: 30px !important; } .gt-s4-title .elementor-heading-title { font-size: 31px !important; } /* 2 columns */ .gt-s4-grid, .gt-s4-grid > .e-con-inner { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 22px !important; row-gap: 20px !important; } .gt-s4-item { min-height: 148px !important; padding: 19px 17px !important; grid-template-columns: 56px minmax(0, 1fr) !important; column-gap: 15px !important; } .gt-s4-icon, .gt-s4-icon .elementor-widget-container, .gt-s4-icon .elementor-icon-wrapper, .gt-s4-icon .elementor-icon { width: 54px !important; height: 54px !important; } .gt-s4-icon .elementor-icon { font-size: 23px !important; } .gt-s4-icon svg { width: 23px !important; height: 23px !important; } .gt-s4-item-title .elementor-heading-title { font-size: 16px !important; } .gt-s4-item-text { font-size: 13px !important; line-height: 1.55 !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .gt-s4 { padding: 31px 14px 38px !important; } .gt-s4-inner { width: 100% !important; max-width: 390px !important; } .gt-s4-title { margin-bottom: 27px !important; } .gt-s4-title .elementor-heading-title { font-size: 28px !important; line-height: 1.1 !important; } /* One readable column */ .gt-s4-grid, .gt-s4-grid > .e-con-inner { display: flex !important; flex-direction: column !important; width: 100% !important; gap: 14px !important; } .gt-s4-item { width: 100% !important; min-height: 0 !important; padding: 18px 16px !important; display: grid !important; grid-template-columns: 52px minmax(0, 1fr) !important; column-gap: 14px !important; align-items: start !important; border-radius: 14px !important; } .gt-s4-icon, .gt-s4-icon .elementor-widget-container, .gt-s4-icon .elementor-icon-wrapper, .gt-s4-icon .elementor-icon { width: 50px !important; height: 50px !important; } .gt-s4-icon .elementor-icon { font-size: 22px !important; } .gt-s4-icon svg { width: 22px !important; height: 22px !important; } .gt-s4-item-title { margin-bottom: 6px !important; } .gt-s4-item-title .elementor-heading-title { font-size: 16px !important; line-height: 1.28 !important; } .gt-s4-item-text { font-size: 13px !important; line-height: 1.56 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f4560ab *//* ========================================================= SUCCESSFUL MAN — SECTION 05 HOW EACH DAY WORKS + THE JOURNEY COMPACT DESKTOP VERSION ========================================================= */ @import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap'); /* ========================================================= VARIABLES ========================================================= */ .gt-s5 { --s5-green: #003D31; --s5-green-dark: #002F27; --s5-green-soft: #0A5143; --s5-gold: #C98A20; --s5-gold-light: #E0B65C; --s5-gold-soft: #F0C76A; --s5-cream: #F8F3E9; --s5-cream-light: #FCF8F0; --s5-text: #21322C; --s5-muted: #4B5A54; } /* ========================================================= OUTER SECTION ========================================================= */ .gt-s5 { width: 100vw !important; max-width: none !important; margin: 0 !important; margin-left: calc(50% - 50vw) !important; padding: 28px 24px 30px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: var(--s5-cream) !important; overflow: hidden !important; } .gt-s5 > .e-con-inner { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; } /* ========================================================= INNER — TWO COLUMNS ========================================================= */ .gt-s5-inner { width: 100% !important; max-width: 1240px !important; margin: 0 auto !important; padding: 0 !important; display: grid !important; grid-template-columns: minmax(0, 47%) minmax(0, 53%) !important; gap: 26px !important; align-items: stretch !important; } .gt-s5-inner > .e-con-inner { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; display: grid !important; grid-template-columns: minmax(0, 47%) minmax(0, 53%) !important; gap: 26px !important; align-items: stretch !important; } /* ========================================================= LEFT — HOW EACH DAY WORKS ========================================================= */ .gt-s5-daily { width: 100% !important; height: 100% !important; margin: 0 !important; padding: 22px 25px 20px !important; display: flex !important; flex-direction: column !important; align-items: center !important; background: rgba(255,255,255,.27) !important; border: 1px solid rgba(0,61,49,.09) !important; border-radius: 18px !important; box-shadow: 0 7px 22px rgba(20,45,37,.035) !important; } /* ========================================================= DAILY TITLE ========================================================= */ .gt-s5-title { width: 100% !important; margin: 0 0 23px !important; padding: 0 !important; text-align: center !important; } .gt-s5-title .elementor-heading-title { margin: 0 !important; color: var(--s5-green-dark) !important; font-family: "Outfit", sans-serif !important; font-size: 28px !important; line-height: 1.08 !important; font-weight: 600 !important; letter-spacing: .35px !important; text-transform: uppercase !important; } /* ========================================================= DAILY STEPS ========================================================= */ .gt-s5-steps { width: 100% !important; margin: 0 !important; padding: 0 !important; display: grid !important; grid-template-columns: minmax(0,1fr) 30px minmax(0,1fr) 30px minmax(0,1fr) !important; gap: 7px !important; align-items: stretch !important; } .gt-s5-steps > .e-con-inner { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; display: grid !important; grid-template-columns: minmax(0,1fr) 30px minmax(0,1fr) 30px minmax(0,1fr) !important; gap: 7px !important; align-items: stretch !important; } /* ========================================================= DAILY STEP ========================================================= */ .gt-s5-step { width: 100% !important; min-width: 0 !important; height: 100% !important; margin: 0 !important; padding: 0 !important; display: grid !important; grid-template-rows: 76px 29px 54px minmax(74px, auto) !important; align-items: start !important; justify-items: center !important; gap: 0 !important; text-align: center !important; } /* ========================================================= DAILY ICON ========================================================= */ .gt-s5-step-icon { width: 76px !important; height: 76px !important; margin: 0 auto !important; } .gt-s5-step-icon .elementor-icon-wrapper, .gt-s5-step-icon .elementor-widget-container { width: 76px !important; height: 76px !important; } .gt-s5-step-icon .elementor-icon { width: 76px !important; height: 76px !important; display: flex !important; align-items: center !important; justify-content: center !important; color: var(--s5-green-dark) !important; fill: var(--s5-green-dark) !important; background: var(--s5-cream-light) !important; border: 1.3px solid rgba(201,138,32,.48) !important; border-radius: 50% !important; box-shadow: 0 5px 13px rgba(0,47,39,.07) !important; font-size: 33px !important; } .gt-s5-step-icon svg { width: 33px !important; height: 33px !important; fill: var(--s5-green-dark) !important; } /* ========================================================= DAILY TIME ========================================================= */ .gt-s5-step-time { width: 100% !important; height: 29px !important; margin: 0 !important; padding-top: 10px !important; display: flex !important; align-items: flex-start !important; justify-content: center !important; text-align: center !important; } .gt-s5-step-time .elementor-heading-title { margin: 0 !important; color: var(--s5-gold) !important; font-family: "DM Sans", sans-serif !important; font-size: 14px !important; line-height: 1.1 !important; font-weight: 700 !important; letter-spacing: .35px !important; text-transform: uppercase !important; white-space: nowrap !important; } /* ========================================================= DAILY STEP TITLE ========================================================= */ .gt-s5-step-title { width: 100% !important; height: 54px !important; margin: 0 !important; padding: 10px 2px 0 !important; display: flex !important; align-items: flex-start !important; justify-content: center !important; text-align: center !important; } .gt-s5-step-title .elementor-heading-title { margin: 0 !important; color: var(--s5-green-dark) !important; font-family: "Outfit", sans-serif !important; font-size: 17px !important; line-height: 1.22 !important; font-weight: 600 !important; text-transform: uppercase !important; } /* ========================================================= DAILY DESCRIPTION ========================================================= */ .gt-s5-step-text { width: 100% !important; max-width: 170px !important; min-height: 74px !important; margin: 0 auto !important; padding-top: 5px !important; color: #3F5049 !important; font-family: "DM Sans", sans-serif !important; font-size: 14px !important; line-height: 1.56 !important; font-weight: 500 !important; text-align: center !important; } .gt-s5-step-text p { margin: 0 !important; color: inherit !important; font: inherit !important; } /* ========================================================= DAILY ARROWS ========================================================= */ .gt-s5-arrow { width: 30px !important; height: 76px !important; margin: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } .gt-s5-arrow .elementor-icon { color: var(--s5-gold) !important; fill: var(--s5-gold) !important; font-size: 22px !important; } .gt-s5-arrow svg { width: 22px !important; height: 22px !important; fill: var(--s5-gold) !important; } /* ========================================================= DAILY QUOTE ========================================================= */ .gt-s5-quote { width: 100% !important; max-width: 460px !important; margin: 18px auto 0 !important; padding: 13px 15px 0 !important; border-top: 1px solid rgba(201,138,32,.24) !important; color: var(--s5-green-dark) !important; font-family: "DM Sans", sans-serif !important; font-size: 14px !important; line-height: 1.58 !important; font-weight: 500 !important; font-style: italic !important; text-align: center !important; } .gt-s5-quote p { margin: 0 !important; color: inherit !important; font: inherit !important; } /* ========================================================= RIGHT — THE JOURNEY ========================================================= */ .gt-s5-journey { position: relative !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 22px 27px 18px !important; display: flex !important; flex-direction: column !important; background: linear-gradient( 145deg, #004438 0%, #00372E 100% ) !important; border: 1px solid rgba(201,138,32,.25) !important; border-radius: 24px !important; overflow: hidden !important; box-shadow: 0 8px 24px rgba(0,48,40,.10) !important; } /* ========================================================= JOURNEY TITLE ========================================================= */ .gt-s5-journey-title { width: 100% !important; margin: 0 0 18px !important; text-align: center !important; } .gt-s5-journey-title .elementor-heading-title { margin: 0 !important; color: #ffffff !important; font-family: "Outfit", sans-serif !important; font-size: 27px !important; line-height: 1.08 !important; font-weight: 600 !important; letter-spacing: .35px !important; text-transform: uppercase !important; } /* ========================================================= JOURNEY LIST ========================================================= */ .gt-s5-journey-list { width: 100% !important; margin: 0 !important; padding: 0 !important; } .gt-s5-journey-list > .e-con-inner { width: 100% !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; gap: 12px !important; } /* ========================================================= JOURNEY ROW ========================================================= */ .gt-s5-journey-row { width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; display: grid !important; grid-template-columns: 165px minmax(0,1fr) 122px !important; column-gap: 18px !important; align-items: center !important; } .gt-s5-journey-row > .e-con-inner { width: 100% !important; margin: 0 !important; padding: 0 !important; display: grid !important; grid-template-columns: 165px minmax(0,1fr) 122px !important; column-gap: 18px !important; align-items: center !important; } /* ========================================================= JOURNEY LEFT GROUP ========================================================= */ .gt-s5-journey-left { width: 100% !important; margin: 0 !important; padding: 0 !important; } .gt-s5-journey-left > .e-con-inner { width: 100% !important; margin: 0 !important; padding: 0 !important; display: grid !important; grid-template-columns: 32px minmax(0,1fr) !important; column-gap: 12px !important; align-items: center !important; } /* ========================================================= JOURNEY PIN ========================================================= */ .gt-s5-pin { width: 32px !important; height: 32px !important; margin: 0 !important; padding: 0 !important; } .gt-s5-pin .elementor-widget-container, .gt-s5-pin .elementor-icon-wrapper { width: 32px !important; height: 32px !important; } .gt-s5-pin .elementor-icon { width: 32px !important; height: 32px !important; display: flex !important; align-items: center !important; justify-content: center !important; color: var(--s5-gold-light) !important; fill: var(--s5-gold-light) !important; font-size: 26px !important; } .gt-s5-pin svg { width: 26px !important; height: 26px !important; fill: var(--s5-gold-light) !important; } /* ========================================================= JOURNEY META ========================================================= */ .gt-s5-journey-meta { width: 100% !important; margin: 0 !important; padding: 0 !important; } .gt-s5-journey-meta > .e-con-inner { width: 100% !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; gap: 3px !important; } /* ========================================================= CITY ========================================================= */ .gt-s5-city { width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: left !important; } .gt-s5-city .elementor-heading-title { margin: 0 !important; color: #ffffff !important; font-family: "Outfit", sans-serif !important; font-size: 18px !important; line-height: 1.05 !important; font-weight: 600 !important; letter-spacing: .4px !important; text-transform: uppercase !important; text-align: left !important; } /* ========================================================= DAYS ========================================================= */ .gt-s5-days { width: 100% !important; margin: 0 !important; padding: 0 !important; color: var(--s5-gold-soft) !important; font-family: "DM Sans", sans-serif !important; font-size: 12px !important; line-height: 1.12 !important; font-weight: 700 !important; text-align: left !important; } .gt-s5-days p { margin: 0 !important; color: inherit !important; font: inherit !important; } /* ========================================================= LOCATION TEXT ========================================================= */ .gt-s5-location-text { width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; color: rgba(255,255,255,.88) !important; font-family: "DM Sans", sans-serif !important; font-size: 13px !important; line-height: 1.55 !important; font-weight: 500 !important; text-align: left !important; } .gt-s5-location-text p { margin: 0 !important; color: inherit !important; font: inherit !important; } /* ========================================================= JOURNEY IMAGE ========================================================= */ .gt-s5-journey-image { width: 112px !important; height: 112px !important; margin: 0 0 0 auto !important; padding: 0 !important; } .gt-s5-journey-image .elementor-widget-container { width: 112px !important; height: 112px !important; border: 2px solid rgba(224,182,92,.78) !important; border-radius: 50% !important; overflow: hidden !important; box-shadow: 0 8px 18px rgba(0,0,0,.18) !important; } .gt-s5-journey-image img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 50% !important; } /* ========================================================= BOTTOM ROUTE ========================================================= */ .gt-s5-route { width: 100% !important; margin: 16px auto 0 !important; padding: 14px 0 0 !important; border-top: 1px solid rgba(224,182,92,.28) !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; gap: 13px !important; } .gt-s5-route > .e-con-inner { width: auto !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; gap: 13px !important; } .gt-s5-route > *, .gt-s5-route > .e-con-inner > * { width: auto !important; max-width: none !important; flex: 0 0 auto !important; margin: 0 !important; } .gt-s5-route .elementor-widget-text-editor, .gt-s5-route .elementor-widget-text-editor .elementor-widget-container, .gt-s5-route p { width: auto !important; margin: 0 !important; padding: 0 !important; color: rgba(255,255,255,.94) !important; font-family: "DM Sans", sans-serif !important; font-size: 11px !important; line-height: 1 !important; font-weight: 700 !important; letter-spacing: .5px !important; text-transform: uppercase !important; white-space: nowrap !important; } .gt-s5-route .elementor-icon { color: var(--s5-gold-soft) !important; fill: var(--s5-gold-soft) !important; font-size: 16px !important; filter: drop-shadow( 0 0 6px rgba(224,182,92,.18) ) !important; } .gt-s5-route svg { width: 16px !important; height: 16px !important; fill: var(--s5-gold-soft) !important; } /* ========================================================= TABLET ========================================================= */ @media (min-width: 768px) and (max-width: 1024px) { .gt-s5 { padding: 26px 18px 28px !important; } .gt-s5-inner, .gt-s5-inner > .e-con-inner { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: 850px !important; margin: 0 auto !important; gap: 20px !important; } .gt-s5-daily { width: 100% !important; padding: 24px 30px 22px !important; } .gt-s5-step { grid-template-rows: 72px 29px 54px minmax(74px,auto) !important; } .gt-s5-step-icon, .gt-s5-step-icon .elementor-widget-container, .gt-s5-step-icon .elementor-icon-wrapper, .gt-s5-step-icon .elementor-icon { width: 72px !important; height: 72px !important; } .gt-s5-step-icon .elementor-icon { font-size: 31px !important; } .gt-s5-step-text { max-width: 180px !important; font-size: 14px !important; } .gt-s5-journey { width: 100% !important; padding: 23px 28px 19px !important; } .gt-s5-journey-row, .gt-s5-journey-row > .e-con-inner { grid-template-columns: 150px minmax(0,1fr) 108px !important; column-gap: 14px !important; } .gt-s5-journey-image, .gt-s5-journey-image .elementor-widget-container { width: 98px !important; height: 98px !important; } .gt-s5-location-text { font-size: 12.6px !important; line-height: 1.52 !important; } .gt-s5-route, .gt-s5-route > .e-con-inner { gap: 12px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .gt-s5 { padding: 23px 13px 27px !important; } .gt-s5-inner, .gt-s5-inner > .e-con-inner { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: 390px !important; margin: 0 auto !important; gap: 17px !important; } .gt-s5-daily { width: 100% !important; padding: 24px 17px 22px !important; border-radius: 15px !important; } .gt-s5-title { margin-bottom: 25px !important; } .gt-s5-title .elementor-heading-title { font-size: 26px !important; } .gt-s5-steps, .gt-s5-steps > .e-con-inner { display: flex !important; flex-direction: column !important; width: 100% !important; align-items: center !important; gap: 15px !important; } .gt-s5-step { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: 290px !important; height: auto !important; align-items: center !important; } .gt-s5-step-icon, .gt-s5-step-icon .elementor-widget-container, .gt-s5-step-icon .elementor-icon-wrapper, .gt-s5-step-icon .elementor-icon { width: 70px !important; height: 70px !important; } .gt-s5-step-icon { margin-bottom: 11px !important; } .gt-s5-step-time { height: auto !important; padding: 0 !important; margin-bottom: 6px !important; } .gt-s5-step-title { height: auto !important; padding: 0 !important; margin-bottom: 7px !important; } .gt-s5-step-text { min-height: 0 !important; max-width: 260px !important; padding: 0 !important; } .gt-s5-arrow { width: 30px !important; height: 30px !important; transform: rotate(90deg); } .gt-s5-quote { margin-top: 20px !important; } .gt-s5-journey { width: 100% !important; padding: 22px 16px 18px !important; border-radius: 20px !important; } .gt-s5-journey-title { margin-bottom: 18px !important; } .gt-s5-journey-title .elementor-heading-title { font-size: 25px !important; } .gt-s5-journey-list > .e-con-inner { gap: 16px !important; } .gt-s5-journey-row, .gt-s5-journey-row > .e-con-inner { display: grid !important; grid-template-columns: 1fr 88px !important; grid-template-areas: "left image" "text text" !important; column-gap: 12px !important; row-gap: 10px !important; align-items: start !important; } .gt-s5-journey-left { grid-area: left !important; } .gt-s5-journey-left > .e-con-inner { grid-template-columns: 28px minmax(0,1fr) !important; column-gap: 10px !important; } .gt-s5-location-text { grid-area: text !important; font-size: 12px !important; line-height: 1.48 !important; } .gt-s5-journey-image { grid-area: image !important; width: 88px !important; height: 88px !important; margin-left: auto !important; } .gt-s5-journey-image .elementor-widget-container { width: 88px !important; height: 88px !important; } .gt-s5-pin, .gt-s5-pin .elementor-widget-container, .gt-s5-pin .elementor-icon-wrapper, .gt-s5-pin .elementor-icon { width: 28px !important; height: 28px !important; } .gt-s5-pin .elementor-icon { font-size: 22px !important; } .gt-s5-city .elementor-heading-title { font-size: 15px !important; } .gt-s5-days { font-size: 10.5px !important; } .gt-s5-route { margin-top: 15px !important; padding-top: 12px !important; } .gt-s5-route, .gt-s5-route > .e-con-inner { gap: 7px !important; } .gt-s5-route .elementor-widget-text-editor, .gt-s5-route p { font-size: 9px !important; white-space: nowrap !important; } .gt-s5-route .elementor-icon, .gt-s5-route svg { font-size: 11px !important; width: 11px !important; height: 11px !important; } } /* ========================================================= DESKTOP ONLY — COMPACT HEIGHT IMPORTANT: TABLET + MOBILE ARE NOT AFFECTED ========================================================= */ @media (min-width: 1025px) { /* Elementor sometimes keeps an old Min Height on containers. Reset it only on desktop. */ .gt-s5, .gt-s5-inner, .gt-s5-daily, .gt-s5-journey, .gt-s5-journey-list, .gt-s5-journey-row { --min-height: 0px !important; min-height: 0 !important; } .gt-s5 > .e-con-inner, .gt-s5-inner > .e-con-inner, .gt-s5-daily > .e-con-inner, .gt-s5-journey > .e-con-inner, .gt-s5-journey-list > .e-con-inner, .gt-s5-journey-row > .e-con-inner { min-height: 0 !important; } /* Less space around entire section */ .gt-s5 { padding: 18px 24px 20px !important; } /* Daily becomes more section-like */ .gt-s5-daily { padding: 18px 25px 15px !important; } .gt-s5-title { margin-bottom: 17px !important; } .gt-s5-step-time { height: 27px !important; padding-top: 8px !important; } .gt-s5-step-title { height: 50px !important; padding-top: 7px !important; } .gt-s5-step { grid-template-rows: 76px 27px 50px minmax(68px, auto) !important; } .gt-s5-step-text { min-height: 68px !important; padding-top: 3px !important; line-height: 1.5 !important; } .gt-s5-quote { margin-top: 11px !important; padding-top: 9px !important; line-height: 1.48 !important; } /* Journey becomes more compact vertically */ .gt-s5-journey { padding: 17px 27px 13px !important; } .gt-s5-journey-title { margin-bottom: 11px !important; } .gt-s5-journey-list > .e-con-inner { gap: 5px !important; } /* Route closer to main content */ .gt-s5-route { margin-top: 9px !important; padding-top: 9px !important; } }/* End custom CSS */