.elementor-197 .elementor-element.elementor-element-14988f41:not(.elementor-motion-effects-element-type-background), .elementor-197 .elementor-element.elementor-element-14988f41 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-197 .elementor-element.elementor-element-14988f41 > .elementor-background-overlay{background-image:url("https://travelwithserendibislandtours.com/wp-content/uploads/2026/09/Untitled-design-29.jpg");background-position:bottom center;background-repeat:no-repeat;background-size:cover;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-197 .elementor-element.elementor-element-14988f41{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:2% 0% 2% 0%;}.elementor-197 .elementor-element.elementor-element-18533761 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0em 0em 0em 0em;}.elementor-197 .elementor-element.elementor-element-18533761 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-197 .elementor-element.elementor-element-5208cf90 > .elementor-container{max-width:720px;}.elementor-197 .elementor-element.elementor-element-5208cf90 > .elementor-background-overlay{opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-197 .elementor-element.elementor-element-5208cf90{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:14% 0% 7% 0%;}.elementor-197 .elementor-element.elementor-element-28247664 > .elementor-element-populated{padding:2em 2em 2em 2em;}.elementor-197 .elementor-element.elementor-element-62883d43{text-align:center;}.elementor-197 .elementor-element.elementor-element-62883d43 .elementor-heading-title{font-size:60px;color:var( --e-global-color-cfa1f76 );}.elementor-197 .elementor-element.elementor-element-76f22bcd{text-align:center;}.elementor-197 .elementor-element.elementor-element-76f22bcd .elementor-heading-title{font-size:17px;color:var( --e-global-color-4d462f5 );}.elementor-197 .elementor-element.elementor-element-11785dee .elementor-icon-list-icon i{color:var( --e-global-color-d49ac81 );transition:color 0.3s;}.elementor-197 .elementor-element.elementor-element-11785dee .elementor-icon-list-icon svg{fill:var( --e-global-color-d49ac81 );transition:fill 0.3s;}.elementor-197 .elementor-element.elementor-element-11785dee{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-197 .elementor-element.elementor-element-11785dee .elementor-icon-list-text{color:var( --e-global-color-cfa1f76 );transition:color 0.3s;}.elementor-197 .elementor-element.elementor-element-11785dee .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-d49ac81 );}.elementor-197 .elementor-element.elementor-element-69c118e0 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-197 .elementor-element.elementor-element-69c118e0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:100px 0px 100px 0px;}.elementor-197 .elementor-element.elementor-element-69c118e0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-197 .elementor-element.elementor-element-5930e4e > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:20px 50px 20px 20px;}.elementor-197 .elementor-element.elementor-element-784a4fca{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-197 .elementor-element.elementor-element-93b0691{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-197 .elementor-element.elementor-element-5ba571ae{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:justify;}.elementor-197 .elementor-element.elementor-element-36faf61 .elementor-button{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-text );color:var( --e-global-color-text );}.elementor-197 .elementor-element.elementor-element-36faf61 .elementor-button:hover, .elementor-197 .elementor-element.elementor-element-36faf61 .elementor-button:focus{background-color:var( --e-global-color-bb890b8 );color:var( --e-global-color-text );}.elementor-197 .elementor-element.elementor-element-36faf61 .elementor-button:hover svg, .elementor-197 .elementor-element.elementor-element-36faf61 .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-197 .elementor-element.elementor-element-32515233{--e-transform-rotateZ:2deg;background-image:url("https://travelwithserendibislandtours.com/wp-content/uploads/2026/09/bottom_bg.png");padding:0px 32px 56px 0px;background-position:bottom center;background-repeat:no-repeat;background-size:contain;}.elementor-197 .elementor-element.elementor-element-32515233 img{border-style:solid;border-width:14px 14px 42px 14px;border-color:var( --e-global-color-text );box-shadow:0px 30px 60px 0px rgba(0, 0, 0, 0.1);}.elementor-197 .elementor-element.elementor-element-35492bb{width:var( --container-widget-width, 250px );max-width:250px;--e-transform-rotateZ:-7deg;background-image:url("https://travelwithserendibislandtours.com/wp-content/uploads/2026/09/bottom_bg.png");padding:0px 0px 21px 0px;--container-widget-width:250px;--container-widget-flex-grow:0;bottom:-20px;background-position:bottom center;background-repeat:no-repeat;background-size:contain;}body:not(.rtl) .elementor-197 .elementor-element.elementor-element-35492bb{left:0px;}body.rtl .elementor-197 .elementor-element.elementor-element-35492bb{right:0px;}.elementor-197 .elementor-element.elementor-element-35492bb img{width:100%;height:250px;object-fit:cover;object-position:center center;border-style:solid;border-width:10px 10px 35px 10px;border-color:var( --e-global-color-text );box-shadow:0px 30px 60px 0px rgba(0, 0, 0, 0.1);}.elementor-197 .elementor-element.elementor-element-24c54cc5:not(.elementor-motion-effects-element-type-background), .elementor-197 .elementor-element.elementor-element-24c54cc5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-cfa1f76 );}.elementor-197 .elementor-element.elementor-element-24c54cc5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:100px 0px 100px 0px;}.elementor-197 .elementor-element.elementor-element-24c54cc5 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-197 .elementor-element.elementor-element-43f10b23 > .elementor-element-populated{padding:1em 1em 1em 1em;}.elementor-197 .elementor-element.elementor-element-3a30b087{text-align:justify;}.elementor-197 .elementor-element.elementor-element-172a2dff > .elementor-element-populated{padding:1em 1em 1em 1em;}.elementor-197 .elementor-element.elementor-element-4afe25b4{--e-transform-rotateZ:-4deg;padding:0px 0px 49px 0px;}.elementor-197 .elementor-element.elementor-element-4afe25b4 img{border-style:solid;border-width:14px 14px 42px 14px;border-color:var( --e-global-color-text );box-shadow:0px 30px 60px 0px rgba(0, 0, 0, 0.1);}.elementor-197 .elementor-element.elementor-element-273f17e6 > .elementor-background-overlay{opacity:0.5;}.elementor-197 .elementor-element.elementor-element-273f17e6{margin-top:0px;margin-bottom:0px;padding:100px 0px 100px 0px;}.elementor-197 .elementor-element.elementor-element-da36775 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-197 .elementor-element.elementor-element-13f4836d > .elementor-container{max-width:720px;}.elementor-197 .elementor-element.elementor-element-13f4836d{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-197 .elementor-element.elementor-element-26b52661 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-197 .elementor-element.elementor-element-532cc8c8{text-align:center;}.elementor-197 .elementor-element.elementor-element-63c00d1b{text-align:center;}.elementor-197 .elementor-element.elementor-element-2175a457{margin-top:0px;margin-bottom:0px;padding:50px 0px 0px 0px;}.elementor-197 .elementor-element.elementor-element-33e798e9:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-197 .elementor-element.elementor-element-33e798e9 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-197 .elementor-element.elementor-element-33e798e9 > .elementor-element-populated{box-shadow:0px 30px 60px 0px rgba(0, 0, 0, 0.1);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:2em 2em 2em 2em;}.elementor-197 .elementor-element.elementor-element-33e798e9 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-197 .elementor-element.elementor-element-444c3e74{margin:4px 4px calc(var(--kit-widget-spacing, 0px) + 4px) 4px;}.elementor-197 .elementor-element.elementor-element-444c3e74 .elementor-icon-box-wrapper{gap:14px;}.elementor-197 .elementor-element.elementor-element-444c3e74 .elementor-icon-box-title{margin-block-end:7px;}.elementor-197 .elementor-element.elementor-element-444c3e74.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-d49ac81 );}.elementor-197 .elementor-element.elementor-element-444c3e74.elementor-view-framed .elementor-icon, .elementor-197 .elementor-element.elementor-element-444c3e74.elementor-view-default .elementor-icon{fill:var( --e-global-color-d49ac81 );color:var( --e-global-color-d49ac81 );border-color:var( --e-global-color-d49ac81 );}.elementor-197 .elementor-element.elementor-element-444c3e74 .elementor-icon-box-description{font-family:var( --e-global-typography-69c152f-font-family ), Sans-serif;font-size:var( --e-global-typography-69c152f-font-size );font-weight:var( --e-global-typography-69c152f-font-weight );line-height:var( --e-global-typography-69c152f-line-height );}.elementor-197 .elementor-element.elementor-element-280f1c7b:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-197 .elementor-element.elementor-element-280f1c7b > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-197 .elementor-element.elementor-element-280f1c7b > .elementor-element-populated{box-shadow:0px 30px 60px 0px rgba(0, 0, 0, 0.1);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:2em 2em 2em 2em;}.elementor-197 .elementor-element.elementor-element-280f1c7b > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-197 .elementor-element.elementor-element-689a1eec .elementor-icon-box-wrapper{gap:14px;}.elementor-197 .elementor-element.elementor-element-689a1eec .elementor-icon-box-title{margin-block-end:7px;}.elementor-197 .elementor-element.elementor-element-689a1eec.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-d49ac81 );}.elementor-197 .elementor-element.elementor-element-689a1eec.elementor-view-framed .elementor-icon, .elementor-197 .elementor-element.elementor-element-689a1eec.elementor-view-default .elementor-icon{fill:var( --e-global-color-d49ac81 );color:var( --e-global-color-d49ac81 );border-color:var( --e-global-color-d49ac81 );}.elementor-197 .elementor-element.elementor-element-689a1eec .elementor-icon-box-description{font-family:var( --e-global-typography-69c152f-font-family ), Sans-serif;font-size:var( --e-global-typography-69c152f-font-size );font-weight:var( --e-global-typography-69c152f-font-weight );line-height:var( --e-global-typography-69c152f-line-height );}.elementor-197 .elementor-element.elementor-element-6840d6fb:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-197 .elementor-element.elementor-element-6840d6fb > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-197 .elementor-element.elementor-element-6840d6fb > .elementor-element-populated{box-shadow:0px 30px 60px 0px rgba(0, 0, 0, 0.1);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:2em 2em 2em 2em;}.elementor-197 .elementor-element.elementor-element-6840d6fb > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-197 .elementor-element.elementor-element-36a6c96a{margin:2px 2px calc(var(--kit-widget-spacing, 0px) + 2px) 2px;}.elementor-197 .elementor-element.elementor-element-36a6c96a .elementor-icon-box-wrapper{gap:14px;}.elementor-197 .elementor-element.elementor-element-36a6c96a .elementor-icon-box-title{margin-block-end:7px;}.elementor-197 .elementor-element.elementor-element-36a6c96a.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-d49ac81 );}.elementor-197 .elementor-element.elementor-element-36a6c96a.elementor-view-framed .elementor-icon, .elementor-197 .elementor-element.elementor-element-36a6c96a.elementor-view-default .elementor-icon{fill:var( --e-global-color-d49ac81 );color:var( --e-global-color-d49ac81 );border-color:var( --e-global-color-d49ac81 );}.elementor-197 .elementor-element.elementor-element-36a6c96a .elementor-icon-box-description{font-family:var( --e-global-typography-69c152f-font-family ), Sans-serif;font-size:var( --e-global-typography-69c152f-font-size );font-weight:var( --e-global-typography-69c152f-font-weight );line-height:var( --e-global-typography-69c152f-line-height );}.elementor-197 .elementor-element.elementor-element-4fc86ce1{margin-top:0px;margin-bottom:0px;padding:30px 0px 0px 0px;}.elementor-197 .elementor-element.elementor-element-65eb73dd:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-197 .elementor-element.elementor-element-65eb73dd > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-197 .elementor-element.elementor-element-65eb73dd > .elementor-element-populated{box-shadow:0px 30px 60px 0px rgba(0, 0, 0, 0.1);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:2em 2em 2em 2em;}.elementor-197 .elementor-element.elementor-element-65eb73dd > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-197 .elementor-element.elementor-element-36255b6b{margin:6px 6px calc(var(--kit-widget-spacing, 0px) + 6px) 6px;}.elementor-197 .elementor-element.elementor-element-36255b6b .elementor-icon-box-wrapper{gap:14px;}.elementor-197 .elementor-element.elementor-element-36255b6b .elementor-icon-box-title{margin-block-end:7px;}.elementor-197 .elementor-element.elementor-element-36255b6b.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-d49ac81 );}.elementor-197 .elementor-element.elementor-element-36255b6b.elementor-view-framed .elementor-icon, .elementor-197 .elementor-element.elementor-element-36255b6b.elementor-view-default .elementor-icon{fill:var( --e-global-color-d49ac81 );color:var( --e-global-color-d49ac81 );border-color:var( --e-global-color-d49ac81 );}.elementor-197 .elementor-element.elementor-element-36255b6b .elementor-icon-box-description{font-family:var( --e-global-typography-69c152f-font-family ), Sans-serif;font-size:var( --e-global-typography-69c152f-font-size );font-weight:var( --e-global-typography-69c152f-font-weight );line-height:var( --e-global-typography-69c152f-line-height );}.elementor-197 .elementor-element.elementor-element-534b151d:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-197 .elementor-element.elementor-element-534b151d > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-197 .elementor-element.elementor-element-534b151d > .elementor-element-populated{box-shadow:0px 30px 60px 0px rgba(0, 0, 0, 0.1);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:2em 2em 2em 2em;}.elementor-197 .elementor-element.elementor-element-534b151d > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-197 .elementor-element.elementor-element-79ea49fc .elementor-icon-box-wrapper{gap:14px;}.elementor-197 .elementor-element.elementor-element-79ea49fc .elementor-icon-box-title{margin-block-end:7px;}.elementor-197 .elementor-element.elementor-element-79ea49fc.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-d49ac81 );}.elementor-197 .elementor-element.elementor-element-79ea49fc.elementor-view-framed .elementor-icon, .elementor-197 .elementor-element.elementor-element-79ea49fc.elementor-view-default .elementor-icon{fill:var( --e-global-color-d49ac81 );color:var( --e-global-color-d49ac81 );border-color:var( --e-global-color-d49ac81 );}.elementor-197 .elementor-element.elementor-element-79ea49fc .elementor-icon-box-description{font-family:var( --e-global-typography-69c152f-font-family ), Sans-serif;font-size:var( --e-global-typography-69c152f-font-size );font-weight:var( --e-global-typography-69c152f-font-weight );line-height:var( --e-global-typography-69c152f-line-height );}.elementor-197 .elementor-element.elementor-element-1b36bc65:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-197 .elementor-element.elementor-element-1b36bc65 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-197 .elementor-element.elementor-element-1b36bc65 > .elementor-element-populated{box-shadow:0px 30px 60px 0px rgba(0, 0, 0, 0.1);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:2em 2em 2em 2em;}.elementor-197 .elementor-element.elementor-element-1b36bc65 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-197 .elementor-element.elementor-element-66761c71{margin:4px 4px calc(var(--kit-widget-spacing, 0px) + 4px) 4px;}.elementor-197 .elementor-element.elementor-element-66761c71 .elementor-icon-box-wrapper{gap:14px;}.elementor-197 .elementor-element.elementor-element-66761c71 .elementor-icon-box-title{margin-block-end:7px;}.elementor-197 .elementor-element.elementor-element-66761c71.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-d49ac81 );}.elementor-197 .elementor-element.elementor-element-66761c71.elementor-view-framed .elementor-icon, .elementor-197 .elementor-element.elementor-element-66761c71.elementor-view-default .elementor-icon{fill:var( --e-global-color-d49ac81 );color:var( --e-global-color-d49ac81 );border-color:var( --e-global-color-d49ac81 );}.elementor-197 .elementor-element.elementor-element-66761c71 .elementor-icon-box-description{font-family:var( --e-global-typography-69c152f-font-family ), Sans-serif;font-size:var( --e-global-typography-69c152f-font-size );font-weight:var( --e-global-typography-69c152f-font-weight );line-height:var( --e-global-typography-69c152f-line-height );}.elementor-197 .elementor-element.elementor-element-125e5e87:not(.elementor-motion-effects-element-type-background), .elementor-197 .elementor-element.elementor-element-125e5e87 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://travelwithserendibislandtours.com/wp-content/uploads/2026/09/Untitled-design-30.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-197 .elementor-element.elementor-element-125e5e87 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(135deg, var( --e-global-color-044b931 ) 0%, var( --e-global-color-639e8dd ) 100%);opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-197 .elementor-element.elementor-element-125e5e87 > .elementor-container{max-width:720px;}.elementor-197 .elementor-element.elementor-element-125e5e87{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:100px 0px 200px 0px;}.elementor-197 .elementor-element.elementor-element-3a567433 > .elementor-element-populated{padding:2em 2em 2em 2em;}.elementor-197 .elementor-element.elementor-element-7d7bca24{text-align:center;color:var( --e-global-color-text );}.elementor-197 .elementor-element.elementor-element-8055fe2{text-align:center;}.elementor-197 .elementor-element.elementor-element-8055fe2 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-197 .elementor-element.elementor-element-78d42028 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-197 .elementor-element.elementor-element-78d42028{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0em 0em 7em 0em;}.elementor-197 .elementor-element.elementor-element-12970c4 > .elementor-element-populated{margin:-7em 0em 0em 0em;--e-column-margin-right:0em;--e-column-margin-left:0em;}.elementor-197 .elementor-element.elementor-element-1d60c2b:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-197 .elementor-element.elementor-element-1d60c2b > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-197 .elementor-element.elementor-element-1d60c2b > .elementor-element-populated{box-shadow:0px 30px 60px 0px rgba(0, 0, 0, 0.1);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:2em 2em 2em 2em;}.elementor-197 .elementor-element.elementor-element-1d60c2b > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-197 .elementor-element.elementor-element-61f8d113{margin:3px 3px calc(var(--kit-widget-spacing, 0px) + 3px) 3px;}.elementor-197 .elementor-element.elementor-element-61f8d113 .elementor-icon-box-wrapper{gap:15px;}.elementor-197 .elementor-element.elementor-element-61f8d113.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-d49ac81 );}.elementor-197 .elementor-element.elementor-element-61f8d113.elementor-view-framed .elementor-icon, .elementor-197 .elementor-element.elementor-element-61f8d113.elementor-view-default .elementor-icon{fill:var( --e-global-color-d49ac81 );color:var( --e-global-color-d49ac81 );border-color:var( --e-global-color-d49ac81 );}.elementor-197 .elementor-element.elementor-element-4410ab10:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-197 .elementor-element.elementor-element-4410ab10 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-197 .elementor-element.elementor-element-4410ab10 > .elementor-element-populated{box-shadow:0px 30px 60px 0px rgba(0, 0, 0, 0.1);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:2em 2em 2em 2em;}.elementor-197 .elementor-element.elementor-element-4410ab10 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-197 .elementor-element.elementor-element-1d84bc8d{margin:5px 5px calc(var(--kit-widget-spacing, 0px) + 5px) 5px;}.elementor-197 .elementor-element.elementor-element-1d84bc8d .elementor-icon-box-wrapper{gap:15px;}.elementor-197 .elementor-element.elementor-element-1d84bc8d.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-d49ac81 );}.elementor-197 .elementor-element.elementor-element-1d84bc8d.elementor-view-framed .elementor-icon, .elementor-197 .elementor-element.elementor-element-1d84bc8d.elementor-view-default .elementor-icon{fill:var( --e-global-color-d49ac81 );color:var( --e-global-color-d49ac81 );border-color:var( --e-global-color-d49ac81 );}.elementor-197 .elementor-element.elementor-element-7b23638a:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-197 .elementor-element.elementor-element-7b23638a > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-197 .elementor-element.elementor-element-7b23638a > .elementor-element-populated{box-shadow:0px 30px 60px 0px rgba(0, 0, 0, 0.1);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:2em 2em 2em 2em;}.elementor-197 .elementor-element.elementor-element-7b23638a > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-197 .elementor-element.elementor-element-4605266a{margin:5px 5px calc(var(--kit-widget-spacing, 0px) + 5px) 5px;}.elementor-197 .elementor-element.elementor-element-4605266a .elementor-icon-box-wrapper{gap:15px;}.elementor-197 .elementor-element.elementor-element-4605266a.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-d49ac81 );}.elementor-197 .elementor-element.elementor-element-4605266a.elementor-view-framed .elementor-icon, .elementor-197 .elementor-element.elementor-element-4605266a.elementor-view-default .elementor-icon{fill:var( --e-global-color-d49ac81 );color:var( --e-global-color-d49ac81 );border-color:var( --e-global-color-d49ac81 );}.elementor-197 .elementor-element.elementor-element-58e85446 > .elementor-background-overlay{background-color:transparent;background-image:radial-gradient(at bottom center, #DCDCDE2B 0%, var( --e-global-color-cfa1f76 ) 72%);opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-197 .elementor-element.elementor-element-58e85446{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:100px 0px 100px 0px;}.elementor-197 .elementor-element.elementor-element-682b4073 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:30px 30px 30px 30px;}.elementor-197 .elementor-element.elementor-element-7b2b8cc2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-197 .elementor-element.elementor-element-447a20dd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-197 .elementor-element.elementor-element-14584805{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:justify;}.elementor-197 .elementor-element.elementor-element-1894421c .elementor-button{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-text );color:var( --e-global-color-text );}.elementor-197 .elementor-element.elementor-element-1894421c .elementor-button:hover, .elementor-197 .elementor-element.elementor-element-1894421c .elementor-button:focus{background-color:var( --e-global-color-bb890b8 );color:var( --e-global-color-text );}.elementor-197 .elementor-element.elementor-element-1894421c .elementor-button:hover svg, .elementor-197 .elementor-element.elementor-element-1894421c .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-197 .elementor-element.elementor-element-4059230a > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:30px 30px 30px 30px;}.elementor-197 .elementor-element.elementor-element-6ff38ca3{background-color:var( --e-global-color-text );padding:2em 2em 2em 2em;}.elementor-197 .elementor-element.elementor-element-6ff38ca3 .elementor-icon-box-wrapper{align-items:start;text-align:justify;gap:14px;}.elementor-197 .elementor-element.elementor-element-6ff38ca3 .elementor-icon-box-title{margin-block-end:7px;}.elementor-197 .elementor-element.elementor-element-6ff38ca3.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-d49ac81 );}.elementor-197 .elementor-element.elementor-element-6ff38ca3.elementor-view-framed .elementor-icon, .elementor-197 .elementor-element.elementor-element-6ff38ca3.elementor-view-default .elementor-icon{fill:var( --e-global-color-d49ac81 );color:var( --e-global-color-d49ac81 );border-color:var( --e-global-color-d49ac81 );}.elementor-197 .elementor-element.elementor-element-6ff38ca3 .elementor-icon-box-description{font-family:var( --e-global-typography-69c152f-font-family ), Sans-serif;font-size:var( --e-global-typography-69c152f-font-size );font-weight:var( --e-global-typography-69c152f-font-weight );line-height:var( --e-global-typography-69c152f-line-height );}.elementor-197 .elementor-element.elementor-element-2386f25e{background-color:var( --e-global-color-text );padding:2em 2em 2em 2em;}.elementor-197 .elementor-element.elementor-element-2386f25e .elementor-icon-box-wrapper{align-items:start;text-align:justify;gap:14px;}.elementor-197 .elementor-element.elementor-element-2386f25e .elementor-icon-box-title{margin-block-end:7px;}.elementor-197 .elementor-element.elementor-element-2386f25e.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-d49ac81 );}.elementor-197 .elementor-element.elementor-element-2386f25e.elementor-view-framed .elementor-icon, .elementor-197 .elementor-element.elementor-element-2386f25e.elementor-view-default .elementor-icon{fill:var( --e-global-color-d49ac81 );color:var( --e-global-color-d49ac81 );border-color:var( --e-global-color-d49ac81 );}.elementor-197 .elementor-element.elementor-element-2386f25e .elementor-icon-box-description{font-family:var( --e-global-typography-69c152f-font-family ), Sans-serif;font-size:var( --e-global-typography-69c152f-font-size );font-weight:var( --e-global-typography-69c152f-font-weight );line-height:var( --e-global-typography-69c152f-line-height );}.elementor-197 .elementor-element.elementor-element-4fc9d056:not(.elementor-motion-effects-element-type-background), .elementor-197 .elementor-element.elementor-element-4fc9d056 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://travelwithserendibislandtours.com/wp-content/uploads/2026/09/rope_bg.jpg");background-position:bottom left;background-repeat:no-repeat;}.elementor-197 .elementor-element.elementor-element-4fc9d056{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0em 0em 7em 0em;}.elementor-197 .elementor-element.elementor-element-4fc9d056 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-197 .elementor-element.elementor-element-5a37bb82{--e-transform-rotateZ:-4deg;background-image:url("https://travelwithserendibislandtours.com/wp-content/uploads/2026/09/bottom_bg.png");padding:0px 0px 35px 0px;background-position:bottom center;background-repeat:no-repeat;background-size:contain;}.elementor-197 .elementor-element.elementor-element-5a37bb82 img{width:100%;border-style:solid;border-width:14px 14px 42px 14px;border-color:var( --e-global-color-text );box-shadow:0px 30px 60px 0px rgba(0, 0, 0, 0.1);}.elementor-197 .elementor-element.elementor-element-382a9210 > .elementor-element-populated > .elementor-background-overlay{opacity:0.5;}.elementor-197 .elementor-element.elementor-element-382a9210 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:3em 3em 3em 3em;}.elementor-197 .elementor-element.elementor-element-382a9210 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-197 .elementor-element.elementor-element-621bedb3.elementor-arrows-yes .elementor-main-swiper{width:calc( 100% - 40px );}.elementor-197 .elementor-element.elementor-element-621bedb3 .elementor-main-swiper{width:100%;}.elementor-197 .elementor-element.elementor-element-621bedb3 .elementor-main-swiper .swiper-slide{background-color:var( --e-global-color-text );border-width:1px 1px 1px 1px;border-color:var( --e-global-color-4d462f5 );padding:2em 2em 2em 2em;}.elementor-197 .elementor-element.elementor-element-621bedb3 .elementor-swiper-button{font-size:20px;}.elementor-197 .elementor-element.elementor-element-621bedb3 .elementor-testimonial__text{font-family:var( --e-global-typography-b2ce6af-font-family ), Sans-serif;font-size:var( --e-global-typography-b2ce6af-font-size );font-weight:var( --e-global-typography-b2ce6af-font-weight );text-transform:var( --e-global-typography-b2ce6af-text-transform );font-style:var( --e-global-typography-b2ce6af-font-style );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-197 .elementor-element.elementor-element-621bedb3 .elementor-testimonial__name{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-7044a64-font-family ), Sans-serif;font-size:var( --e-global-typography-7044a64-font-size );font-weight:var( --e-global-typography-7044a64-font-weight );line-height:var( --e-global-typography-7044a64-line-height );}.elementor-197 .elementor-element.elementor-element-621bedb3 .elementor-testimonial__title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-520c191-font-family ), Sans-serif;font-size:var( --e-global-typography-520c191-font-size );font-weight:var( --e-global-typography-520c191-font-weight );text-transform:var( --e-global-typography-520c191-text-transform );letter-spacing:var( --e-global-typography-520c191-letter-spacing );}.elementor-197 .elementor-element.elementor-element-621bedb3 .elementor-testimonial__image img{width:70px;height:70px;border-radius:0px;}.elementor-197 .elementor-element.elementor-element-621bedb3.elementor-testimonial--layout-image_left .elementor-testimonial__content:after, .elementor-197 .elementor-element.elementor-element-621bedb3.elementor-testimonial--layout-image_right .elementor-testimonial__content:after{top:calc( 20px + (70px / 2) - 8px );}body:not(.rtl) .elementor-197 .elementor-element.elementor-element-621bedb3.elementor-testimonial--layout-image_stacked:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-right) .elementor-testimonial__content:after, body:not(.rtl) .elementor-197 .elementor-element.elementor-element-621bedb3.elementor-testimonial--layout-image_inline:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-right) .elementor-testimonial__content:after, .elementor-197 .elementor-element.elementor-element-621bedb3.elementor-testimonial--layout-image_stacked.elementor-testimonial--align-left .elementor-testimonial__content:after, .elementor-197 .elementor-element.elementor-element-621bedb3.elementor-testimonial--layout-image_inline.elementor-testimonial--align-left .elementor-testimonial__content:after{left:calc( 20px + (70px / 2) - 8px );right:auto;}body.rtl .elementor-197 .elementor-element.elementor-element-621bedb3.elementor-testimonial--layout-image_stacked:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-left) .elementor-testimonial__content:after, body.rtl .elementor-197 .elementor-element.elementor-element-621bedb3.elementor-testimonial--layout-image_inline:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-left) .elementor-testimonial__content:after, .elementor-197 .elementor-element.elementor-element-621bedb3.elementor-testimonial--layout-image_stacked.elementor-testimonial--align-right .elementor-testimonial__content:after, .elementor-197 .elementor-element.elementor-element-621bedb3.elementor-testimonial--layout-image_inline.elementor-testimonial--align-right .elementor-testimonial__content:after{right:calc( 20px + (70px / 2) - 8px );left:auto;}body:not(.rtl) .elementor-197 .elementor-element.elementor-element-621bedb3.elementor-testimonial--layout-image_above:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-right) .elementor-testimonial__content:after, .elementor-197 .elementor-element.elementor-element-621bedb3.elementor-testimonial--layout-image_above.elementor-testimonial--align-left .elementor-testimonial__content:after{left:calc( 20px + (70px / 2) - 8px );right:auto;}body.rtl .elementor-197 .elementor-element.elementor-element-621bedb3.elementor-testimonial--layout-image_above:not(.elementor-testimonial--align-center):not(.elementor-testimonial--align-left) .elementor-testimonial__content:after, .elementor-197 .elementor-element.elementor-element-621bedb3.elementor-testimonial--layout-image_above.elementor-testimonial--align-right .elementor-testimonial__content:after{right:calc( 20px + (70px / 2) - 8px );left:auto;}.elementor-197 .elementor-element.elementor-element-6ea07b8:not(.elementor-motion-effects-element-type-background), .elementor-197 .elementor-element.elementor-element-6ea07b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://travelwithserendibislandtours.com/wp-content/uploads/2026/09/ChatGPT-Image-Sep-15-2026-11_20_11-AM.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-197 .elementor-element.elementor-element-6ea07b8 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(135deg, var( --e-global-color-044b931 ) 0%, var( --e-global-color-639e8dd ) 100%);opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-197 .elementor-element.elementor-element-6ea07b8 > .elementor-container{max-width:720px;}.elementor-197 .elementor-element.elementor-element-6ea07b8{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:7em 0em 7em 0em;}.elementor-197 .elementor-element.elementor-element-2039ead6 > .elementor-element-populated{padding:2em 2em 2em 2em;}.elementor-197 .elementor-element.elementor-element-c30cd34{text-align:center;}.elementor-197 .elementor-element.elementor-element-c30cd34 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-197 .elementor-element.elementor-element-6cb98b71{text-align:center;color:var( --e-global-color-text );}.elementor-197 .elementor-element.elementor-element-38c37e18 .elementor-button{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-text );color:var( --e-global-color-text );}.elementor-197 .elementor-element.elementor-element-38c37e18 .elementor-button:hover, .elementor-197 .elementor-element.elementor-element-38c37e18 .elementor-button:focus{background-color:var( --e-global-color-bb890b8 );color:var( --e-global-color-text );}.elementor-197 .elementor-element.elementor-element-38c37e18 .elementor-button:hover svg, .elementor-197 .elementor-element.elementor-element-38c37e18 .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-197 .elementor-element.elementor-element-15456f73{margin-top:0px;margin-bottom:0px;padding:100px 0px 80px 0px;}.elementor-bc-flex-widget .elementor-197 .elementor-element.elementor-element-685e73f5.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-197 .elementor-element.elementor-element-685e73f5.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-197 .elementor-element.elementor-element-685e73f5 > .elementor-element-populated{padding:3em 3em 3em 3em;}.elementor-197 .elementor-element.elementor-element-498943ab{text-align:justify;}.elementor-197 .elementor-element.elementor-element-19163660 .elementor-button{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-text );color:var( --e-global-color-text );}.elementor-197 .elementor-element.elementor-element-19163660 .elementor-button:hover, .elementor-197 .elementor-element.elementor-element-19163660 .elementor-button:focus{background-color:var( --e-global-color-bb890b8 );color:var( --e-global-color-text );}.elementor-197 .elementor-element.elementor-element-19163660 .elementor-button:hover svg, .elementor-197 .elementor-element.elementor-element-19163660 .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-197 .elementor-element.elementor-element-13b5a7ca:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-197 .elementor-element.elementor-element-13b5a7ca > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://travelwithserendibislandtours.com/wp-content/uploads/2026/09/bg_bottom.png");background-position:bottom center;background-repeat:no-repeat;background-size:contain;}.elementor-197 .elementor-element.elementor-element-13b5a7ca > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 125px 0px;}.elementor-197 .elementor-element.elementor-element-13b5a7ca > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-197 .elementor-element.elementor-element-6715dcb0:not(.elementor-motion-effects-element-type-background), .elementor-197 .elementor-element.elementor-element-6715dcb0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-197 .elementor-element.elementor-element-6715dcb0{box-shadow:0px 30px 60px 0px rgba(0, 0, 0, 0.1);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:4em 2em 2em 2em;}.elementor-197 .elementor-element.elementor-element-6715dcb0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-197 .elementor-element.elementor-element-42ae5ae8{text-align:center;}.elementor-197 .elementor-element.elementor-element-58352b35{text-align:center;}.elementor-197 .elementor-element.elementor-element-1d314310 .elementor-button-content-wrapper{flex-direction:row;}.elementor-197 .elementor-element.elementor-element-1d314310 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-197 .elementor-element.elementor-element-1d314310 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-197 .elementor-element.elementor-element-1d314310 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-197 .elementor-element.elementor-element-1d314310 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-197 .elementor-element.elementor-element-1d314310 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-197 .elementor-element.elementor-element-1d314310 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-197 .elementor-element.elementor-element-1d314310 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-197 .elementor-element.elementor-element-1d314310 .elementor-field-type-html{padding-bottom:0px;}.elementor-197 .elementor-element.elementor-element-1d314310 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-secondary );color:var( --e-global-color-text );}.elementor-197 .elementor-element.elementor-element-1d314310 .elementor-button[type="submit"]{background-color:var( --e-global-color-secondary );color:var( --e-global-color-text );}.elementor-197 .elementor-element.elementor-element-1d314310 .elementor-button[type="submit"] svg *{fill:var( --e-global-color-text );}.elementor-197 .elementor-element.elementor-element-1d314310 .e-form__buttons__wrapper__button-next:hover{background-color:var( --e-global-color-bb890b8 );color:var( --e-global-color-text );}.elementor-197 .elementor-element.elementor-element-1d314310 .elementor-button[type="submit"]:hover{background-color:var( --e-global-color-bb890b8 );color:var( --e-global-color-text );}.elementor-197 .elementor-element.elementor-element-1d314310 .elementor-button[type="submit"]:hover svg *{fill:var( --e-global-color-text );}.elementor-197 .elementor-element.elementor-element-1d314310{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-197 .elementor-element.elementor-element-3495ad84{width:30%;}.elementor-197 .elementor-element.elementor-element-382a9210{width:70%;}}@media(max-width:1024px) and (min-width:768px){.elementor-197 .elementor-element.elementor-element-5930e4e{width:100%;}.elementor-197 .elementor-element.elementor-element-4b93107c{width:100%;}.elementor-197 .elementor-element.elementor-element-3495ad84{width:40%;}.elementor-197 .elementor-element.elementor-element-382a9210{width:60%;}}@media(min-width:1025px){.elementor-197 .elementor-element.elementor-element-125e5e87:not(.elementor-motion-effects-element-type-background), .elementor-197 .elementor-element.elementor-element-125e5e87 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-197 .elementor-element.elementor-element-6ea07b8:not(.elementor-motion-effects-element-type-background), .elementor-197 .elementor-element.elementor-element-6ea07b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-197 .elementor-element.elementor-element-14988f41{padding:0em 0em 0em 0em;}.elementor-197 .elementor-element.elementor-element-5208cf90{padding:14em 0em 7em 0em;}.elementor-197 .elementor-element.elementor-element-69c118e0{padding:3em 0em 3em 0em;}.elementor-197 .elementor-element.elementor-element-5930e4e > .elementor-element-populated{padding:2em 2em 2em 2em;}.elementor-197 .elementor-element.elementor-element-4b93107c > .elementor-element-populated{margin:0em 0em 0em 2em;--e-column-margin-right:0em;--e-column-margin-left:2em;padding:2em 2em 2em 2em;}body:not(.rtl) .elementor-197 .elementor-element.elementor-element-35492bb{left:-1px;}body.rtl .elementor-197 .elementor-element.elementor-element-35492bb{right:-1px;}.elementor-197 .elementor-element.elementor-element-35492bb{bottom:-40px;}.elementor-197 .elementor-element.elementor-element-24c54cc5{padding:1em 0em 1em 0em;}.elementor-197 .elementor-element.elementor-element-43f10b23 > .elementor-element-populated{padding:2em 2em 2em 2em;}.elementor-197 .elementor-element.elementor-element-172a2dff > .elementor-element-populated{padding:1em 1em 1em 1em;}.elementor-197 .elementor-element.elementor-element-273f17e6{padding:1em 0em 3em 0em;}.elementor-197 .elementor-element.elementor-element-444c3e74 .elementor-icon-box-description{font-size:var( --e-global-typography-69c152f-font-size );line-height:var( --e-global-typography-69c152f-line-height );}.elementor-197 .elementor-element.elementor-element-689a1eec .elementor-icon-box-description{font-size:var( --e-global-typography-69c152f-font-size );line-height:var( --e-global-typography-69c152f-line-height );}.elementor-197 .elementor-element.elementor-element-36a6c96a .elementor-icon-box-description{font-size:var( --e-global-typography-69c152f-font-size );line-height:var( --e-global-typography-69c152f-line-height );}.elementor-197 .elementor-element.elementor-element-36255b6b .elementor-icon-box-description{font-size:var( --e-global-typography-69c152f-font-size );line-height:var( --e-global-typography-69c152f-line-height );}.elementor-197 .elementor-element.elementor-element-79ea49fc .elementor-icon-box-description{font-size:var( --e-global-typography-69c152f-font-size );line-height:var( --e-global-typography-69c152f-line-height );}.elementor-197 .elementor-element.elementor-element-66761c71 .elementor-icon-box-description{font-size:var( --e-global-typography-69c152f-font-size );line-height:var( --e-global-typography-69c152f-line-height );}.elementor-197 .elementor-element.elementor-element-78d42028{padding:0em 0em 3em 0em;}.elementor-197 .elementor-element.elementor-element-58e85446{padding:2em 0em 2em 0em;}.elementor-197 .elementor-element.elementor-element-682b4073 > .elementor-element-populated{padding:2em 2em 2em 2em;}.elementor-197 .elementor-element.elementor-element-4059230a > .elementor-element-populated{padding:1em 1em 1em 1em;}.elementor-197 .elementor-element.elementor-element-6ff38ca3 .elementor-icon-box-description{font-size:var( --e-global-typography-69c152f-font-size );line-height:var( --e-global-typography-69c152f-line-height );}.elementor-197 .elementor-element.elementor-element-2386f25e .elementor-icon-box-description{font-size:var( --e-global-typography-69c152f-font-size );line-height:var( --e-global-typography-69c152f-line-height );}.elementor-197 .elementor-element.elementor-element-4fc9d056{padding:0em 0em 3em 0em;}.elementor-197 .elementor-element.elementor-element-5a37bb82{padding:0px 0px 19px 0px;}.elementor-197 .elementor-element.elementor-element-382a9210 > .elementor-element-populated{padding:2em 2em 2em 2em;}.elementor-197 .elementor-element.elementor-element-621bedb3 .elementor-testimonial__text{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-197 .elementor-element.elementor-element-621bedb3 .elementor-testimonial__name{font-size:var( --e-global-typography-7044a64-font-size );line-height:var( --e-global-typography-7044a64-line-height );}.elementor-197 .elementor-element.elementor-element-621bedb3 .elementor-testimonial__title{font-size:var( --e-global-typography-520c191-font-size );letter-spacing:var( --e-global-typography-520c191-letter-spacing );}.elementor-197 .elementor-element.elementor-element-15456f73{padding:3em 1em 3em 1em;}.elementor-197 .elementor-element.elementor-element-685e73f5 > .elementor-element-populated{padding:2em 2em 2em 2em;}.elementor-197 .elementor-element.elementor-element-13b5a7ca:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-197 .elementor-element.elementor-element-13b5a7ca > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:contain;}.elementor-197 .elementor-element.elementor-element-13b5a7ca > .elementor-element-populated{padding:0px 0px 70px 0px;}}@media(max-width:767px){.elementor-197 .elementor-element.elementor-element-14988f41{padding:1em 0em 1em 0em;}.elementor-197 .elementor-element.elementor-element-5208cf90{padding:9em 0em 3em 0em;}.elementor-197 .elementor-element.elementor-element-62883d43 .elementor-heading-title{font-size:30px;}.elementor-197 .elementor-element.elementor-element-69c118e0{margin-top:0px;margin-bottom:0px;padding:50px 0px 0px 0px;}.elementor-197 .elementor-element.elementor-element-5930e4e > .elementor-element-populated{padding:1em 1em 1em 1em;}.elementor-197 .elementor-element.elementor-element-4b93107c > .elementor-element-populated{padding:1em 1em 1em 1em;}.elementor-197 .elementor-element.elementor-element-32515233{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-197 .elementor-element.elementor-element-35492bb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:280px;--container-widget-flex-grow:0;width:var( --container-widget-width, 280px );max-width:280px;bottom:61px;}body:not(.rtl) .elementor-197 .elementor-element.elementor-element-35492bb{left:51px;}body.rtl .elementor-197 .elementor-element.elementor-element-35492bb{right:51px;}.elementor-197 .elementor-element.elementor-element-24c54cc5{margin-top:0px;margin-bottom:0px;padding:50px 0px 50px 0px;}.elementor-197 .elementor-element.elementor-element-4afe25b4{padding:0px 0px 0px 0px;}.elementor-197 .elementor-element.elementor-element-273f17e6{margin-top:0px;margin-bottom:0px;padding:50px 0px 50px 0px;}.elementor-197 .elementor-element.elementor-element-2175a457{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-197 .elementor-element.elementor-element-444c3e74 .elementor-icon-box-description{font-size:var( --e-global-typography-69c152f-font-size );line-height:var( --e-global-typography-69c152f-line-height );}.elementor-197 .elementor-element.elementor-element-689a1eec .elementor-icon-box-description{font-size:var( --e-global-typography-69c152f-font-size );line-height:var( --e-global-typography-69c152f-line-height );}.elementor-197 .elementor-element.elementor-element-36a6c96a .elementor-icon-box-description{font-size:var( --e-global-typography-69c152f-font-size );line-height:var( --e-global-typography-69c152f-line-height );}.elementor-197 .elementor-element.elementor-element-4fc86ce1{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-197 .elementor-element.elementor-element-36255b6b .elementor-icon-box-description{font-size:var( --e-global-typography-69c152f-font-size );line-height:var( --e-global-typography-69c152f-line-height );}.elementor-197 .elementor-element.elementor-element-79ea49fc .elementor-icon-box-description{font-size:var( --e-global-typography-69c152f-font-size );line-height:var( --e-global-typography-69c152f-line-height );}.elementor-197 .elementor-element.elementor-element-66761c71 .elementor-icon-box-description{font-size:var( --e-global-typography-69c152f-font-size );line-height:var( --e-global-typography-69c152f-line-height );}.elementor-197 .elementor-element.elementor-element-125e5e87{padding:3em 0em 3em 0em;}.elementor-197 .elementor-element.elementor-element-12970c4 > .elementor-element-populated{margin:-3em 0em 0em 0em;--e-column-margin-right:0em;--e-column-margin-left:0em;}.elementor-197 .elementor-element.elementor-element-58e85446{margin-top:0px;margin-bottom:0px;padding:50px 0px 50px 0px;}.elementor-197 .elementor-element.elementor-element-682b4073 > .elementor-element-populated{padding:1em 1em 1em 1em;}.elementor-197 .elementor-element.elementor-element-447a20dd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-197 .elementor-element.elementor-element-6ff38ca3 .elementor-icon-box-wrapper{text-align:center;}.elementor-197 .elementor-element.elementor-element-6ff38ca3 .elementor-icon-box-description{font-size:var( --e-global-typography-69c152f-font-size );line-height:var( --e-global-typography-69c152f-line-height );}.elementor-197 .elementor-element.elementor-element-2386f25e .elementor-icon-box-wrapper{text-align:center;}.elementor-197 .elementor-element.elementor-element-2386f25e .elementor-icon-box-description{font-size:var( --e-global-typography-69c152f-font-size );line-height:var( --e-global-typography-69c152f-line-height );}.elementor-197 .elementor-element.elementor-element-4fc9d056{padding:0em 0em 1em 0em;}.elementor-197 .elementor-element.elementor-element-3495ad84 > .elementor-element-populated{margin:1em 1em 1em 1em;--e-column-margin-right:1em;--e-column-margin-left:1em;}.elementor-197 .elementor-element.elementor-element-382a9210 > .elementor-element-populated{padding:1em 1em 1em 1em;}.elementor-197 .elementor-element.elementor-element-3b8193c4{text-align:center;}.elementor-197 .elementor-element.elementor-element-1d840440{text-align:center;}.elementor-197 .elementor-element.elementor-element-621bedb3 .elementor-testimonial__text{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-197 .elementor-element.elementor-element-621bedb3 .elementor-testimonial__name{font-size:var( --e-global-typography-7044a64-font-size );line-height:var( --e-global-typography-7044a64-line-height );}.elementor-197 .elementor-element.elementor-element-621bedb3 .elementor-testimonial__title{font-size:var( --e-global-typography-520c191-font-size );letter-spacing:var( --e-global-typography-520c191-letter-spacing );}.elementor-197 .elementor-element.elementor-element-6ea07b8{padding:3em 0em 3em 0em;}.elementor-197 .elementor-element.elementor-element-15456f73{margin-top:0px;margin-bottom:0px;padding:50px 0px 50px 0px;}.elementor-197 .elementor-element.elementor-element-685e73f5 > .elementor-element-populated{padding:1em 1em 2em 1em;}.elementor-197 .elementor-element.elementor-element-13b5a7ca > .elementor-element-populated{margin:0em 0em 0em 0em;--e-column-margin-right:0em;--e-column-margin-left:0em;padding:0px 0px 60px 0px;}.elementor-197 .elementor-element.elementor-element-6715dcb0{margin-top:0px;margin-bottom:0px;padding:0px 0px 40px 0px;}.elementor-197 .elementor-element.elementor-element-446b86b9 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:20px 20px 20px 20px;}}/* Start custom CSS for section, class: .elementor-element-14988f41 *//* ========================================================= TRAVEL WITH SERENDIB - MODERN CONTACT HERO Add class: travel-contact-hero Padding & margin are NOT changed ========================================================= */ .travel-contact-hero{ position: relative; overflow: hidden; isolation: isolate; /* Keep your current background image */ background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; } /* ========================================================= PREMIUM BACKGROUND OVERLAY ========================================================= */ .travel-contact-hero::before{ content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient( 90deg, rgba(3, 24, 48, 0.72) 0%, rgba(4, 37, 61, 0.52) 38%, rgba(7, 50, 67, 0.42) 65%, rgba(3, 26, 48, 0.62) 100% ), linear-gradient( 180deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.25) 100% ); } /* ========================================================= SUBTLE MODERN GLOW ========================================================= */ .travel-contact-hero::after{ content: ""; position: absolute; width: 520px; height: 520px; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; z-index: 0; pointer-events: none; background: radial-gradient( circle, rgba(255, 196, 55, 0.12) 0%, rgba(255, 196, 55, 0.04) 38%, transparent 72% ); filter: blur(10px); } /* Keep all section content above overlays */ .travel-contact-hero > *, .travel-contact-hero .e-con-inner{ position: relative; z-index: 2; } /* ========================================================= MAIN TITLE ========================================================= */ .travel-contact-hero .elementor-heading-title{ color: #ffffff !important; font-weight: 700 !important; letter-spacing: -1.5px; line-height: 1.08 !important; text-shadow: 0 4px 18px rgba(0,0,0,0.28), 0 1px 2px rgba(0,0,0,0.22); position: relative; } /* Gold accent under main heading */ .travel-contact-hero .elementor-widget-heading:first-of-type .elementor-heading-title::after{ content: ""; display: block; width: 58px; height: 3px; margin: 15px auto 0; background: linear-gradient( 90deg, #d8a52d, #ffd66b, #d8a52d ); border-radius: 20px; box-shadow: 0 0 14px rgba(255, 201, 69, 0.45); } /* ========================================================= SUBTITLE ========================================================= */ .travel-contact-hero .elementor-widget-text-editor, .travel-contact-hero .elementor-widget-text-editor p{ color: rgba(255,255,255,0.92) !important; font-weight: 400; letter-spacing: 0.2px; line-height: 1.6; text-shadow: 0 2px 10px rgba(0,0,0,0.28); } /* If subtitle is another heading widget */ .travel-contact-hero .elementor-widget-heading:not(:first-of-type) .elementor-heading-title{ color: rgba(255,255,255,0.92) !important; font-weight: 400 !important; letter-spacing: 0.2px; text-shadow: 0 2px 10px rgba(0,0,0,0.25); } /* ========================================================= BREADCRUMB - MODERN GLASS STYLE ========================================================= */ .travel-contact-hero .breadcrumbs, .travel-contact-hero .breadcrumb, .travel-contact-hero .rank-math-breadcrumb, .travel-contact-hero .yoast-breadcrumb{ display: inline-flex; align-items: center; justify-content: center; gap: 9px; width: auto; max-width: 100%; padding: 9px 17px; margin-top: 4px; color: #ffffff; background: rgba(255,255,255,0.10); border: 1px solid rgba(255,255,255,0.18); border-radius: 50px; box-shadow: 0 8px 28px rgba(0,0,0,0.13), inset 0 1px 0 rgba(255,255,255,0.12); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); } /* Breadcrumb links */ .travel-contact-hero .breadcrumbs a, .travel-contact-hero .breadcrumb a, .travel-contact-hero .rank-math-breadcrumb a, .travel-contact-hero .yoast-breadcrumb a{ color: #ffffff !important; text-decoration: none !important; font-weight: 500; transition: color 0.3s ease, opacity 0.3s ease; } /* Breadcrumb hover */ .travel-contact-hero .breadcrumbs a:hover, .travel-contact-hero .breadcrumb a:hover, .travel-contact-hero .rank-math-breadcrumb a:hover, .travel-contact-hero .yoast-breadcrumb a:hover{ color: #ffd15a !important; } /* Current breadcrumb */ .travel-contact-hero .breadcrumbs span, .travel-contact-hero .breadcrumb span, .travel-contact-hero .rank-math-breadcrumb span, .travel-contact-hero .yoast-breadcrumb span{ color: rgba(255,255,255,0.92); } /* ========================================================= BREADCRUMB ICON / SEPARATOR ========================================================= */ .travel-contact-hero .breadcrumbs i, .travel-contact-hero .breadcrumb i{ color: #ffc83d !important; filter: drop-shadow(0 0 6px rgba(255,200,61,0.35)); } /* If breadcrumb separator is text */ .travel-contact-hero .separator, .travel-contact-hero .breadcrumb-separator{ color: #ffc83d !important; } /* ========================================================= VERY SUBTLE TOP + BOTTOM EDGE ========================================================= */ .travel-contact-hero{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), inset 0 -1px 0 rgba(255,255,255,0.08); } /* ========================================================= DESKTOP ========================================================= */ @media (min-width: 1025px){ .travel-contact-hero .elementor-heading-title{ font-size: clamp(46px, 4vw, 64px); } .travel-contact-hero .elementor-widget-text-editor, .travel-contact-hero .elementor-widget-text-editor p{ font-size: 20px; } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px){ .travel-contact-hero{ background-position: center center !important; } .travel-contact-hero .elementor-heading-title{ letter-spacing: -1px; } .travel-contact-hero::after{ width: 420px; height: 420px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px){ .travel-contact-hero{ background-position: center center !important; } .travel-contact-hero::before{ background: linear-gradient( 180deg, rgba(3, 26, 48, 0.62) 0%, rgba(4, 35, 56, 0.48) 45%, rgba(2, 23, 42, 0.72) 100% ); } .travel-contact-hero::after{ width: 300px; height: 300px; } .travel-contact-hero .elementor-heading-title{ font-size: clamp(34px, 10vw, 44px); letter-spacing: -0.7px; line-height: 1.12 !important; } .travel-contact-hero .elementor-widget-heading:first-of-type .elementor-heading-title::after{ width: 46px; height: 3px; margin-top: 12px; } .travel-contact-hero .elementor-widget-text-editor, .travel-contact-hero .elementor-widget-text-editor p{ font-size: 16px; line-height: 1.6; } .travel-contact-hero .breadcrumbs, .travel-contact-hero .breadcrumb, .travel-contact-hero .rank-math-breadcrumb, .travel-contact-hero .yoast-breadcrumb{ padding: 8px 14px; gap: 7px; font-size: 14px; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px){ .travel-contact-hero .elementor-heading-title{ font-size: 34px; } .travel-contact-hero .elementor-widget-text-editor, .travel-contact-hero .elementor-widget-text-editor p{ font-size: 15px; } .travel-contact-hero .breadcrumbs, .travel-contact-hero .breadcrumb, .travel-contact-hero .rank-math-breadcrumb, .travel-contact-hero .yoast-breadcrumb{ font-size: 13px; padding: 7px 12px; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-69c118e0 *//* ========================================================= TRAVEL WITH SERENDIB MODERN ABOUT / WHO WE ARE SECTION Existing padding & margin are NOT changed ========================================================= */ .serendib-about-modern{ position: relative; overflow: hidden; isolation: isolate; background: radial-gradient( circle at 8% 20%, rgba(7, 126, 83, 0.055), transparent 28% ), radial-gradient( circle at 92% 80%, rgba(241, 176, 40, 0.07), transparent 30% ), linear-gradient( 135deg, #ffffff 0%, #fbfdfc 48%, #f8fbfa 100% ) !important; } /* ========================================================= SOFT DECORATIVE BACKGROUND ========================================================= */ .serendib-about-modern::before{ content: ""; position: absolute; width: 420px; height: 420px; right: -210px; top: -170px; border-radius: 50%; background: radial-gradient( circle, rgba(9, 62, 106, 0.07), rgba(9, 62, 106, 0) 70% ); pointer-events: none; z-index: 0; } .serendib-about-modern::after{ content: ""; position: absolute; width: 320px; height: 320px; left: -160px; bottom: -180px; border-radius: 50%; background: radial-gradient( circle, rgba(8, 128, 84, 0.08), rgba(8, 128, 84, 0) 70% ); pointer-events: none; z-index: 0; } .serendib-about-modern > *, .serendib-about-modern .e-con-inner{ position: relative; z-index: 2; } /* ========================================================= LEFT CONTENT ========================================================= */ .serendib-about-content{ position: relative; } /* Small WHO WE ARE heading */ .serendib-about-content .elementor-widget-heading:first-child .elementor-heading-title{ color: #087f56 !important; font-size: 16px; font-weight: 700 !important; letter-spacing: 4px; text-transform: uppercase; line-height: 1.3; position: relative; display: inline-block; } /* Small gold line beside WHO WE ARE */ .serendib-about-content .elementor-widget-heading:first-child .elementor-heading-title::before{ content: ""; position: absolute; width: 32px; height: 2px; left: 100%; top: 50%; transform: translateY(-50%); background: linear-gradient( 90deg, #e4a826, #ffd56a ); border-radius: 10px; } /* ========================================================= MAIN HEADING ========================================================= */ .serendib-about-content .elementor-widget-heading:nth-child(2) .elementor-heading-title{ color: #183662 !important; font-weight: 700 !important; line-height: 1.18 !important; letter-spacing: -1px; position: relative; } /* Decorative underline */ .serendib-about-content .elementor-widget-heading:nth-child(2) .elementor-heading-title::after{ content: ""; display: block; width: 64px; height: 4px; background: linear-gradient( 90deg, #087f56 0%, #087f56 65%, #f2b43d 65%, #f2b43d 100% ); border-radius: 20px; box-shadow: 0 3px 10px rgba(7, 126, 83, 0.16); } /* ========================================================= PARAGRAPHS ========================================================= */ .serendib-about-content .elementor-widget-text-editor, .serendib-about-content .elementor-widget-text-editor p{ color: #46546b !important; font-size: 16px; line-height: 1.75; font-weight: 400; text-align: justify; } /* First bold text */ .serendib-about-content strong{ color: #183662 !important; font-weight: 700; } /* ========================================================= OPTIONAL BUTTON ========================================================= */ .serendib-about-btn .elementor-button{ position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient( 135deg, #0b3768 0%, #087c55 100% ) !important; color: #ffffff !important; border: 1px solid rgba(255,255,255,0.12); border-radius: 50px !important; font-weight: 600; letter-spacing: 0.2px; box-shadow: 0 10px 25px rgba(13, 59, 95, 0.18); transition: transform .3s ease, box-shadow .3s ease, background .3s ease; } /* Button shine */ .serendib-about-btn .elementor-button::before{ content: ""; position: absolute; top: 0; left: -120%; width: 80%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,0.22), transparent ); transform: skewX(-20deg); transition: left .6s ease; } .serendib-about-btn .elementor-button:hover::before{ left: 130%; } .serendib-about-btn .elementor-button:hover{ transform: translateY(-3px); background: linear-gradient( 135deg, #087c55 0%, #0b3768 100% ) !important; box-shadow: 0 14px 30px rgba(11, 55, 104, 0.22); } /* ========================================================= RIGHT IMAGE COLLAGE ========================================================= */ .serendib-about-gallery{ position: relative; isolation: isolate; } /* Soft glow behind collage */ .serendib-about-gallery::before{ content: ""; position: absolute; width: 75%; aspect-ratio: 1 / 1; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; background: radial-gradient( circle, rgba(8, 126, 83, 0.13), rgba(8, 126, 83, 0.03) 45%, transparent 72% ); filter: blur(20px); pointer-events: none; z-index: -1; } /* ========================================================= LARGE IMAGE ========================================================= */ .serendib-about-main-img{ position: relative; z-index: 2; transform: rotate(2deg); transition: transform .45s ease, filter .45s ease; } .serendib-about-main-img img{ display: block; width: 100%; border: 10px solid #ffffff; border-radius: 3px; box-shadow: 0 24px 45px rgba(25, 44, 72, 0.16), 0 8px 18px rgba(25, 44, 72, 0.08); transition: transform .45s ease, box-shadow .45s ease; } .serendib-about-main-img:hover{ transform: rotate(0deg) translateY(-5px); } .serendib-about-main-img:hover img{ box-shadow: 0 30px 55px rgba(25, 44, 72, 0.22), 0 10px 22px rgba(25, 44, 72, 0.10); } /* ========================================================= SMALL IMAGE ========================================================= */ .serendib-about-small-img{ position: absolute !important; left: -4%; bottom: -16%; width: 43% !important; z-index: 4; transform: rotate(-7deg); transition: transform .45s ease; } .serendib-about-small-img img{ display: block; width: 100%; border: 9px solid #ffffff; border-radius: 2px; box-shadow: 0 22px 40px rgba(20, 42, 72, 0.20); transition: box-shadow .45s ease; } .serendib-about-small-img:hover{ transform: rotate(-2deg) translateY(-5px); } .serendib-about-small-img:hover img{ box-shadow: 0 28px 48px rgba(20, 42, 72, 0.25); } /* ========================================================= SMALL GOLD ACCENT DOT ========================================================= */ .serendib-about-gallery::after{ content: ""; position: absolute; width: 54px; height: 54px; right: 1%; bottom: 4%; border-radius: 50%; border: 2px dashed rgba(235, 171, 44, 0.55); background: rgba(255,255,255,0.65); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); z-index: 1; animation: serendibRotate 15s linear infinite; } @keyframes serendibRotate{ from{ transform: rotate(0deg); } to{ transform: rotate(360deg); } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px){ .serendib-about-content .elementor-widget-heading:nth-child(2) .elementor-heading-title{ font-size: 36px; } .serendib-about-small-img{ left: 0; bottom: -12%; width: 40% !important; } .serendib-about-main-img img{ border-width: 8px; } .serendib-about-small-img img{ border-width: 7px; } } /* ========================================================= MOBILE EVERYTHING CENTERED ========================================================= */ @media (max-width: 767px){ /* ========================================== CENTER COMPLETE TEXT CONTENT ========================================== */ .serendib-about-content{ text-align: center !important; } .serendib-about-content .elementor-widget-heading{ text-align: center !important; } .serendib-about-content .elementor-heading-title{ text-align: center !important; } /* WHO WE ARE */ .serendib-about-content .elementor-widget-heading:first-child .elementor-heading-title{ display: inline-block; font-size: 14px; letter-spacing: 3px; text-align: center !important; } /* Remove side line on mobile */ .serendib-about-content .elementor-widget-heading:first-child .elementor-heading-title::before{ display: none; } /* Main heading */ .serendib-about-content .elementor-widget-heading:nth-child(2) .elementor-heading-title{ font-size: clamp(30px, 8vw, 38px); line-height: 1.2 !important; letter-spacing: -0.5px; text-align: center !important; } /* Center underline */ .serendib-about-content .elementor-widget-heading:nth-child(2) .elementor-heading-title::after{ margin-left: auto; margin-right: auto; } /* ========================================== PARAGRAPH CENTER ========================================== */ .serendib-about-content .elementor-widget-text-editor, .serendib-about-content .elementor-widget-text-editor p{ text-align: center !important; font-size: 15px; line-height: 1.75; } /* ========================================== BUTTON CENTER ========================================== */ .serendib-about-btn{ text-align: center !important; } .serendib-about-btn .elementor-button-wrapper{ text-align: center !important; display: flex; justify-content: center; } /* ========================================== IMAGE AREA CENTER ========================================== */ .serendib-about-gallery{ text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; } /* Main image */ .serendib-about-main-img{ width: 92%; transform: rotate(1.5deg); position: relative; z-index: 2; } .serendib-about-main-img img{ width: 100%; border-width: 7px; box-shadow: 0 16px 32px rgba(25,44,72,0.16); } /* Small image stays overlapping */ .serendib-about-small-img{ position: relative !important; left: auto; bottom: auto; width: 58% !important; align-self: center; transform: rotate(-5deg) translateY(-18%); } .serendib-about-small-img img{ border-width: 6px; box-shadow: 0 14px 30px rgba(25,44,72,0.18); } /* Decorative circle */ .serendib-about-gallery::after{ width: 42px; height: 42px; right: 5%; bottom: 6%; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px){ .serendib-about-content .elementor-widget-heading:nth-child(2) .elementor-heading-title{ font-size: 29px !important; } .serendib-about-content .elementor-widget-text-editor, .serendib-about-content .elementor-widget-text-editor p{ font-size: 15px; line-height: 1.7; } .serendib-about-main-img{ width: 95%; } .serendib-about-small-img{ width: 62% !important; transform: rotate(-4deg) translateY(-15%); } .serendib-about-main-img img{ border-width: 6px; } .serendib-about-small-img img{ border-width: 5px; } .serendib-about-gallery::after{ display: none; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-24c54cc5 *//* ========================================================= TRAVEL WITH SERENDIB - OUR STORY SECTION Existing padding & margin are NOT changed ========================================================= */ .serendib-story-section{ position: relative; overflow: hidden; isolation: isolate; background: radial-gradient( circle at 12% 20%, rgba(8, 126, 83, 0.06), transparent 30% ), radial-gradient( circle at 88% 78%, rgba(241, 177, 47, 0.08), transparent 30% ), linear-gradient( 135deg, #ffffff 0%, #fbfcfc 48%, #f7faf9 100% ) !important; } /* ========================================================= DECORATIVE BACKGROUND ========================================================= */ .serendib-story-section::before{ content: ""; position: absolute; width: 420px; height: 420px; right: -180px; top: -180px; border-radius: 50%; background: radial-gradient( circle, rgba(22, 54, 98, 0.07), rgba(22, 54, 98, 0) 70% ); pointer-events: none; z-index: 0; } .serendib-story-section::after{ content: ""; position: absolute; width: 300px; height: 300px; left: -150px; bottom: -150px; border-radius: 50%; background: radial-gradient( circle, rgba(8, 126, 83, 0.09), rgba(8, 126, 83, 0) 72% ); pointer-events: none; z-index: 0; } .serendib-story-section > *, .serendib-story-section .e-con-inner{ position: relative; z-index: 2; } /* ========================================================= LEFT CONTENT ========================================================= */ .serendib-story-content{ position: relative; } /* ========================================================= SMALL "OUR STORY" TITLE ========================================================= */ .serendib-story-content .elementor-widget-heading:first-child .elementor-heading-title{ display: inline-block; color: #087d54 !important; font-size: 16px; font-weight: 700 !important; letter-spacing: 4px; text-transform: uppercase; position: relative; } /* Gold line after small title */ .serendib-story-content .elementor-widget-heading:first-child .elementor-heading-title::after{ content: ""; position: absolute; left: calc(100% + 14px); top: 50%; width: 40px; height: 2px; transform: translateY(-50%); background: linear-gradient( 90deg, #e3a527, #ffd467 ); border-radius: 10px; } /* ========================================================= MAIN HEADING ========================================================= */ .serendib-story-content .elementor-widget-heading:nth-child(2) .elementor-heading-title{ color: #173761 !important; font-weight: 700 !important; line-height: 1.18 !important; letter-spacing: -1px; position: relative; } /* Modern underline */ .serendib-story-content .elementor-widget-heading:nth-child(2) .elementor-heading-title::after{ content: ""; display: block; width: 72px; height: 4px; background: linear-gradient( 90deg, #087d54 0%, #087d54 68%, #efb13e 68%, #efb13e 100% ); border-radius: 20px; box-shadow: 0 3px 10px rgba(8, 125, 84, 0.14); } /* ========================================================= TEXT ========================================================= */ .serendib-story-content .elementor-widget-text-editor, .serendib-story-content .elementor-widget-text-editor p{ color: #48556c !important; font-size: 16px; line-height: 1.78; font-weight: 400; text-align: justify; } .serendib-story-content strong{ color: #173761 !important; font-weight: 700; } /* ========================================================= OPTIONAL BUTTON ========================================================= */ .serendib-story-btn .elementor-button-wrapper{ display: flex; justify-content: flex-start; } .serendib-story-btn .elementor-button{ position: relative; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; background: linear-gradient( 135deg, #103a68 0%, #087d54 100% ) !important; color: #ffffff !important; border-radius: 50px !important; border: 1px solid rgba(255,255,255,0.12); font-weight: 600; letter-spacing: 0.2px; box-shadow: 0 10px 24px rgba(17, 54, 96, 0.17); transition: transform .3s ease, box-shadow .3s ease, background .3s ease; } /* Button shine */ .serendib-story-btn .elementor-button::before{ content: ""; position: absolute; top: 0; left: -120%; width: 75%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,0.22), transparent ); transform: skewX(-20deg); transition: left .6s ease; } .serendib-story-btn .elementor-button:hover::before{ left: 130%; } .serendib-story-btn .elementor-button:hover{ transform: translateY(-3px); background: linear-gradient( 135deg, #087d54 0%, #103a68 100% ) !important; box-shadow: 0 15px 30px rgba(17, 54, 96, 0.22); } /* ========================================================= RIGHT IMAGE AREA ========================================================= */ .serendib-story-image{ position: relative; isolation: isolate; } /* Soft glow behind image */ .serendib-story-image::before{ content: ""; position: absolute; width: 80%; height: 80%; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; background: radial-gradient( circle, rgba(8, 125, 84, 0.15), rgba(8, 125, 84, 0.04) 45%, transparent 72% ); filter: blur(28px); pointer-events: none; z-index: -1; } /* ========================================================= IMAGE CARD ========================================================= */ .serendib-story-image .elementor-widget-image{ position: relative; transform: rotate(-3deg); transition: transform .45s ease, filter .45s ease; } .serendib-story-image .elementor-widget-image img{ display: block; width: 100%; border: 12px solid #ffffff; border-radius: 4px; box-shadow: 0 28px 55px rgba(18, 43, 75, 0.18), 0 8px 20px rgba(18, 43, 75, 0.08); transition: transform .45s ease, box-shadow .45s ease; } .serendib-story-image .elementor-widget-image:hover{ transform: rotate(0deg) translateY(-6px); } .serendib-story-image .elementor-widget-image:hover img{ box-shadow: 0 34px 65px rgba(18, 43, 75, 0.23), 0 10px 24px rgba(18, 43, 75, 0.10); } /* ========================================================= DECORATIVE GOLD CIRCLE ========================================================= */ .serendib-story-image::after{ content: ""; position: absolute; width: 62px; height: 62px; right: -5px; bottom: 4%; border-radius: 50%; border: 2px dashed rgba(236, 173, 44, 0.65); background: rgba(255,255,255,0.70); backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); z-index: 1; animation: serendibStorySpin 16s linear infinite; } @keyframes serendibStorySpin{ from{ transform: rotate(0deg); } to{ transform: rotate(360deg); } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px){ .serendib-story-content .elementor-widget-heading:nth-child(2) .elementor-heading-title{ font-size: 36px; } .serendib-story-image .elementor-widget-image img{ border-width: 9px; } .serendib-story-image::after{ width: 52px; height: 52px; } } /* ========================================================= MOBILE ALL TEXT / BUTTON / IMAGE CENTERED ========================================================= */ @media (max-width: 767px){ /* ===================================================== COMPLETE CONTENT CENTER ====================================================== */ .serendib-story-content{ text-align: center !important; } .serendib-story-content .elementor-widget-heading{ text-align: center !important; } .serendib-story-content .elementor-heading-title{ text-align: center !important; } /* ===================================================== OUR STORY ====================================================== */ .serendib-story-content .elementor-widget-heading:first-child .elementor-heading-title{ display: inline-block; font-size: 14px; letter-spacing: 3px; text-align: center !important; } /* Remove side line on mobile */ .serendib-story-content .elementor-widget-heading:first-child .elementor-heading-title::after{ display: none !important; } /* ===================================================== MAIN HEADING ====================================================== */ .serendib-story-content .elementor-widget-heading:nth-child(2) .elementor-heading-title{ font-size: clamp(30px, 8vw, 38px); line-height: 1.2 !important; letter-spacing: -0.5px; text-align: center !important; } /* Center heading underline */ .serendib-story-content .elementor-widget-heading:nth-child(2) .elementor-heading-title::after{ margin-left: auto; margin-right: auto; } /* ===================================================== TEXT CENTER ====================================================== */ .serendib-story-content .elementor-widget-text-editor, .serendib-story-content .elementor-widget-text-editor p{ text-align: center !important; font-size: 15px; line-height: 1.75; } /* ===================================================== BUTTON CENTER ====================================================== */ .serendib-story-btn{ text-align: center !important; } .serendib-story-btn .elementor-button-wrapper{ display: flex !important; justify-content: center !important; text-align: center !important; } /* ===================================================== IMAGE CENTER ====================================================== */ .serendib-story-image{ text-align: center !important; display: flex; align-items: center; justify-content: center; } .serendib-story-image .elementor-widget-image{ width: 92%; margin-left: auto; margin-right: auto; transform: rotate(-2deg); } .serendib-story-image .elementor-widget-image img{ width: 100%; border-width: 7px; box-shadow: 0 18px 36px rgba(18,43,75,0.17); } /* Decorative circle */ .serendib-story-image::after{ width: 44px; height: 44px; right: 3%; bottom: 2%; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px){ .serendib-story-content .elementor-widget-heading:nth-child(2) .elementor-heading-title{ font-size: 29px !important; } .serendib-story-content .elementor-widget-text-editor, .serendib-story-content .elementor-widget-text-editor p{ font-size: 15px; line-height: 1.7; } .serendib-story-image .elementor-widget-image{ width: 95%; } .serendib-story-image .elementor-widget-image img{ border-width: 6px; } .serendib-story-image::after{ display: none; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-273f17e6 *//* ========================================================= TRAVEL WITH SERENDIB - WHAT WE OFFER SECTION Existing padding & margin are NOT changed ========================================================= */ .serendib-offer-section{ position: relative; overflow: hidden; isolation: isolate; background: radial-gradient( circle at 8% 18%, rgba(7, 126, 83, 0.06), transparent 28% ), radial-gradient( circle at 92% 80%, rgba(241, 177, 47, 0.08), transparent 30% ), linear-gradient( 135deg, #ffffff 0%, #fbfdfc 50%, #f7faf9 100% ) !important; } /* ========================================================= DECORATIVE BACKGROUND ========================================================= */ .serendib-offer-section::before{ content: ""; position: absolute; width: 430px; height: 430px; top: -230px; right: -180px; border-radius: 50%; background: radial-gradient( circle, rgba(18, 55, 98, 0.07), transparent 70% ); pointer-events: none; z-index: 0; } .serendib-offer-section::after{ content: ""; position: absolute; width: 340px; height: 340px; bottom: -190px; left: -170px; border-radius: 50%; background: radial-gradient( circle, rgba(7, 126, 83, 0.09), transparent 72% ); pointer-events: none; z-index: 0; } .serendib-offer-section > *, .serendib-offer-section .e-con-inner{ position: relative; z-index: 2; } /* ========================================================= HEADING AREA ========================================================= */ .serendib-offer-head{ text-align: center; } /* WHAT WE OFFER */ .serendib-offer-head .elementor-widget-heading:first-child .elementor-heading-title{ color: #087f56 !important; font-size: 16px; font-weight: 700 !important; letter-spacing: 4px; text-transform: uppercase; position: relative; display: inline-block; } /* Small gold line */ .serendib-offer-head .elementor-widget-heading:first-child .elementor-heading-title::after{ content: ""; display: block; width: 42px; height: 2px; background: linear-gradient( 90deg, #e2a426, #ffd66b ); border-radius: 20px; margin-left: auto; margin-right: auto; margin-top: 9px; } /* ========================================================= MAIN HEADING ========================================================= */ .serendib-offer-head .elementor-widget-heading:nth-child(2) .elementor-heading-title{ color: #193863 !important; font-weight: 700 !important; line-height: 1.17 !important; letter-spacing: -1px; text-align: center !important; } /* ========================================================= ICON BOX CARDS ========================================================= */ .serendib-offer-section .elementor-widget-icon-box{ height: 100%; } .serendib-offer-section .elementor-widget-icon-box .elementor-icon-box-wrapper{ position: relative; height: 100%; overflow: hidden; background: linear-gradient( 145deg, rgba(255,255,255,0.97), rgba(249,252,251,0.94) ); border: 1px solid rgba(14, 58, 94, 0.08); border-radius: 18px; box-shadow: 0 12px 35px rgba(18, 48, 78, 0.075), 0 2px 8px rgba(18, 48, 78, 0.035); transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease, background .35s ease; } /* Gold-green top accent */ .serendib-offer-section .elementor-widget-icon-box .elementor-icon-box-wrapper::before{ content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 3px; background: linear-gradient( 90deg, #087e55, #efb23b, #087e55 ); border-radius: 0 0 20px 20px; transition: width .4s ease; } /* Soft background glow */ .serendib-offer-section .elementor-widget-icon-box .elementor-icon-box-wrapper::after{ content: ""; position: absolute; width: 120px; height: 120px; top: -65px; right: -60px; border-radius: 50%; background: radial-gradient( circle, rgba(8, 126, 83, 0.10), transparent 70% ); pointer-events: none; } /* Card hover */ .serendib-offer-section .elementor-widget-icon-box .elementor-icon-box-wrapper:hover{ transform: translateY(-8px); border-color: rgba(8, 126, 83, 0.17); background: linear-gradient( 145deg, #ffffff, #f7fbf9 ); box-shadow: 0 22px 46px rgba(17, 52, 86, 0.13), 0 7px 18px rgba(17, 52, 86, 0.06); } .serendib-offer-section .elementor-widget-icon-box .elementor-icon-box-wrapper:hover::before{ width: 70%; } /* ========================================================= ICON ========================================================= */ .serendib-offer-section .elementor-widget-icon-box .elementor-icon-box-icon{ position: relative; z-index: 2; } .serendib-offer-section .elementor-widget-icon-box .elementor-icon{ position: relative; display: inline-flex; align-items: center; justify-content: center; width: 72px; height: 72px; border-radius: 50%; background: linear-gradient( 145deg, rgba(255, 194, 58, 0.11), rgba(8, 126, 83, 0.06) ); border: 1px solid rgba(237, 174, 48, 0.22); box-shadow: 0 8px 22px rgba(236, 173, 48, 0.10); transition: transform .35s ease, background .35s ease, box-shadow .35s ease; } /* Icon itself */ .serendib-offer-section .elementor-widget-icon-box .elementor-icon i{ color: #efb23c !important; transition: color .35s ease, transform .35s ease; } .serendib-offer-section .elementor-widget-icon-box .elementor-icon svg{ fill: #efb23c !important; color: #efb23c !important; transition: fill .35s ease, color .35s ease, transform .35s ease; } /* Icon hover */ .serendib-offer-section .elementor-widget-icon-box .elementor-icon-box-wrapper:hover .elementor-icon{ transform: translateY(-3px) rotate(-3deg); background: linear-gradient( 135deg, #123a68, #087e55 ); border-color: transparent; box-shadow: 0 12px 26px rgba(14, 61, 91, 0.18); } .serendib-offer-section .elementor-widget-icon-box .elementor-icon-box-wrapper:hover .elementor-icon i{ color: #ffffff !important; } .serendib-offer-section .elementor-widget-icon-box .elementor-icon-box-wrapper:hover .elementor-icon svg{ fill: #ffffff !important; color: #ffffff !important; } /* ========================================================= CARD TITLE ========================================================= */ .serendib-offer-section .elementor-widget-icon-box .elementor-icon-box-title{ color: #193761 !important; font-weight: 700 !important; line-height: 1.3; transition: color .3s ease; } .serendib-offer-section .elementor-widget-icon-box .elementor-icon-box-title a{ color: #193761 !important; } .serendib-offer-section .elementor-widget-icon-box .elementor-icon-box-wrapper:hover .elementor-icon-box-title, .serendib-offer-section .elementor-widget-icon-box .elementor-icon-box-wrapper:hover .elementor-icon-box-title a{ color: #087e55 !important; } /* ========================================================= CARD DESCRIPTION ========================================================= */ .serendib-offer-section .elementor-widget-icon-box .elementor-icon-box-description{ color: #5e687a !important; font-size: 15px; line-height: 1.65; font-weight: 400; } /* ========================================================= OPTIONAL BUTTON ========================================================= */ .serendib-offer-btn .elementor-button-wrapper{ display: flex; justify-content: center; } .serendib-offer-btn .elementor-button{ position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient( 135deg, #123a68 0%, #087e55 100% ) !important; color: #ffffff !important; border-radius: 50px !important; border: 1px solid rgba(255,255,255,0.12); font-weight: 600; box-shadow: 0 10px 25px rgba(13, 57, 95, 0.17); transition: transform .3s ease, box-shadow .3s ease; } .serendib-offer-btn .elementor-button::before{ content: ""; position: absolute; top: 0; left: -120%; width: 80%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,0.22), transparent ); transform: skewX(-20deg); transition: left .6s ease; } .serendib-offer-btn .elementor-button:hover::before{ left: 130%; } .serendib-offer-btn .elementor-button:hover{ transform: translateY(-3px); box-shadow: 0 15px 32px rgba(13, 57, 95, 0.23); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px){ .serendib-offer-head .elementor-widget-heading:nth-child(2) .elementor-heading-title{ font-size: 36px; } .serendib-offer-section .elementor-widget-icon-box .elementor-icon{ width: 66px; height: 66px; } } /* ========================================================= MOBILE ALL CONTENT CENTERED ========================================================= */ @media (max-width: 767px){ /* Complete section */ .serendib-offer-section{ text-align: center !important; } /* =============================== HEADING AREA =============================== */ .serendib-offer-head{ text-align: center !important; } .serendib-offer-head .elementor-widget-heading{ text-align: center !important; } .serendib-offer-head .elementor-heading-title{ text-align: center !important; } /* WHAT WE OFFER */ .serendib-offer-head .elementor-widget-heading:first-child .elementor-heading-title{ font-size: 14px; letter-spacing: 3px; } /* Main heading */ .serendib-offer-head .elementor-widget-heading:nth-child(2) .elementor-heading-title{ font-size: clamp(29px, 8vw, 37px); line-height: 1.2 !important; letter-spacing: -0.5px; text-align: center !important; } /* =============================== CARD CONTENT CENTER =============================== */ .serendib-offer-section .elementor-widget-icon-box{ text-align: center !important; } .serendib-offer-section .elementor-widget-icon-box .elementor-icon-box-wrapper{ text-align: center !important; border-radius: 16px; } .serendib-offer-section .elementor-widget-icon-box .elementor-icon-box-icon{ text-align: center !important; } .serendib-offer-section .elementor-widget-icon-box .elementor-icon{ width: 64px; height: 64px; margin-left: auto; margin-right: auto; } .serendib-offer-section .elementor-widget-icon-box .elementor-icon-box-title{ text-align: center !important; font-size: 19px; } .serendib-offer-section .elementor-widget-icon-box .elementor-icon-box-description{ text-align: center !important; font-size: 15px; line-height: 1.65; } /* Disable strong movement on mobile */ .serendib-offer-section .elementor-widget-icon-box .elementor-icon-box-wrapper:hover{ transform: translateY(-4px); } /* =============================== BUTTON CENTER =============================== */ .serendib-offer-btn{ text-align: center !important; } .serendib-offer-btn .elementor-button-wrapper{ display: flex !important; justify-content: center !important; text-align: center !important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px){ .serendib-offer-head .elementor-widget-heading:nth-child(2) .elementor-heading-title{ font-size: 29px !important; line-height: 1.2 !important; } .serendib-offer-section .elementor-widget-icon-box .elementor-icon{ width: 60px; height: 60px; } .serendib-offer-section .elementor-widget-icon-box .elementor-icon-box-title{ font-size: 18px; } .serendib-offer-section .elementor-widget-icon-box .elementor-icon-box-description{ font-size: 14px; line-height: 1.65; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-125e5e87 *//* ========================================================= TRAVEL WITH SERENDIB - WHY CHOOSE US SECTION Existing padding & margin are NOT changed ========================================================= */ .serendib-why-section{ position: relative; overflow: hidden; isolation: isolate; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; } /* ========================================================= MODERN BACKGROUND OVERLAY ========================================================= */ .serendib-why-section::before{ content: ""; position: absolute; inset: 0; background: linear-gradient( 110deg, rgba(7, 31, 61, 0.76) 0%, rgba(7, 72, 78, 0.60) 48%, rgba(4, 107, 80, 0.55) 100% ), linear-gradient( 180deg, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0.22) 100% ); z-index: 0; pointer-events: none; } /* Soft gold glow */ .serendib-why-section::after{ content: ""; position: absolute; width: 450px; height: 450px; left: 50%; top: 20%; transform: translate(-50%, -50%); border-radius: 50%; background: radial-gradient( circle, rgba(244, 181, 55, 0.16), rgba(244, 181, 55, 0.03) 45%, transparent 72% ); filter: blur(25px); z-index: 0; pointer-events: none; } .serendib-why-section > *, .serendib-why-section .e-con-inner{ position: relative; z-index: 2; } /* ========================================================= HEADING AREA ========================================================= */ .serendib-why-head{ text-align: center; } /* Small heading */ .serendib-why-head .elementor-widget-heading:first-child .elementor-heading-title{ display: inline-block; color: #ffffff !important; font-size: 15px; font-weight: 600 !important; letter-spacing: 2px; text-transform: uppercase; position: relative; text-shadow: 0 3px 12px rgba(0,0,0,0.22); } /* Gold line under small heading */ .serendib-why-head .elementor-widget-heading:first-child .elementor-heading-title::after{ content: ""; display: block; width: 42px; height: 2px; margin-left: auto; margin-right: auto; margin-top: 9px; background: linear-gradient( 90deg, #f0ad2f, #ffd670 ); border-radius: 20px; box-shadow: 0 2px 8px rgba(255, 204, 83, 0.30); } /* ========================================================= MAIN HEADING ========================================================= */ .serendib-why-head .elementor-widget-heading:nth-child(2) .elementor-heading-title{ color: #ffffff !important; font-weight: 700 !important; line-height: 1.15 !important; letter-spacing: -1px; text-align: center !important; text-shadow: 0 5px 20px rgba(0,0,0,0.24); } /* ========================================================= CARD CONTAINER ========================================================= */ .serendib-why-cards{ position: relative; z-index: 3; } /* ========================================================= ICON BOX CARDS ========================================================= */ .serendib-why-cards .elementor-widget-icon-box{ height: 100%; } .serendib-why-cards .elementor-widget-icon-box .elementor-icon-box-wrapper{ position: relative; height: 100%; overflow: hidden; background: linear-gradient( 145deg, rgba(255,255,255,0.97), rgba(248,251,250,0.96) ); border: 1px solid rgba(255,255,255,0.65); border-radius: 20px; box-shadow: 0 20px 45px rgba(5, 30, 52, 0.16), 0 6px 16px rgba(5, 30, 52, 0.08); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease; } /* Top accent */ .serendib-why-cards .elementor-widget-icon-box .elementor-icon-box-wrapper::before{ content: ""; position: absolute; top: 0; left: 50%; width: 0; height: 4px; transform: translateX(-50%); background: linear-gradient( 90deg, #0b7d57, #f0b33f, #0b7d57 ); border-radius: 0 0 20px 20px; transition: width .4s ease; } /* Decorative glow inside card */ .serendib-why-cards .elementor-widget-icon-box .elementor-icon-box-wrapper::after{ content: ""; position: absolute; width: 130px; height: 130px; right: -65px; top: -65px; border-radius: 50%; background: radial-gradient( circle, rgba(7, 126, 83, 0.11), transparent 70% ); pointer-events: none; } /* Card hover */ .serendib-why-cards .elementor-widget-icon-box .elementor-icon-box-wrapper:hover{ transform: translateY(-9px); border-color: rgba(10, 128, 86, 0.18); box-shadow: 0 28px 55px rgba(5, 30, 52, 0.21), 0 10px 22px rgba(5, 30, 52, 0.10); } .serendib-why-cards .elementor-widget-icon-box .elementor-icon-box-wrapper:hover::before{ width: 72%; } /* ========================================================= ICON STYLE ========================================================= */ .serendib-why-cards .elementor-widget-icon-box .elementor-icon{ display: inline-flex; align-items: center; justify-content: center; width: 76px; height: 76px; border-radius: 50%; background: linear-gradient( 145deg, rgba(244, 181, 55, 0.13), rgba(8, 126, 83, 0.07) ); border: 1px solid rgba(244, 181, 55, 0.24); box-shadow: 0 9px 24px rgba(236, 172, 45, 0.11); transition: transform .35s ease, background .35s ease, box-shadow .35s ease; } /* Icon colour */ .serendib-why-cards .elementor-widget-icon-box .elementor-icon i{ color: #efb039 !important; transition: color .35s ease, transform .35s ease; } .serendib-why-cards .elementor-widget-icon-box .elementor-icon svg{ fill: #efb039 !important; color: #efb039 !important; transition: fill .35s ease, color .35s ease; } /* Icon hover */ .serendib-why-cards .elementor-widget-icon-box .elementor-icon-box-wrapper:hover .elementor-icon{ transform: translateY(-4px) rotate(-3deg); background: linear-gradient( 135deg, #123a68, #087d55 ); border-color: transparent; box-shadow: 0 14px 28px rgba(16, 62, 96, 0.20); } .serendib-why-cards .elementor-widget-icon-box .elementor-icon-box-wrapper:hover .elementor-icon i{ color: #ffffff !important; } .serendib-why-cards .elementor-widget-icon-box .elementor-icon-box-wrapper:hover .elementor-icon svg{ fill: #ffffff !important; color: #ffffff !important; } /* ========================================================= CARD TITLE ========================================================= */ .serendib-why-cards .elementor-widget-icon-box .elementor-icon-box-title{ color: #193761 !important; font-weight: 700 !important; line-height: 1.3; transition: color .3s ease; } .serendib-why-cards .elementor-widget-icon-box .elementor-icon-box-title a{ color: #193761 !important; } .serendib-why-cards .elementor-widget-icon-box .elementor-icon-box-wrapper:hover .elementor-icon-box-title, .serendib-why-cards .elementor-widget-icon-box .elementor-icon-box-wrapper:hover .elementor-icon-box-title a{ color: #087e55 !important; } /* ========================================================= CARD DESCRIPTION ========================================================= */ .serendib-why-cards .elementor-widget-icon-box .elementor-icon-box-description{ color: #5c6678 !important; font-size: 15px; line-height: 1.68; font-weight: 400; } /* ========================================================= OPTIONAL BUTTON ========================================================= */ .serendib-why-btn{ text-align: center; } .serendib-why-btn .elementor-button-wrapper{ display: flex; justify-content: center; } .serendib-why-btn .elementor-button{ position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient( 135deg, #123a68 0%, #087d55 100% ) !important; color: #ffffff !important; border-radius: 50px !important; border: 1px solid rgba(255,255,255,0.18); font-weight: 600; box-shadow: 0 12px 28px rgba(8, 40, 69, 0.22); transition: transform .3s ease, box-shadow .3s ease; } /* Button shine */ .serendib-why-btn .elementor-button::before{ content: ""; position: absolute; top: 0; left: -120%; width: 80%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,0.22), transparent ); transform: skewX(-20deg); transition: left .6s ease; } .serendib-why-btn .elementor-button:hover::before{ left: 130%; } .serendib-why-btn .elementor-button:hover{ transform: translateY(-3px); box-shadow: 0 17px 34px rgba(8, 40, 69, 0.28); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px){ .serendib-why-head .elementor-widget-heading:nth-child(2) .elementor-heading-title{ font-size: 38px; } .serendib-why-cards .elementor-widget-icon-box .elementor-icon{ width: 68px; height: 68px; } } /* ========================================================= MOBILE TEXT + ICON + BUTTON + CARDS CENTERED ========================================================= */ @media (max-width: 767px){ .serendib-why-section{ text-align: center !important; background-position: center center !important; } /* Darker overlay for mobile readability */ .serendib-why-section::before{ background: linear-gradient( 180deg, rgba(6, 31, 58, 0.78) 0%, rgba(5, 74, 72, 0.68) 52%, rgba(5, 86, 66, 0.64) 100% ); } /* ============================== HEADING CENTER ============================== */ .serendib-why-head{ text-align: center !important; } .serendib-why-head .elementor-widget-heading{ text-align: center !important; } .serendib-why-head .elementor-heading-title{ text-align: center !important; } .serendib-why-head .elementor-widget-heading:first-child .elementor-heading-title{ font-size: 14px; letter-spacing: 2px; } .serendib-why-head .elementor-widget-heading:nth-child(2) .elementor-heading-title{ font-size: clamp(30px, 8vw, 38px); line-height: 1.18 !important; letter-spacing: -0.5px; text-align: center !important; } /* ============================== CARDS CENTER ============================== */ .serendib-why-cards{ text-align: center !important; } .serendib-why-cards .elementor-widget-icon-box{ text-align: center !important; } .serendib-why-cards .elementor-icon-box-wrapper{ text-align: center !important; border-radius: 17px; } .serendib-why-cards .elementor-icon-box-icon{ text-align: center !important; } .serendib-why-cards .elementor-icon{ width: 64px; height: 64px; margin-left: auto; margin-right: auto; } .serendib-why-cards .elementor-icon-box-title{ text-align: center !important; font-size: 20px; } .serendib-why-cards .elementor-icon-box-description{ text-align: center !important; font-size: 15px; line-height: 1.65; } /* Less hover movement on touch */ .serendib-why-cards .elementor-icon-box-wrapper:hover{ transform: translateY(-4px); } /* ============================== BUTTON CENTER ============================== */ .serendib-why-btn{ text-align: center !important; } .serendib-why-btn .elementor-button-wrapper{ display: flex !important; justify-content: center !important; text-align: center !important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px){ .serendib-why-head .elementor-widget-heading:nth-child(2) .elementor-heading-title{ font-size: 29px !important; } .serendib-why-cards .elementor-icon{ width: 60px; height: 60px; } .serendib-why-cards .elementor-icon-box-title{ font-size: 19px; } .serendib-why-cards .elementor-icon-box-description{ font-size: 14px; line-height: 1.65; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-58e85446 *//* ========================================================= TRAVEL WITH SERENDIB OUR TRAVEL PHILOSOPHY SECTION Existing section padding & margin are NOT changed ========================================================= */ .serendib-philosophy-section{ position: relative; overflow: hidden; isolation: isolate; background: radial-gradient( circle at 8% 20%, rgba(8, 126, 83, 0.055), transparent 30% ), radial-gradient( circle at 92% 75%, rgba(238, 176, 53, 0.075), transparent 30% ), linear-gradient( 135deg, #ffffff 0%, #fbfdfc 52%, #f6faf8 100% ) !important; } /* ========================================================= DECORATIVE BACKGROUND ========================================================= */ .serendib-philosophy-section::before{ content: ""; position: absolute; width: 430px; height: 430px; right: -210px; top: -210px; border-radius: 50%; background: radial-gradient( circle, rgba(20, 56, 98, 0.07), transparent 70% ); pointer-events: none; z-index: 0; } .serendib-philosophy-section::after{ content: ""; position: absolute; width: 350px; height: 350px; left: -180px; bottom: -190px; border-radius: 50%; background: radial-gradient( circle, rgba(8, 126, 83, 0.09), transparent 72% ); pointer-events: none; z-index: 0; } .serendib-philosophy-section > *, .serendib-philosophy-section .e-con-inner{ position: relative; z-index: 2; } /* ========================================================= LEFT CONTENT ========================================================= */ .serendib-philosophy-content{ position: relative; } /* ========================================================= SMALL TITLE - OUR TRAVEL PHILOSOPHY ========================================================= */ .serendib-philosophy-content .elementor-widget-heading:first-child .elementor-heading-title{ display: inline-block; color: #078258 !important; font-size: 16px; font-weight: 700 !important; letter-spacing: 3.5px; text-transform: uppercase; position: relative; } /* Gold accent line */ .serendib-philosophy-content .elementor-widget-heading:first-child .elementor-heading-title::after{ content: ""; position: absolute; left: calc(100% + 15px); top: 50%; width: 40px; height: 2px; transform: translateY(-50%); background: linear-gradient( 90deg, #e8aa2d, #ffd56b ); border-radius: 20px; } /* ========================================================= MAIN HEADING ========================================================= */ .serendib-philosophy-content .elementor-widget-heading:nth-child(2) .elementor-heading-title{ color: #183660 !important; font-weight: 700 !important; line-height: 1.12 !important; letter-spacing: -1.3px; position: relative; } /* Green + gold underline */ .serendib-philosophy-content .elementor-widget-heading:nth-child(2) .elementor-heading-title::after{ content: ""; display: block; width: 70px; height: 4px; background: linear-gradient( 90deg, #087e55 0%, #087e55 68%, #efb23a 68%, #efb23a 100% ); border-radius: 30px; box-shadow: 0 3px 10px rgba(8, 126, 83, 0.15); } /* ========================================================= PARAGRAPH TEXT ========================================================= */ .serendib-philosophy-content .elementor-widget-text-editor, .serendib-philosophy-content .elementor-widget-text-editor p{ color: #536075 !important; font-size: 16px; line-height: 1.75; font-weight: 400; } .serendib-philosophy-content strong{ color: #183660 !important; font-weight: 700; } /* ========================================================= DISCOVER MORE BUTTON ========================================================= */ .serendib-philosophy-btn .elementor-button-wrapper{ display: flex; justify-content: flex-start; } .serendib-philosophy-btn .elementor-button{ position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient( 135deg, #123a68 0%, #087d55 100% ) !important; color: #ffffff !important; border: 1px solid rgba(255,255,255,0.13); border-radius: 50px !important; font-weight: 600; letter-spacing: 0.2px; box-shadow: 0 10px 24px rgba(17, 56, 95, 0.18); transition: transform .3s ease, box-shadow .3s ease, background .3s ease; } /* Button shine */ .serendib-philosophy-btn .elementor-button::before{ content: ""; position: absolute; top: 0; left: -120%; width: 75%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,0.22), transparent ); transform: skewX(-20deg); transition: left .6s ease; } .serendib-philosophy-btn .elementor-button:hover::before{ left: 130%; } .serendib-philosophy-btn .elementor-button:hover{ transform: translateY(-3px); background: linear-gradient( 135deg, #087d55, #123a68 ) !important; box-shadow: 0 16px 32px rgba(17, 56, 95, 0.24); } /* ========================================================= RIGHT SIDE CARDS WRAPPER ========================================================= */ .serendib-philosophy-cards{ position: relative; } /* Soft glow behind cards */ .serendib-philosophy-cards::before{ content: ""; position: absolute; width: 75%; height: 75%; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; background: radial-gradient( circle, rgba(8, 126, 83, 0.09), transparent 70% ); filter: blur(30px); pointer-events: none; } /* ========================================================= VISION / MISSION CARD ========================================================= */ .serendib-philosophy-card{ position: relative; overflow: hidden; isolation: isolate; background: linear-gradient( 145deg, rgba(255,255,255,0.97), rgba(249,252,251,0.95) ) !important; border: 1px solid rgba(19, 55, 95, 0.075); border-radius: 18px; box-shadow: 0 14px 38px rgba(19, 48, 77, 0.08), 0 3px 10px rgba(19, 48, 77, 0.035); transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease; } /* Top accent line */ .serendib-philosophy-card::before{ content: ""; position: absolute; top: 0; left: 50%; width: 0; height: 3px; transform: translateX(-50%); background: linear-gradient( 90deg, #087d55, #efb33d, #087d55 ); border-radius: 0 0 20px 20px; transition: width .4s ease; z-index: 3; } /* Decorative glow */ .serendib-philosophy-card::after{ content: ""; position: absolute; width: 145px; height: 145px; right: -75px; top: -75px; border-radius: 50%; background: radial-gradient( circle, rgba(8, 126, 83, 0.11), transparent 70% ); z-index: -1; pointer-events: none; } .serendib-philosophy-card:hover{ transform: translateY(-7px); border-color: rgba(8, 126, 83, 0.17); box-shadow: 0 23px 48px rgba(17, 48, 78, 0.13), 0 8px 20px rgba(17, 48, 78, 0.06); } .serendib-philosophy-card:hover::before{ width: 68%; } /* ========================================================= ICON ========================================================= */ .serendib-philosophy-card .elementor-widget-icon{ position: relative; z-index: 2; } .serendib-philosophy-card .elementor-icon{ display: inline-flex; align-items: center; justify-content: center; width: 68px; height: 68px; border-radius: 50%; background: linear-gradient( 145deg, rgba(243, 181, 57, 0.13), rgba(8, 126, 83, 0.06) ); border: 1px solid rgba(239, 176, 54, 0.22); box-shadow: 0 8px 21px rgba(238, 174, 51, 0.10); transition: transform .35s ease, background .35s ease, box-shadow .35s ease; } .serendib-philosophy-card .elementor-icon i{ color: #efb13b !important; transition: color .35s ease; } .serendib-philosophy-card .elementor-icon svg{ fill: #efb13b !important; color: #efb13b !important; transition: fill .35s ease, color .35s ease; } /* Card icon hover */ .serendib-philosophy-card:hover .elementor-icon{ transform: translateY(-3px) rotate(-3deg); background: linear-gradient( 135deg, #123a68, #087d55 ); border-color: transparent; box-shadow: 0 12px 26px rgba(16, 61, 97, 0.19); } .serendib-philosophy-card:hover .elementor-icon i{ color: #ffffff !important; } .serendib-philosophy-card:hover .elementor-icon svg{ fill: #ffffff !important; color: #ffffff !important; } /* ========================================================= CARD HEADINGS ========================================================= */ .serendib-philosophy-card .elementor-heading-title{ color: #183660 !important; font-weight: 700 !important; line-height: 1.3 !important; transition: color .3s ease; } .serendib-philosophy-card:hover .elementor-heading-title{ color: #087e55 !important; } /* ========================================================= CARD TEXT ========================================================= */ .serendib-philosophy-card .elementor-widget-text-editor, .serendib-philosophy-card .elementor-widget-text-editor p{ color: #556176 !important; font-size: 15px; line-height: 1.68; } /* Small Vision / Mission tagline */ .serendib-philosophy-card strong{ color: #183660 !important; font-weight: 600; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px){ .serendib-philosophy-content .elementor-widget-heading:nth-child(2) .elementor-heading-title{ font-size: 40px; } .serendib-philosophy-card .elementor-icon{ width: 64px; height: 64px; } } /* ========================================================= MOBILE EVERYTHING CENTERED ========================================================= */ @media (max-width: 767px){ /* ========================================= COMPLETE SECTION ========================================= */ .serendib-philosophy-section{ text-align: center !important; } /* ========================================= LEFT CONTENT CENTER ========================================= */ .serendib-philosophy-content{ text-align: center !important; } .serendib-philosophy-content .elementor-widget-heading{ text-align: center !important; } .serendib-philosophy-content .elementor-heading-title{ text-align: center !important; } /* Small title */ .serendib-philosophy-content .elementor-widget-heading:first-child .elementor-heading-title{ font-size: 14px; letter-spacing: 2.5px; text-align: center !important; } /* Remove right line on mobile */ .serendib-philosophy-content .elementor-widget-heading:first-child .elementor-heading-title::after{ display: none !important; } /* ========================================= MAIN HEADING ========================================= */ .serendib-philosophy-content .elementor-widget-heading:nth-child(2) .elementor-heading-title{ font-size: clamp(31px, 9vw, 40px); line-height: 1.15 !important; letter-spacing: -0.7px; text-align: center !important; } /* Center underline */ .serendib-philosophy-content .elementor-widget-heading:nth-child(2) .elementor-heading-title::after{ margin-left: auto; margin-right: auto; } /* ========================================= PARAGRAPHS CENTER ========================================= */ .serendib-philosophy-content .elementor-widget-text-editor, .serendib-philosophy-content .elementor-widget-text-editor p{ text-align: center !important; font-size: 15px; line-height: 1.72; } /* ========================================= BUTTON CENTER ========================================= */ .serendib-philosophy-btn{ text-align: center !important; } .serendib-philosophy-btn .elementor-button-wrapper{ display: flex !important; justify-content: center !important; text-align: center !important; } /* ========================================= RIGHT CARDS CENTER ========================================= */ .serendib-philosophy-cards{ text-align: center !important; } .serendib-philosophy-card{ text-align: center !important; border-radius: 16px; } .serendib-philosophy-card .elementor-widget-icon{ text-align: center !important; } .serendib-philosophy-card .elementor-icon{ width: 62px; height: 62px; margin-left: auto; margin-right: auto; } .serendib-philosophy-card .elementor-widget-heading{ text-align: center !important; } .serendib-philosophy-card .elementor-heading-title{ text-align: center !important; } .serendib-philosophy-card .elementor-widget-text-editor, .serendib-philosophy-card .elementor-widget-text-editor p{ text-align: center !important; font-size: 15px; line-height: 1.65; } /* Reduce movement on mobile */ .serendib-philosophy-card:hover{ transform: translateY(-4px); } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px){ .serendib-philosophy-content .elementor-widget-heading:nth-child(2) .elementor-heading-title{ font-size: 30px !important; line-height: 1.16 !important; } .serendib-philosophy-content .elementor-widget-text-editor, .serendib-philosophy-content .elementor-widget-text-editor p{ font-size: 15px; line-height: 1.7; } .serendib-philosophy-card .elementor-icon{ width: 58px; height: 58px; } .serendib-philosophy-card .elementor-heading-title{ font-size: 22px !important; } .serendib-philosophy-card .elementor-widget-text-editor, .serendib-philosophy-card .elementor-widget-text-editor p{ font-size: 14px; line-height: 1.65; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-6ea07b8 *//* ========================================================= TRAVEL WITH SERENDIB MODERN WILDLIFE CTA SECTION Existing padding & margin are NOT changed ========================================================= */ .serendib-story-cta{ position: relative; overflow: hidden; isolation: isolate; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; } /* ========================================================= PREMIUM BACKGROUND OVERLAY ========================================================= */ .serendib-story-cta::before{ content: ""; position: absolute; inset: 0; background: linear-gradient( 110deg, rgba(4, 29, 54, 0.76) 0%, rgba(4, 62, 65, 0.58) 48%, rgba(7, 107, 73, 0.50) 100% ), linear-gradient( 180deg, rgba(0,0,0,0.12) 0%, rgba(0,0,0,0.28) 100% ); z-index: 0; pointer-events: none; } /* ========================================================= SOFT GOLD / GREEN GLOW ========================================================= */ .serendib-story-cta::after{ content: ""; position: absolute; width: 620px; height: 620px; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; background: radial-gradient( circle, rgba(245, 187, 65, 0.15) 0%, rgba(16, 130, 86, 0.07) 38%, transparent 72% ); filter: blur(26px); z-index: 0; pointer-events: none; } /* Keep content above overlays */ .serendib-story-cta > *, .serendib-story-cta .e-con-inner{ position: relative; z-index: 2; } /* ========================================================= CONTENT CONTAINER ========================================================= */ .serendib-story-cta-content{ position: relative; text-align: center !important; } /* ========================================================= MAIN HEADING ========================================================= */ .serendib-story-cta-content .elementor-widget-heading .elementor-heading-title{ color: #ffffff !important; font-weight: 700 !important; line-height: 1.15 !important; letter-spacing: -1px; text-align: center !important; text-shadow: 0 5px 20px rgba(0,0,0,0.30); position: relative; } /* Modern accent line */ .serendib-story-cta-content .elementor-widget-heading .elementor-heading-title::after{ content: ""; display: block; width: 70px; height: 4px; margin-left: auto; margin-right: auto; background: linear-gradient( 90deg, #f1b53b 0%, #ffd976 50%, #f1b53b 100% ); border-radius: 50px; box-shadow: 0 4px 15px rgba(244, 181, 55, 0.34); } /* ========================================================= PARAGRAPH TEXT ========================================================= */ .serendib-story-cta-content .elementor-widget-text-editor, .serendib-story-cta-content .elementor-widget-text-editor p{ color: rgba(255,255,255,0.94) !important; font-size: 16px; line-height: 1.72; font-weight: 400; text-align: center !important; text-shadow: 0 3px 12px rgba(0,0,0,0.25); } /* Bold / tagline text */ .serendib-story-cta-content strong{ color: #ffffff !important; font-weight: 700; text-shadow: 0 3px 12px rgba(0,0,0,0.25); } /* ========================================================= BUTTON WRAPPER ========================================================= */ .serendib-story-cta-btn{ text-align: center !important; } .serendib-story-cta-btn .elementor-button-wrapper{ display: flex !important; align-items: center; justify-content: center !important; text-align: center !important; } /* ========================================================= MODERN BUTTON ========================================================= */ .serendib-story-cta-btn .elementor-button{ position: relative; overflow: hidden; display: inline-flex !important; align-items: center; justify-content: center; background: linear-gradient( 135deg, #113b6b 0%, #087d55 100% ) !important; color: #ffffff !important; border: 1px solid rgba(255,255,255,0.22); border-radius: 50px !important; font-weight: 600 !important; letter-spacing: 0.2px; box-shadow: 0 12px 30px rgba(2, 24, 47, 0.28), inset 0 1px 0 rgba(255,255,255,0.12); transition: transform .3s ease, box-shadow .3s ease, background .3s ease; } /* ========================================================= BUTTON SHINE ========================================================= */ .serendib-story-cta-btn .elementor-button::before{ content: ""; position: absolute; top: 0; left: -120%; width: 75%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,0.24), transparent ); transform: skewX(-22deg); transition: left .6s ease; } .serendib-story-cta-btn .elementor-button:hover::before{ left: 130%; } /* Button hover */ .serendib-story-cta-btn .elementor-button:hover{ transform: translateY(-4px); background: linear-gradient( 135deg, #087d55 0%, #124475 100% ) !important; box-shadow: 0 17px 36px rgba(2, 24, 47, 0.34), 0 5px 15px rgba(8, 125, 85, 0.20); } /* Button text */ .serendib-story-cta-btn .elementor-button-text{ position: relative; z-index: 2; color: #ffffff !important; } /* Button icon */ .serendib-story-cta-btn .elementor-button-icon{ position: relative; z-index: 2; transition: transform .3s ease; } .serendib-story-cta-btn .elementor-button:hover .elementor-button-icon{ transform: translateX(4px); } /* ========================================================= SUBTLE BORDER EFFECT ========================================================= */ .serendib-story-cta{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.07), inset 0 -1px 0 rgba(255,255,255,0.08); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px){ .serendib-story-cta{ background-position: center center !important; } .serendib-story-cta-content .elementor-widget-heading .elementor-heading-title{ font-size: 38px; } } /* ========================================================= MOBILE EVERYTHING CENTERED ========================================================= */ @media (max-width: 767px){ .serendib-story-cta{ text-align: center !important; background-position: center center !important; } /* Darker overlay for mobile readability */ .serendib-story-cta::before{ background: linear-gradient( 180deg, rgba(3, 25, 49, 0.72) 0%, rgba(4, 63, 66, 0.68) 48%, rgba(4, 82, 60, 0.70) 100% ), linear-gradient( 180deg, rgba(0,0,0,0.08), rgba(0,0,0,0.22) ); } .serendib-story-cta::after{ width: 420px; height: 420px; } /* ========================================= CONTENT CENTER ========================================= */ .serendib-story-cta-content{ width: 100%; text-align: center !important; } .serendib-story-cta-content .elementor-widget-heading{ text-align: center !important; } .serendib-story-cta-content .elementor-heading-title{ text-align: center !important; } /* ========================================= HEADING ========================================= */ .serendib-story-cta-content .elementor-widget-heading .elementor-heading-title{ font-size: clamp(30px, 9vw, 40px); line-height: 1.16 !important; letter-spacing: -0.6px; } .serendib-story-cta-content .elementor-widget-heading .elementor-heading-title::after{ width: 58px; margin-left: auto !important; margin-right: auto !important; } /* ========================================= ALL TEXT CENTER ========================================= */ .serendib-story-cta-content .elementor-widget-text-editor, .serendib-story-cta-content .elementor-widget-text-editor p{ text-align: center !important; font-size: 15px; line-height: 1.7; } /* ========================================= BUTTON CENTER ========================================= */ .serendib-story-cta-btn{ width: 100%; text-align: center !important; } .serendib-story-cta-btn .elementor-button-wrapper{ width: 100%; display: flex !important; align-items: center; justify-content: center !important; text-align: center !important; } .serendib-story-cta-btn .elementor-button{ display: inline-flex !important; align-items: center; justify-content: center; } /* Reduce movement on touch devices */ .serendib-story-cta-btn .elementor-button:hover{ transform: translateY(-2px); } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px){ .serendib-story-cta-content .elementor-widget-heading .elementor-heading-title{ font-size: 30px !important; line-height: 1.18 !important; } .serendib-story-cta-content .elementor-widget-text-editor, .serendib-story-cta-content .elementor-widget-text-editor p{ font-size: 14px; line-height: 1.7; text-align: center !important; } .serendib-story-cta-content strong{ text-align: center !important; } .serendib-story-cta-btn, .serendib-story-cta-btn .elementor-button-wrapper{ text-align: center !important; justify-content: center !important; } }/* End custom CSS */