.elementor-386 .elementor-element.elementor-element-8331202{--display:flex;}.elementor-386 .elementor-element.elementor-element-10ec068{--display:flex;--min-height:620px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:135px;--padding-bottom:85px;--padding-left:32px;--padding-right:32px;}.elementor-386 .elementor-element.elementor-element-10ec068:not(.elementor-motion-effects-element-type-background), .elementor-386 .elementor-element.elementor-element-10ec068 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sarungroup.com/wp-content/uploads/2026/07/ChatGPT-Image-Jul-4-2026-01_36_21-PM.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-386 .elementor-element.elementor-element-aab7c16{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-386 .elementor-element.elementor-element-aab7c16::before, .elementor-386 .elementor-element.elementor-element-aab7c16 > .elementor-background-video-container::before, .elementor-386 .elementor-element.elementor-element-aab7c16 > .e-con-inner > .elementor-background-video-container::before, .elementor-386 .elementor-element.elementor-element-aab7c16 > .elementor-background-slideshow::before, .elementor-386 .elementor-element.elementor-element-aab7c16 > .e-con-inner > .elementor-background-slideshow::before, .elementor-386 .elementor-element.elementor-element-aab7c16 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(135deg, #230012C2 0%, #6600338F 100%);}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-386 .elementor-element.elementor-element-ea1ece8{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-386 .elementor-element.elementor-element-ea1ece8 .elementor-divider-separator{width:100%;}.elementor-386 .elementor-element.elementor-element-ea1ece8 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-386 .elementor-element.elementor-element-32e0c7a .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-386 .elementor-element.elementor-element-44aa477{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--overflow:hidden;--padding-top:60px;--padding-bottom:60px;--padding-left:32px;--padding-right:32px;}.elementor-386 .elementor-element.elementor-element-5a27a93{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:28px 28px;--row-gap:28px;--column-gap:28px;}.elementor-386 .elementor-element.elementor-element-c813c49{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:14px 14px;--row-gap:14px;--column-gap:14px;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-386 .elementor-element.elementor-element-904ed4d .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-386 .elementor-element.elementor-element-904ed4d .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-386 .elementor-element.elementor-element-904ed4d .elementor-field-group.recaptcha_v3-bottomleft, .elementor-386 .elementor-element.elementor-element-904ed4d .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-386 .elementor-element.elementor-element-904ed4d .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-386 .elementor-element.elementor-element-904ed4d .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-386 .elementor-element.elementor-element-904ed4d .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-386 .elementor-element.elementor-element-904ed4d .elementor-field-type-html{padding-bottom:0px;}.elementor-386 .elementor-element.elementor-element-904ed4d .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-386 .elementor-element.elementor-element-904ed4d .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-386 .elementor-element.elementor-element-904ed4d .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-386 .elementor-element.elementor-element-904ed4d .elementor-button[type="submit"]{color:#ffffff;}.elementor-386 .elementor-element.elementor-element-904ed4d .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-386 .elementor-element.elementor-element-904ed4d .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-386 .elementor-element.elementor-element-904ed4d .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-386 .elementor-element.elementor-element-904ed4d .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-386 .elementor-element.elementor-element-904ed4d .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-386 .elementor-element.elementor-element-904ed4d .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-386 .elementor-element.elementor-element-904ed4d{--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;}.elementor-386 .elementor-element.elementor-element-03692cd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:18px 18px;--row-gap:18px;--column-gap:18px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-386 .elementor-element.elementor-element-e144dde .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-386 .elementor-element.elementor-element-e144dde .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-386 .elementor-element.elementor-element-e144dde{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-386 .elementor-element.elementor-element-e144dde .elementor-icon-list-text{transition:color 0.3s;}.elementor-386 .elementor-element.elementor-element-54499c4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-386 .elementor-element.elementor-element-13de768 .elementor-button-content-wrapper{flex-direction:row;}.elementor-386 .elementor-element.elementor-element-4a58ea7 .elementor-button-content-wrapper{flex-direction:row;}.elementor-386 .elementor-element.elementor-element-c2272e0{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-386 .elementor-element.elementor-element-c2272e0 .elementor-divider-separator{width:100%;}.elementor-386 .elementor-element.elementor-element-c2272e0 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-386 .elementor-element.elementor-element-088ed9c{--display:flex;}.elementor-386 .elementor-element.elementor-element-21e7431{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-386 .elementor-element.elementor-element-aab7c16{--content-width:950px;}.elementor-386 .elementor-element.elementor-element-5a27a93{--width:1180px;}.elementor-386 .elementor-element.elementor-element-c813c49{--width:66%;}.elementor-386 .elementor-element.elementor-element-03692cd{--width:34%;}}@media(max-width:1024px){.elementor-386 .elementor-element.elementor-element-10ec068{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:75px;--padding-left:28px;--padding-right:28px;}.elementor-386 .elementor-element.elementor-element-44aa477{--padding-top:85px;--padding-bottom:85px;--padding-left:26px;--padding-right:26px;}}@media(max-width:767px){.elementor-386 .elementor-element.elementor-element-10ec068{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:105px;--padding-bottom:65px;--padding-left:20px;--padding-right:20px;}.elementor-386 .elementor-element.elementor-element-44aa477{--padding-top:65px;--padding-bottom:65px;--padding-left:18px;--padding-right:18px;}}/* Start custom CSS for container, class: .elementor-element-5a27a93 *//* ========================================= CONSENT FIELD + REQUIRED NOTE ========================================= */ /* Consent row */ .sarun-enquiry-form-widget .elementor-field-type-acceptance { margin-top: 2px !important; margin-bottom: 5px !important; } .sarun-enquiry-form-widget .elementor-field-type-acceptance .elementor-field-subgroup { width: 100% !important; padding: 14px 16px !important; background: rgba(255, 249, 243, 0.72) !important; border: 1px solid rgba(200, 164, 106, 0.36) !important; border-radius: 12px !important; } .sarun-enquiry-form-widget .elementor-field-type-acceptance .elementor-field-option { display: flex !important; align-items: flex-start !important; gap: 10px !important; } /* Consent checkbox */ .sarun-enquiry-form-widget .elementor-field-type-acceptance input[type="checkbox"] { width: 17px !important; min-width: 17px !important; height: 17px !important; margin: 2px 0 0 !important; accent-color: #8E064B !important; } /* Consent wording */ .sarun-enquiry-form-widget .elementor-field-type-acceptance label { color: #5C3A4A !important; font-family: "Montserrat", sans-serif !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1.5 !important; } /* Required-fields note */ .sarun-enquiry-form-widget .sarun-required-note { margin: 0 !important; padding: 0 !important; color: #816A75 !important; font-family: "Montserrat", sans-serif !important; font-size: 10.5px !important; font-weight: 500 !important; line-height: 1.4 !important; } .sarun-enquiry-form-widget .sarun-required-note span { color: #A60958 !important; font-weight: 700 !important; } /* Tighten spacing before submit button */ .sarun-enquiry-form-widget .elementor-field-type-html { margin-bottom: 4px !important; } .sarun-enquiry-form-widget .elementor-field-type-submit { margin-top: 4px !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-10ec068 *//* ========================================= SARUN CONTACT PAGE — ENQUIRY SECTION Clean corrected version ========================================= */ .sarun-enquiry-section { position: relative; isolation: isolate; width: 100vw !important; max-width: none !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; padding: 54px 32px 95px !important; background: radial-gradient( circle at 8% 12%, rgba(245, 75, 156, 0.07), transparent 30% ), radial-gradient( circle at 92% 78%, rgba(200, 164, 106, 0.11), transparent 32% ), #FFF9F3 !important; overflow: hidden; } /* Subtle decorative orbit */ .sarun-enquiry-section::before { content: ""; position: absolute; top: -240px; right: -260px; z-index: -1; width: 560px; height: 560px; border: 1px solid rgba(200, 164, 106, 0.16); border-radius: 50%; pointer-events: none; } /* Anchor target */ #sarun-enquiry-form { scroll-margin-top: 96px !important; } /* ========================================= GRID ========================================= */ .sarun-enquiry-grid { width: 100% !important; max-width: 1180px !important; display: grid !important; grid-template-columns: minmax(0, 1.6fr) minmax(330px, 0.85fr) !important; align-items: start !important; gap: 28px !important; margin: 0 auto !important; } /* ========================================= FORM CARD ========================================= */ .sarun-enquiry-card { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 48px 46px 45px !important; background: linear-gradient( 145deg, rgba(255, 255, 255, 0.96), rgba(255, 249, 243, 0.92) ) !important; border: 1px solid rgba(200, 164, 106, 0.42) !important; border-radius: 28px !important; box-shadow: 0 28px 70px rgba(62, 0, 31, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.96) !important; overflow: hidden !important; } .sarun-enquiry-eyebrow, .sarun-enquiry-eyebrow .elementor-heading-title { margin: 0 !important; color: #C08E3E !important; font-family: "Montserrat", sans-serif !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: 2.6px !important; text-transform: uppercase !important; } .sarun-enquiry-title, .sarun-enquiry-title .elementor-heading-title { margin: 0 !important; color: #660033 !important; font-family: "Cormorant Garamond", serif !important; font-size: clamp(42px, 4.2vw, 58px) !important; font-weight: 500 !important; line-height: 1 !important; letter-spacing: -0.9px !important; } .sarun-enquiry-copy { max-width: 650px; margin: 0 0 14px !important; } .sarun-enquiry-copy, .sarun-enquiry-copy p { color: #735B67 !important; font-family: "Montserrat", sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.7 !important; } .sarun-enquiry-copy p { margin: 0 !important; } /* ========================================= ELEMENTOR FORM ========================================= */ .sarun-enquiry-form-widget { width: 100% !important; margin-top: 8px !important; } .sarun-enquiry-form-widget .elementor-form-fields-wrapper { column-gap: 0 !important; row-gap: 7px !important; } .sarun-enquiry-form-widget .elementor-field-group { padding-left: 7px !important; padding-right: 7px !important; margin-bottom: 14px !important; } /* Labels */ .sarun-enquiry-form-widget .elementor-field-label { margin-bottom: 7px !important; color: #4B2538 !important; font-family: "Montserrat", sans-serif !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.3 !important; letter-spacing: 0.05px !important; } /* Required asterisk */ .sarun-enquiry-form-widget .elementor-field-required .elementor-field-label::after { color: #A60958 !important; font-weight: 700 !important; } /* Inputs, selects and textarea */ .sarun-enquiry-form-widget .elementor-field, .sarun-enquiry-form-widget input.elementor-field, .sarun-enquiry-form-widget select.elementor-field, .sarun-enquiry-form-widget textarea.elementor-field { min-height: 52px !important; padding: 13px 15px !important; color: #3F2431 !important; background: rgba(255, 249, 243, 0.76) !important; border: 1px solid rgba(200, 164, 106, 0.46) !important; border-radius: 12px !important; box-shadow: inset 0 1px 2px rgba(66, 0, 33, 0.035) !important; font-family: "Montserrat", sans-serif !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.4 !important; transition: border-color 0.22s ease, background-color 0.22s ease, box-shadow 0.22s ease !important; } .sarun-enquiry-form-widget textarea.elementor-field { min-height: 150px !important; resize: vertical; } .sarun-enquiry-form-widget .elementor-field::placeholder { color: rgba(75, 37, 56, 0.46) !important; } .sarun-enquiry-form-widget .elementor-field:focus { outline: none !important; background: #FFFFFF !important; border-color: #A60958 !important; box-shadow: 0 0 0 3px rgba(166, 9, 88, 0.09), inset 0 1px 2px rgba(66, 0, 33, 0.025) !important; } /* ========================================= SELECT FIELD — SINGLE CLEAN ARROW ========================================= */ .sarun-enquiry-form-widget .elementor-field-type-select .elementor-select-wrapper { position: relative !important; } .sarun-enquiry-form-widget .elementor-field-type-select .elementor-select-wrapper::before, .sarun-enquiry-form-widget .elementor-field-type-select .select-caret-down-wrapper { display: none !important; content: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } .sarun-enquiry-form-widget .elementor-field-type-select select, .sarun-enquiry-form-widget .elementor-field-type-select select.elementor-field, .sarun-enquiry-form-widget .elementor-field-type-select .elementor-field { appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; background-image: none !important; padding-right: 46px !important; } .sarun-enquiry-form-widget .elementor-field-type-select select::-ms-expand { display: none !important; } .sarun-enquiry-form-widget .elementor-field-type-select .elementor-select-wrapper::after { content: "" !important; position: absolute !important; top: 50% !important; right: 17px !important; width: 10px !important; height: 10px !important; background-color: #4B2538 !important; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: contain !important; mask-size: contain !important; transform: translateY(-50%) !important; pointer-events: none !important; } /* ========================================= SERVICES CHECKBOX GROUP ========================================= */ .sarun-enquiry-form-widget .elementor-field-type-checkbox .elementor-field-subgroup { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px 14px !important; width: 100% !important; padding: 16px !important; background: rgba(255, 249, 243, 0.72) !important; border: 1px solid rgba(200, 164, 106, 0.36) !important; border-radius: 14px !important; } .sarun-enquiry-form-widget .elementor-field-type-checkbox .elementor-field-option { display: flex !important; align-items: flex-start !important; gap: 8px !important; } .sarun-enquiry-form-widget .elementor-field-type-checkbox input[type="checkbox"] { width: 16px !important; height: 16px !important; margin: 1px 0 0 !important; accent-color: #8E064B; } .sarun-enquiry-form-widget .elementor-field-type-checkbox .elementor-field-option label { color: #5C3A4A !important; font-family: "Montserrat", sans-serif !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1.4 !important; } /* ========================================= ACCEPTANCE CHECKBOX ========================================= */ .sarun-enquiry-form-widget .elementor-field-type-acceptance { margin-top: 3px !important; margin-bottom: 5px !important; } .sarun-enquiry-form-widget .elementor-field-type-acceptance .elementor-field-subgroup { width: 100% !important; display: block !important; padding: 13px 15px !important; background: rgba(255, 249, 243, 0.72) !important; border: 1px solid rgba(200, 164, 106, 0.36) !important; border-radius: 12px !important; } .sarun-enquiry-form-widget .elementor-field-type-acceptance .elementor-field-option { display: grid !important; grid-template-columns: 18px minmax(0, 1fr) !important; align-items: center !important; column-gap: 10px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .sarun-enquiry-form-widget .elementor-field-type-acceptance input[type="checkbox"] { width: 17px !important; min-width: 17px !important; max-width: 17px !important; height: 17px !important; min-height: 17px !important; max-height: 17px !important; display: block !important; margin: 0 !important; padding: 0 !important; align-self: center !important; accent-color: #8E064B !important; } .sarun-enquiry-form-widget .elementor-field-type-acceptance label { display: block !important; margin: 0 !important; padding: 0 !important; color: #5C3A4A !important; font-family: "Montserrat", sans-serif !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1.45 !important; } /* Required note */ .sarun-enquiry-form-widget .sarun-required-note { margin-top: -3px !important; margin-bottom: 2px !important; padding: 0 !important; color: #816A75 !important; font-family: "Montserrat", sans-serif !important; font-size: 10.5px !important; font-weight: 500 !important; line-height: 1.4 !important; } .sarun-enquiry-form-widget .sarun-required-note span { color: #A60958 !important; font-weight: 700 !important; } /* ========================================= SUBMIT BUTTON ========================================= */ .sarun-enquiry-form-widget .elementor-field-type-submit { margin-top: 2px !important; } .sarun-enquiry-form-widget .elementor-button[type="submit"] { min-width: 205px !important; min-height: 54px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 14px 26px !important; color: #FFF9F3 !important; background: linear-gradient( 135deg, #660033, #A60958 ) !important; border: 1px solid #C8A46A !important; border-radius: 999px !important; box-shadow: 0 13px 28px rgba(102, 0, 51, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important; font-family: "Montserrat", sans-serif !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1 !important; transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease !important; } .sarun-enquiry-form-widget .elementor-button[type="submit"]:hover { background: #E6C98F !important; color: #660033 !important; transform: translateY(-2px) !important; box-shadow: 0 16px 32px rgba(102, 0, 51, 0.24), 0 0 18px rgba(200, 164, 106, 0.18) !important; } .sarun-enquiry-form-widget .elementor-button[type="submit"] .elementor-button-content-wrapper { display: flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; } .sarun-enquiry-form-widget .elementor-button[type="submit"] .elementor-button-text { line-height: 1 !important; } /* Form messages */ .sarun-enquiry-form-widget .elementor-message { padding: 13px 15px !important; border-radius: 11px !important; font-family: "Montserrat", sans-serif !important; font-size: 12px !important; line-height: 1.5 !important; } .sarun-enquiry-form-widget .elementor-message-success { color: #28523A !important; background: #EFF8F1 !important; border: 1px solid #B9D8C1 !important; } /* ========================================= CONTACT CARD ========================================= */ .sarun-contact-card { position: sticky !important; top: 105px !important; align-self: start !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 40px 30px 34px !important; color: #FFF9F3 !important; background: radial-gradient( circle at 100% 0%, rgba(245, 75, 156, 0.22), transparent 42% ), linear-gradient( 145deg, #420021 0%, #660033 58%, #7F0645 100% ) !important; border: 1px solid rgba(230, 201, 143, 0.52) !important; border-radius: 28px !important; box-shadow: 0 28px 65px rgba(44, 0, 22, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important; overflow: hidden !important; } .sarun-contact-card::after { content: ""; position: absolute; right: -105px; bottom: -110px; width: 245px; height: 245px; border: 1px solid rgba(230, 201, 143, 0.16); border-radius: 50%; pointer-events: none; } .sarun-contact-card-eyebrow, .sarun-contact-card-eyebrow .elementor-heading-title { margin: 0 !important; color: #E6C98F !important; font-family: "Montserrat", sans-serif !important; font-size: 10px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: 2.4px !important; text-transform: uppercase !important; } .sarun-contact-card-title, .sarun-contact-card-title .elementor-heading-title { margin: 0 !important; color: #FFF9F3 !important; font-family: "Cormorant Garamond", serif !important; font-size: 39px !important; font-weight: 500 !important; line-height: 1.02 !important; letter-spacing: -0.5px !important; } .sarun-contact-card-copy, .sarun-contact-card-copy p { color: rgba(255, 249, 243, 0.76) !important; font-family: "Montserrat", sans-serif !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.65 !important; } .sarun-contact-card-copy p { margin: 0 !important; } /* Contact details */ .sarun-contact-details .elementor-icon-list-items { display: flex !important; flex-direction: column !important; gap: 14px !important; margin: 0 !important; padding: 0 !important; } .sarun-contact-details .elementor-icon-list-item { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* All contact rows should be linked */ .sarun-contact-details .elementor-icon-list-item > a { width: 100% !important; min-height: 44px !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 14px !important; margin: 0 !important; padding: 0 !important; color: #FFF9F3 !important; text-decoration: none !important; border-radius: 12px !important; box-sizing: border-box !important; } /* Icon circle */ .sarun-contact-details .elementor-icon-list-icon { width: 38px !important; min-width: 38px !important; max-width: 38px !important; height: 38px !important; min-height: 38px !important; max-height: 38px !important; flex: 0 0 38px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; color: #E6C98F !important; background: rgba(230, 201, 143, 0.10) !important; border: 1px solid rgba(230, 201, 143, 0.32) !important; border-radius: 50% !important; box-shadow: none !important; line-height: 1 !important; box-sizing: border-box !important; } .sarun-contact-details .elementor-icon-list-icon svg { width: 15px !important; height: 15px !important; display: block !important; color: inherit !important; fill: currentColor !important; margin: 0 !important; } .sarun-contact-details .elementor-icon-list-icon i { width: auto !important; height: auto !important; display: block !important; color: inherit !important; font-size: 15px !important; line-height: 1 !important; margin: 0 !important; } .sarun-contact-details .elementor-icon-list-text { display: block !important; margin: 0 !important; padding: 0 !important; color: #FFF9F3 !important; font-family: "Montserrat", sans-serif !important; font-size: 12.5px !important; font-weight: 700 !important; line-height: 1.25 !important; white-space: nowrap !important; } .sarun-contact-details .elementor-icon-list-item > a:hover .elementor-icon-list-icon { color: #660033 !important; background: #E6C98F !important; border-color: #E6C98F !important; } /* Action buttons */ .sarun-contact-actions { width: 100% !important; } .sarun-contact-primary-button, .sarun-contact-secondary-button { width: 100% !important; } .sarun-contact-primary-button .elementor-button-wrapper, .sarun-contact-secondary-button .elementor-button-wrapper { width: 100% !important; } .sarun-contact-primary-button .elementor-button, .sarun-contact-secondary-button .elementor-button { width: 100% !important; min-height: 48px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; padding: 12px 18px !important; border-radius: 999px !important; font-family: "Montserrat", sans-serif !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1 !important; transition: color 0.22s ease, background-color 0.22s ease, transform 0.22s ease !important; } .sarun-contact-primary-button .elementor-button { color: #660033 !important; background: #E6C98F !important; border: 1px solid #E6C98F !important; } .sarun-contact-primary-button .elementor-button:hover { color: #FFF9F3 !important; background: #A60958 !important; transform: translateY(-2px) !important; } .sarun-contact-secondary-button .elementor-button { color: #FFF9F3 !important; background: transparent !important; border: 1px solid rgba(230, 201, 143, 0.62) !important; } .sarun-contact-secondary-button .elementor-button:hover { color: #660033 !important; background: #FFF9F3 !important; transform: translateY(-2px) !important; } /* Divider */ .sarun-contact-card .elementor-divider-separator { border-top-color: rgba(230, 201, 143, 0.28) !important; } /* Before you send */ .sarun-contact-note-title, .sarun-contact-note-title .elementor-heading-title { margin: 0 !important; color: #E6C98F !important; font-family: "Montserrat", sans-serif !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1.3 !important; letter-spacing: 0.4px !important; text-transform: uppercase !important; } .sarun-contact-note, .sarun-contact-note p { color: rgba(255, 249, 243, 0.70) !important; font-family: "Montserrat", sans-serif !important; font-size: 11.5px !important; font-weight: 400 !important; line-height: 1.6 !important; } .sarun-contact-note p { margin: 0 !important; } /* ========================================= TABLET ========================================= */ @media only screen and (max-width: 1024px) { #sarun-enquiry-form { scroll-margin-top: 86px !important; } .sarun-enquiry-section { padding: 48px 26px 78px !important; } .sarun-enquiry-grid { grid-template-columns: minmax(0, 1.35fr) minmax(295px, 0.8fr) !important; gap: 22px !important; } .sarun-enquiry-card { padding: 40px 30px 38px !important; } .sarun-contact-card { top: 95px !important; padding: 36px 25px 32px !important; } .sarun-contact-card-title, .sarun-contact-card-title .elementor-heading-title { font-size: 34px !important; } } /* ========================================= MOBILE ========================================= */ @media only screen and (max-width: 767px) { #sarun-enquiry-form { scroll-margin-top: 78px !important; } .sarun-enquiry-section { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding: 38px 16px 62px !important; } .sarun-enquiry-grid { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: 420px !important; gap: 22px !important; margin: 0 auto !important; } .sarun-enquiry-card, .sarun-contact-card { width: 100% !important; max-width: 100% !important; margin: 0 auto !important; } .sarun-enquiry-card { padding: 32px 19px 30px !important; border-radius: 22px !important; } .sarun-enquiry-title, .sarun-enquiry-title .elementor-heading-title { font-size: 39px !important; line-height: 1 !important; } .sarun-enquiry-copy, .sarun-enquiry-copy p { font-size: 13px !important; line-height: 1.65 !important; } .sarun-enquiry-form-widget .elementor-field-group { width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } .sarun-enquiry-form-widget .elementor-field-type-checkbox .elementor-field-subgroup { grid-template-columns: 1fr !important; } .sarun-enquiry-form-widget .elementor-field-type-acceptance .elementor-field-option { grid-template-columns: 18px minmax(0, 1fr) !important; align-items: start !important; } .sarun-enquiry-form-widget .elementor-field-type-acceptance input[type="checkbox"] { margin-top: 1px !important; } .sarun-enquiry-form-widget .elementor-field-type-acceptance label { font-size: 11.5px !important; line-height: 1.45 !important; } .sarun-enquiry-form-widget .elementor-button[type="submit"] { width: 100% !important; } .sarun-contact-card { position: relative !important; top: auto !important; padding: 34px 22px 30px !important; border-radius: 22px !important; } .sarun-contact-card-title, .sarun-contact-card-title .elementor-heading-title { font-size: 35px !important; line-height: 1.03 !important; } .sarun-contact-details .elementor-icon-list-items { gap: 13px !important; } .sarun-contact-details .elementor-icon-list-icon { width: 36px !important; min-width: 36px !important; max-width: 36px !important; height: 36px !important; min-height: 36px !important; max-height: 36px !important; flex-basis: 36px !important; } .sarun-contact-details .elementor-icon-list-text { font-size: 12px !important; line-height: 1.2 !important; white-space: normal !important; } .sarun-contact-actions .elementor-button { min-height: 46px !important; } }/* End custom CSS */ /* Start custom CSS *//* ========================================= SARUN CONTACT PAGE — CLEAN FINAL CSS Sections included: 1. Contact Hero 2. Hero CTA 3. Enquiry Section 4. Form Styling 5. Contact Details Card 6. Responsive Styling ========================================= */ /* ========================================= GLOBAL CONTACT PAGE HELPERS ========================================= */ html { scroll-behavior: smooth; } #sarun-enquiry-form { scroll-margin-top: 96px !important; } /* ========================================= SECTION 1 — CONTACT HERO ========================================= */ .sarun-contact-hero { position: relative; isolation: isolate; width: 100vw !important; max-width: none !important; min-height: 500px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; padding: 46px 32px 24px !important; background-color: #36001b; background-position: center center !important; background-repeat: no-repeat !important; background-size: cover !important; overflow: hidden; } /* Soft magenta glow */ .sarun-contact-hero::before { content: ""; position: absolute; left: 50%; bottom: -240px; z-index: -1; width: 720px; height: 520px; background: radial-gradient( circle, rgba(245, 75, 156, 0.26) 0%, rgba(245, 75, 156, 0.12) 38%, transparent 72% ); transform: translateX(-50%); pointer-events: none; } /* Subtle gold orbit */ .sarun-contact-hero::after { content: ""; position: absolute; top: -205px; right: -155px; z-index: -1; width: 430px; height: 430px; border: 1px solid rgba(230, 201, 143, 0.14); border-radius: 50%; box-shadow: 0 0 90px rgba(200, 164, 106, 0.09), inset 0 0 80px rgba(200, 164, 106, 0.05); pointer-events: none; } /* ========================================= HERO CONTENT FRAME ========================================= */ .sarun-contact-hero-content { position: relative; z-index: 2; width: 100% !important; max-width: 980px !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 17px !important; margin: 0 auto !important; padding: 38px 58px 34px !important; text-align: center; background: linear-gradient( 135deg, rgba(55, 0, 27, 0.42), rgba(102, 0, 51, 0.28) ) !important; border: 1px solid rgba(230, 201, 143, 0.26) !important; border-radius: 2px !important; box-shadow: 0 28px 80px rgba(35, 0, 18, 0.28), inset 0 1px 0 rgba(255, 249, 243, 0.10) !important; backdrop-filter: blur(1px); -webkit-backdrop-filter: blur(1px); } /* Eyebrow */ .sarun-contact-eyebrow, .sarun-contact-eyebrow .elementor-heading-title { margin: 0 !important; color: #E6C98F !important; font-family: "Montserrat", sans-serif !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: 3px !important; text-transform: uppercase !important; } /* Main title */ .sarun-contact-title, .sarun-contact-title .elementor-heading-title { width: 100% !important; max-width: 860px !important; margin: 0 auto !important; color: #FFF9F3 !important; font-family: "Cormorant Garamond", serif !important; font-size: clamp(58px, 6.2vw, 88px) !important; font-weight: 500 !important; line-height: 0.96 !important; letter-spacing: -1.5px !important; text-align: center !important; text-wrap: balance; text-shadow: 0 4px 24px rgba(24, 0, 12, 0.38), 0 1px 2px rgba(24, 0, 12, 0.45); } /* Supporting copy */ .sarun-contact-intro { width: 100% !important; max-width: 720px !important; margin: 0 auto !important; } .sarun-contact-intro, .sarun-contact-intro p { color: rgba(255, 249, 243, 0.92) !important; font-family: "Montserrat", sans-serif !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.65 !important; text-align: center !important; text-shadow: 0 2px 12px rgba(24, 0, 12, 0.44), 0 1px 2px rgba(24, 0, 12, 0.45); } .sarun-contact-intro p { margin: 0 !important; } /* Divider */ .sarun-contact-divider { width: 150px !important; margin: 3px auto 5px !important; } .sarun-contact-divider .elementor-divider-separator { width: 150px !important; border-top: 1px solid rgba(230, 201, 143, 0.75) !important; } .sarun-contact-divider .elementor-divider-separator::after { content: ""; width: 8px; height: 8px; display: block; margin: -5px auto 0; background: #E6C98F; transform: rotate(45deg); box-shadow: 0 0 14px rgba(230, 201, 143, 0.42); } /* ========================================= HERO CTA BUTTON ========================================= */ .sarun-contact-hero-button { margin-top: 3px !important; } /* Hide Elementor’s original icon */ .sarun-contact-hero-button .elementor-button-icon { display: none !important; } /* Main button pill */ .sarun-contact-hero-button .elementor-button { position: relative !important; width: 286px !important; min-width: 286px !important; max-width: 286px !important; min-height: 62px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 10px 64px !important; color: #FFF9F3 !important; background: linear-gradient( 135deg, #79003D 0%, #A60958 100% ) !important; border: 1px solid #E6C98F !important; border-radius: 999px !important; box-shadow: 0 15px 34px rgba(35, 0, 18, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.16) !important; font-family: "Montserrat", sans-serif !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: 0 !important; text-align: center !important; overflow: hidden !important; transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease !important; } /* Internal wrapper */ .sarun-contact-hero-button .elementor-button-content-wrapper { width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; } /* Text */ .sarun-contact-hero-button .elementor-button-text { width: 100% !important; display: block !important; margin: 0 !important; padding: 0 !important; line-height: 1.2 !important; text-align: center !important; white-space: nowrap !important; } /* Champagne arrow circle */ .sarun-contact-hero-button .elementor-button::after { content: "" !important; position: absolute !important; top: 50% !important; right: 8px !important; width: 44px !important; height: 44px !important; display: block !important; background: #E6C98F !important; border: 1px solid rgba(255, 249, 243, 0.40) !important; border-radius: 50% !important; box-shadow: 0 5px 14px rgba(35, 0, 18, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.44) !important; transform: translateY(-50%) !important; pointer-events: none !important; transition: background-color 0.25s ease, transform 0.25s ease !important; } /* Custom down arrow */ .sarun-contact-hero-button .elementor-button::before { content: "" !important; position: absolute !important; top: 50% !important; right: 30px !important; width: 18px !important; height: 18px !important; display: block !important; background-color: #660033 !important; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v15'/%3E%3Cpath d='m6.5 13.5 5.5 5.5 5.5-5.5'/%3E%3C/svg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v15'/%3E%3Cpath d='m6.5 13.5 5.5 5.5 5.5-5.5'/%3E%3C/svg%3E") !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: contain !important; mask-size: contain !important; transform: translate(50%, -50%) !important; pointer-events: none !important; transition: background-color 0.25s ease, transform 0.25s ease !important; } /* Hover */ .sarun-contact-hero-button .elementor-button:hover { color: #FFF9F3 !important; background: linear-gradient( 135deg, #8B0048 0%, #BC1268 100% ) !important; transform: translateY(-3px) !important; box-shadow: 0 20px 42px rgba(35, 0, 18, 0.42), 0 0 22px rgba(230, 201, 143, 0.16) !important; } .sarun-contact-hero-button .elementor-button:hover::after { background: #660033 !important; transform: translateY(-50%) scale(1.04) !important; } .sarun-contact-hero-button .elementor-button:hover::before { background-color: #FFF9F3 !important; transform: translate(50%, -50%) translateY(1px) !important; } .sarun-contact-hero-button .elementor-button:focus-visible { outline: 2px solid #FFF9F3 !important; outline-offset: 4px !important; } /* ========================================= SECTION 2 — ENQUIRY SECTION ========================================= */ .sarun-enquiry-section { position: relative; isolation: isolate; width: 100vw !important; max-width: none !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; padding: 54px 32px 95px !important; background: radial-gradient( circle at 8% 12%, rgba(245, 75, 156, 0.07), transparent 30% ), radial-gradient( circle at 92% 78%, rgba(200, 164, 106, 0.11), transparent 32% ), #FFF9F3 !important; overflow: hidden; } /* Decorative orbit */ .sarun-enquiry-section::before { content: ""; position: absolute; top: -240px; right: -260px; z-index: -1; width: 560px; height: 560px; border: 1px solid rgba(200, 164, 106, 0.16); border-radius: 50%; pointer-events: none; } /* Two-column grid */ .sarun-enquiry-grid { width: 100% !important; max-width: 1180px !important; display: grid !important; grid-template-columns: minmax(0, 1.6fr) minmax(330px, 0.85fr) !important; align-items: start !important; gap: 28px !important; margin: 0 auto !important; } /* ========================================= FORM CARD ========================================= */ .sarun-enquiry-card { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 48px 46px 45px !important; background: linear-gradient( 145deg, rgba(255, 255, 255, 0.96), rgba(255, 249, 243, 0.92) ) !important; border: 1px solid rgba(200, 164, 106, 0.42) !important; border-radius: 28px !important; box-shadow: 0 28px 70px rgba(62, 0, 31, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.96) !important; overflow: hidden !important; } .sarun-enquiry-eyebrow, .sarun-enquiry-eyebrow .elementor-heading-title { margin: 0 !important; color: #C08E3E !important; font-family: "Montserrat", sans-serif !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: 2.6px !important; text-transform: uppercase !important; } .sarun-enquiry-title, .sarun-enquiry-title .elementor-heading-title { margin: 0 !important; color: #660033 !important; font-family: "Cormorant Garamond", serif !important; font-size: clamp(42px, 4.2vw, 58px) !important; font-weight: 500 !important; line-height: 1 !important; letter-spacing: -0.9px !important; } .sarun-enquiry-copy { max-width: 650px; margin: 0 0 14px !important; } .sarun-enquiry-copy, .sarun-enquiry-copy p { color: #735B67 !important; font-family: "Montserrat", sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.7 !important; } .sarun-enquiry-copy p { margin: 0 !important; } /* ========================================= FORM WIDGET ========================================= */ .sarun-enquiry-form-widget { width: 100% !important; margin-top: 8px !important; } .sarun-enquiry-form-widget .elementor-form-fields-wrapper { column-gap: 0 !important; row-gap: 7px !important; } .sarun-enquiry-form-widget .elementor-field-group { padding-left: 7px !important; padding-right: 7px !important; margin-bottom: 14px !important; } /* Labels */ .sarun-enquiry-form-widget .elementor-field-label { margin-bottom: 7px !important; color: #4B2538 !important; font-family: "Montserrat", sans-serif !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.3 !important; letter-spacing: 0.05px !important; } /* Required asterisks */ .sarun-enquiry-form-widget .elementor-field-required .elementor-field-label::after { color: #A60958 !important; font-weight: 700 !important; } /* Inputs */ .sarun-enquiry-form-widget .elementor-field, .sarun-enquiry-form-widget input.elementor-field, .sarun-enquiry-form-widget select.elementor-field, .sarun-enquiry-form-widget textarea.elementor-field { min-height: 52px !important; padding: 13px 15px !important; color: #3F2431 !important; background: rgba(255, 249, 243, 0.76) !important; border: 1px solid rgba(200, 164, 106, 0.46) !important; border-radius: 12px !important; box-shadow: inset 0 1px 2px rgba(66, 0, 33, 0.035) !important; font-family: "Montserrat", sans-serif !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.4 !important; transition: border-color 0.22s ease, background-color 0.22s ease, box-shadow 0.22s ease !important; } .sarun-enquiry-form-widget textarea.elementor-field { min-height: 150px !important; resize: vertical; } .sarun-enquiry-form-widget .elementor-field::placeholder { color: rgba(75, 37, 56, 0.46) !important; } .sarun-enquiry-form-widget .elementor-field:focus { outline: none !important; background: #FFFFFF !important; border-color: #A60958 !important; box-shadow: 0 0 0 3px rgba(166, 9, 88, 0.09), inset 0 1px 2px rgba(66, 0, 33, 0.025) !important; } /* Services checkbox group */ .sarun-enquiry-form-widget .elementor-field-type-checkbox .elementor-field-subgroup { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px 14px !important; width: 100% !important; padding: 16px !important; background: rgba(255, 249, 243, 0.72) !important; border: 1px solid rgba(200, 164, 106, 0.36) !important; border-radius: 14px !important; } .sarun-enquiry-form-widget .elementor-field-type-checkbox .elementor-field-option { display: flex !important; align-items: flex-start !important; gap: 8px !important; } .sarun-enquiry-form-widget .elementor-field-type-checkbox input[type="checkbox"] { width: 16px !important; height: 16px !important; margin: 1px 0 0 !important; accent-color: #8E064B; } .sarun-enquiry-form-widget .elementor-field-type-checkbox .elementor-field-option label { color: #5C3A4A !important; font-family: "Montserrat", sans-serif !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1.4 !important; } /* Acceptance field */ .sarun-enquiry-form-widget .elementor-field-type-acceptance { margin-top: 3px !important; margin-bottom: 5px !important; } .sarun-enquiry-form-widget .elementor-field-type-acceptance .elementor-field-subgroup { width: 100% !important; display: block !important; padding: 13px 15px !important; background: rgba(255, 249, 243, 0.72) !important; border: 1px solid rgba(200, 164, 106, 0.36) !important; border-radius: 12px !important; } .sarun-enquiry-form-widget .elementor-field-type-acceptance .elementor-field-option { display: grid !important; grid-template-columns: 18px minmax(0, 1fr) !important; align-items: center !important; column-gap: 10px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .sarun-enquiry-form-widget .elementor-field-type-acceptance input[type="checkbox"] { width: 17px !important; min-width: 17px !important; max-width: 17px !important; height: 17px !important; min-height: 17px !important; max-height: 17px !important; display: block !important; margin: 0 !important; padding: 0 !important; align-self: center !important; accent-color: #8E064B !important; } .sarun-enquiry-form-widget .elementor-field-type-acceptance label { display: block !important; margin: 0 !important; padding: 0 !important; color: #5C3A4A !important; font-family: "Montserrat", sans-serif !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1.45 !important; } /* Required note */ .sarun-enquiry-form-widget .sarun-required-note { margin-top: -3px !important; margin-bottom: 2px !important; padding: 0 !important; color: #816A75 !important; font-family: "Montserrat", sans-serif !important; font-size: 10.5px !important; font-weight: 500 !important; line-height: 1.4 !important; } .sarun-enquiry-form-widget .sarun-required-note span { color: #A60958 !important; font-weight: 700 !important; } /* Submit button */ .sarun-enquiry-form-widget .elementor-field-type-submit { margin-top: 2px !important; } .sarun-enquiry-form-widget .elementor-button[type="submit"] { min-width: 205px !important; min-height: 54px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 14px 26px !important; color: #FFF9F3 !important; background: linear-gradient( 135deg, #660033, #A60958 ) !important; border: 1px solid #C8A46A !important; border-radius: 999px !important; box-shadow: 0 13px 28px rgba(102, 0, 51, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important; font-family: "Montserrat", sans-serif !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1 !important; transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease !important; } .sarun-enquiry-form-widget .elementor-button[type="submit"]:hover { background: #E6C98F !important; color: #660033 !important; transform: translateY(-2px) !important; box-shadow: 0 16px 32px rgba(102, 0, 51, 0.24), 0 0 18px rgba(200, 164, 106, 0.18) !important; } .sarun-enquiry-form-widget .elementor-button[type="submit"] .elementor-button-content-wrapper { display: flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; } .sarun-enquiry-form-widget .elementor-button[type="submit"] .elementor-button-text { line-height: 1 !important; } /* Form messages */ .sarun-enquiry-form-widget .elementor-message { padding: 13px 15px !important; border-radius: 11px !important; font-family: "Montserrat", sans-serif !important; font-size: 12px !important; line-height: 1.5 !important; } .sarun-enquiry-form-widget .elementor-message-success { color: #28523A !important; background: #EFF8F1 !important; border: 1px solid #B9D8C1 !important; } /* ========================================= CONTACT DETAILS CARD ========================================= */ .sarun-contact-card { position: sticky !important; top: 105px !important; align-self: start !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 40px 30px 34px !important; color: #FFF9F3 !important; background: radial-gradient( circle at 100% 0%, rgba(245, 75, 156, 0.22), transparent 42% ), linear-gradient( 145deg, #420021 0%, #660033 58%, #7F0645 100% ) !important; border: 1px solid rgba(230, 201, 143, 0.52) !important; border-radius: 28px !important; box-shadow: 0 28px 65px rgba(44, 0, 22, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important; overflow: hidden !important; } .sarun-contact-card::after { content: ""; position: absolute; right: -105px; bottom: -110px; width: 245px; height: 245px; border: 1px solid rgba(230, 201, 143, 0.16); border-radius: 50%; pointer-events: none; } .sarun-contact-card-eyebrow, .sarun-contact-card-eyebrow .elementor-heading-title { margin: 0 !important; color: #E6C98F !important; font-family: "Montserrat", sans-serif !important; font-size: 10px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: 2.4px !important; text-transform: uppercase !important; } .sarun-contact-card-title, .sarun-contact-card-title .elementor-heading-title { margin: 0 !important; color: #FFF9F3 !important; font-family: "Cormorant Garamond", serif !important; font-size: 39px !important; font-weight: 500 !important; line-height: 1.02 !important; letter-spacing: -0.5px !important; } .sarun-contact-card-copy, .sarun-contact-card-copy p { color: rgba(255, 249, 243, 0.76) !important; font-family: "Montserrat", sans-serif !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.65 !important; } .sarun-contact-card-copy p { margin: 0 !important; } /* Contact details list */ .sarun-contact-details .elementor-icon-list-items { display: flex !important; flex-direction: column !important; gap: 14px !important; margin: 0 !important; padding: 0 !important; } .sarun-contact-details .elementor-icon-list-item { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* All contact rows should be linked */ .sarun-contact-details .elementor-icon-list-item > a { width: 100% !important; min-height: 44px !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 14px !important; margin: 0 !important; padding: 0 !important; color: #FFF9F3 !important; text-decoration: none !important; border-radius: 12px !important; box-sizing: border-box !important; } /* Icon circle */ .sarun-contact-details .elementor-icon-list-icon { width: 38px !important; min-width: 38px !important; max-width: 38px !important; height: 38px !important; min-height: 38px !important; max-height: 38px !important; flex: 0 0 38px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; color: #E6C98F !important; background: rgba(230, 201, 143, 0.10) !important; border: 1px solid rgba(230, 201, 143, 0.32) !important; border-radius: 50% !important; line-height: 1 !important; box-shadow: none !important; box-sizing: border-box !important; } .sarun-contact-details .elementor-icon-list-icon svg { width: 15px !important; height: 15px !important; display: block !important; color: inherit !important; fill: currentColor !important; margin: 0 !important; } .sarun-contact-details .elementor-icon-list-icon i { width: auto !important; height: auto !important; display: block !important; color: inherit !important; font-size: 15px !important; line-height: 1 !important; margin: 0 !important; } /* Text */ .sarun-contact-details .elementor-icon-list-text { display: block !important; margin: 0 !important; padding: 0 !important; color: #FFF9F3 !important; font-family: "Montserrat", sans-serif !important; font-size: 12.5px !important; font-weight: 700 !important; line-height: 1.25 !important; white-space: nowrap !important; } /* Hover */ .sarun-contact-details .elementor-icon-list-item > a:hover .elementor-icon-list-icon { color: #660033 !important; background: #E6C98F !important; border-color: #E6C98F !important; } /* Contact action buttons */ .sarun-contact-actions { width: 100% !important; } .sarun-contact-primary-button, .sarun-contact-secondary-button { width: 100% !important; } .sarun-contact-primary-button .elementor-button-wrapper, .sarun-contact-secondary-button .elementor-button-wrapper { width: 100% !important; } .sarun-contact-primary-button .elementor-button, .sarun-contact-secondary-button .elementor-button { width: 100% !important; min-height: 48px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; padding: 12px 18px !important; border-radius: 999px !important; font-family: "Montserrat", sans-serif !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1 !important; transition: color 0.22s ease, background-color 0.22s ease, transform 0.22s ease !important; } .sarun-contact-primary-button .elementor-button { color: #660033 !important; background: #E6C98F !important; border: 1px solid #E6C98F !important; } .sarun-contact-primary-button .elementor-button:hover { color: #FFF9F3 !important; background: #A60958 !important; transform: translateY(-2px) !important; } .sarun-contact-secondary-button .elementor-button { color: #FFF9F3 !important; background: transparent !important; border: 1px solid rgba(230, 201, 143, 0.62) !important; } .sarun-contact-secondary-button .elementor-button:hover { color: #660033 !important; background: #FFF9F3 !important; transform: translateY(-2px) !important; } /* Divider inside contact card */ .sarun-contact-card .elementor-divider-separator { border-top-color: rgba(230, 201, 143, 0.28) !important; } /* Before you send */ .sarun-contact-note-title, .sarun-contact-note-title .elementor-heading-title { margin: 0 !important; color: #E6C98F !important; font-family: "Montserrat", sans-serif !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1.3 !important; letter-spacing: 0.4px !important; text-transform: uppercase !important; } .sarun-contact-note, .sarun-contact-note p { color: rgba(255, 249, 243, 0.70) !important; font-family: "Montserrat", sans-serif !important; font-size: 11.5px !important; font-weight: 400 !important; line-height: 1.6 !important; } .sarun-contact-note p { margin: 0 !important; } /* ========================================= TABLET ========================================= */ @media only screen and (max-width: 1024px) { #sarun-enquiry-form { scroll-margin-top: 86px !important; } .sarun-contact-hero { min-height: 500px !important; padding: 42px 28px 22px !important; } .sarun-contact-title, .sarun-contact-title .elementor-heading-title { max-width: 760px !important; font-size: clamp(52px, 7.5vw, 72px) !important; } .sarun-contact-intro { max-width: 650px !important; } .sarun-contact-intro, .sarun-contact-intro p { font-size: 15px !important; } .sarun-enquiry-section { padding: 48px 26px 78px !important; } .sarun-enquiry-grid { grid-template-columns: minmax(0, 1.35fr) minmax(295px, 0.8fr) !important; gap: 22px !important; } .sarun-enquiry-card { padding: 40px 30px 38px !important; } .sarun-contact-card { top: 95px !important; padding: 36px 25px 32px !important; } .sarun-contact-card-title, .sarun-contact-card-title .elementor-heading-title { font-size: 34px !important; } } /* ========================================= MOBILE ========================================= */ @media only screen and (max-width: 767px) { #sarun-enquiry-form { scroll-margin-top: 78px !important; } .sarun-contact-hero { width: 100% !important; min-height: 515px !important; margin-left: 0 !important; margin-right: 0 !important; padding: 38px 20px 20px !important; background-position: 58% center !important; } .sarun-contact-hero::before { bottom: -170px; width: 440px; height: 390px; } .sarun-contact-hero::after { top: -120px; right: -190px; width: 330px; height: 330px; } .sarun-contact-hero-content { max-width: 360px !important; gap: 14px !important; padding: 30px 22px 28px !important; border-radius: 2px !important; } .sarun-contact-eyebrow, .sarun-contact-eyebrow .elementor-heading-title { font-size: 9px !important; line-height: 1.2 !important; letter-spacing: 2.4px !important; } .sarun-contact-title, .sarun-contact-title .elementor-heading-title { max-width: 320px !important; font-size: clamp(39px, 11vw, 48px) !important; line-height: 1.02 !important; letter-spacing: -0.6px !important; } .sarun-contact-intro { max-width: 310px !important; } .sarun-contact-intro, .sarun-contact-intro p { font-size: 13.2px !important; line-height: 1.55 !important; } .sarun-contact-divider, .sarun-contact-divider .elementor-divider-separator { width: 116px !important; } .sarun-contact-hero-button .elementor-button { width: 254px !important; min-width: 254px !important; max-width: 254px !important; min-height: 56px !important; padding: 9px 57px !important; font-size: 13px !important; } .sarun-contact-hero-button .elementor-button::after { right: 7px !important; width: 40px !important; height: 40px !important; } .sarun-contact-hero-button .elementor-button::before { right: 27px !important; width: 17px !important; height: 17px !important; } .sarun-enquiry-section { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding: 38px 16px 62px !important; } .sarun-enquiry-grid { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: 420px !important; gap: 22px !important; } .sarun-enquiry-card, .sarun-contact-card { width: 100% !important; max-width: 100% !important; margin: 0 auto !important; } .sarun-enquiry-card { padding: 32px 19px 30px !important; border-radius: 22px !important; } .sarun-enquiry-title, .sarun-enquiry-title .elementor-heading-title { font-size: 39px !important; line-height: 1 !important; } .sarun-enquiry-copy, .sarun-enquiry-copy p { font-size: 13px !important; line-height: 1.65 !important; } .sarun-enquiry-form-widget .elementor-field-group { width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } .sarun-enquiry-form-widget .elementor-field-type-checkbox .elementor-field-subgroup { grid-template-columns: 1fr !important; } .sarun-enquiry-form-widget .elementor-field-type-acceptance .elementor-field-option { grid-template-columns: 18px minmax(0, 1fr) !important; align-items: start !important; } .sarun-enquiry-form-widget .elementor-field-type-acceptance input[type="checkbox"] { margin-top: 1px !important; } .sarun-enquiry-form-widget .elementor-field-type-acceptance label { font-size: 11.5px !important; line-height: 1.45 !important; } .sarun-enquiry-form-widget .elementor-button[type="submit"] { width: 100% !important; } .sarun-contact-card { position: relative !important; top: auto !important; padding: 34px 22px 30px !important; border-radius: 22px !important; } .sarun-contact-card-title, .sarun-contact-card-title .elementor-heading-title { font-size: 35px !important; line-height: 1.03 !important; } .sarun-contact-details .elementor-icon-list-items { gap: 13px !important; } .sarun-contact-details .elementor-icon-list-icon { width: 36px !important; min-width: 36px !important; max-width: 36px !important; height: 36px !important; min-height: 36px !important; max-height: 36px !important; flex-basis: 36px !important; } .sarun-contact-details .elementor-icon-list-text { font-size: 12px !important; line-height: 1.2 !important; white-space: normal !important; } .sarun-contact-actions .elementor-button { min-height: 46px !important; } } /* ========================================= SMALL PHONES ========================================= */ @media only screen and (max-width: 420px) { .sarun-contact-hero { min-height: 505px !important; padding: 34px 18px 18px !important; } .sarun-contact-hero-content { padding: 28px 20px 26px !important; } .sarun-contact-title, .sarun-contact-title .elementor-heading-title { max-width: 320px !important; font-size: 42px !important; line-height: 1 !important; } .sarun-contact-intro { max-width: 320px !important; } .sarun-contact-intro, .sarun-contact-intro p { font-size: 13.5px !important; line-height: 1.55 !important; } .sarun-contact-hero-button .elementor-button { width: 244px !important; min-width: 244px !important; max-width: 244px !important; padding-left: 53px !important; padding-right: 53px !important; } } /* ========================================= CONTACT HERO BUTTON — RESTORE ARROW ========================================= */ .sarun-contact-hero-button .elementor-button { position: relative !important; overflow: hidden !important; } /* Keep text above the button background */ .sarun-contact-hero-button .elementor-button-content-wrapper { position: relative !important; z-index: 3 !important; } /* Champagne circle */ .sarun-contact-hero-button .elementor-button::after { content: "" !important; position: absolute !important; top: 50% !important; right: 8px !important; z-index: 1 !important; width: 44px !important; height: 44px !important; background: #E6C98F !important; border: 1px solid rgba(255, 249, 243, 0.40) !important; border-radius: 50% !important; transform: translateY(-50%) !important; pointer-events: none !important; } /* Down arrow above the circle */ .sarun-contact-hero-button .elementor-button::before { content: "" !important; position: absolute !important; top: 50% !important; right: 30px !important; z-index: 2 !important; width: 18px !important; height: 18px !important; background-color: #660033 !important; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v15'/%3E%3Cpath d='m6.5 13.5 5.5 5.5 5.5-5.5'/%3E%3C/svg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v15'/%3E%3Cpath d='m6.5 13.5 5.5 5.5 5.5-5.5'/%3E%3C/svg%3E") !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: contain !important; mask-size: contain !important; transform: translate(50%, -50%) !important; pointer-events: none !important; } /* Hover state */ .sarun-contact-hero-button .elementor-button:hover::after { background: #660033 !important; transform: translateY(-50%) scale(1.04) !important; } .sarun-contact-hero-button .elementor-button:hover::before { background-color: #FFF9F3 !important; transform: translate(50%, -50%) translateY(1px) !important; } /* Mobile */ @media only screen and (max-width: 767px) { .sarun-contact-hero-button .elementor-button::after { right: 7px !important; width: 40px !important; height: 40px !important; } .sarun-contact-hero-button .elementor-button::before { right: 27px !important; width: 17px !important; height: 17px !important; } } /* ========================================= CONTACT FORM — FIX DOUBLE SELECT ARROWS ========================================= */ /* Hide the browser's default dropdown arrow */ .sarun-enquiry-form-widget select.elementor-field { appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; background-image: none !important; padding-right: 46px !important; } /* Remove old browser arrow in Internet Explorer/Edge legacy */ .sarun-enquiry-form-widget select.elementor-field::-ms-expand { display: none !important; } /* Keep Elementor's arrow but make it cleaner */ .sarun-enquiry-form-widget .elementor-select-wrapper::before { right: 17px !important; color: #4B2538 !important; font-size: 13px !important; transform: translateY(-50%) !important; pointer-events: none !important; } /* Make sure the select wrapper is positioned correctly */ .sarun-enquiry-form-widget .elementor-select-wrapper { position: relative !important; } /* ========================================= CONTACT FORM — FINAL SELECT ARROW FIX Removes browser + Elementor arrows and adds one clean arrow ========================================= */ /* Select wrapper */ .sarun-enquiry-form-widget .elementor-field-type-select .elementor-select-wrapper { position: relative !important; } /* Hide Elementor's default select arrow */ .sarun-enquiry-form-widget .elementor-field-type-select .elementor-select-wrapper::before { display: none !important; content: none !important; opacity: 0 !important; visibility: hidden !important; } /* Hide newer Elementor caret wrapper if present */ .sarun-enquiry-form-widget .elementor-field-type-select .select-caret-down-wrapper { display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } /* Remove browser's native select arrow */ .sarun-enquiry-form-widget .elementor-field-type-select select, .sarun-enquiry-form-widget .elementor-field-type-select select.elementor-field, .sarun-enquiry-form-widget .elementor-field-type-select .elementor-field { appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; background-image: none !important; padding-right: 46px !important; } /* Edge/IE fallback */ .sarun-enquiry-form-widget .elementor-field-type-select select::-ms-expand { display: none !important; } /* Add one clean custom arrow */ .sarun-enquiry-form-widget .elementor-field-type-select .elementor-select-wrapper::after { content: "" !important; position: absolute !important; top: 50% !important; right: 17px !important; width: 10px !important; height: 10px !important; background-color: #4B2538 !important; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: contain !important; mask-size: contain !important; transform: translateY(-50%) !important; pointer-events: none !important; } /* ========================================= CONTACT PAGE — HEADER SAFE SPACING ========================================= */ .sarun-contact-hero { padding-top: 96px !important; } @media only screen and (max-width: 767px) { .sarun-contact-hero { padding-top: 82px !important; } } /* ========================================= SARUN CONTACT PAGE — LOCAL HEADER + FOOTER Uses unique class names to avoid hero conflicts ========================================= */ /* Prevent the header HTML widget from creating layout space */ .sarun-contact-header-widget, .sarun-contact-header-widget .elementor-widget-container { height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } /* ========================================= HEADER ========================================= */ .sarun-local-header { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 78px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 28px; padding: 16px 38px; background: linear-gradient( 180deg, rgba(35, 0, 18, 0.70), rgba(35, 0, 18, 0.18) ); border-bottom: 1px solid rgba(230, 201, 143, 0.12); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); box-sizing: border-box; } body.admin-bar .sarun-local-header { top: 32px; } /* Brand */ .sarun-local-brand { display: inline-flex; align-items: center; gap: 14px; min-width: 0; text-decoration: none !important; } .sarun-local-logo { width: 132px; height: auto; display: block; } .sarun-local-brand-separator { width: 1px; height: 24px; display: block; background: rgba(230, 201, 143, 0.52); } .sarun-local-world { color: #E6C98F; font-family: "Montserrat", sans-serif; font-size: 13px; font-weight: 700; line-height: 1; letter-spacing: 0.2px; } /* Pill menu */ .sarun-local-pill-menu { justify-self: center; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 7px; background: rgba(255, 249, 243, 0.09); border: 1px solid rgba(230, 201, 143, 0.30); border-radius: 999px; box-shadow: 0 12px 30px rgba(35, 0, 18, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.10); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); } .sarun-local-pill-menu a { min-height: 34px; display: inline-flex; align-items: center; justify-content: center; padding: 0 14px; color: rgba(255, 249, 243, 0.84) !important; font-family: "Montserrat", sans-serif; font-size: 11px; font-weight: 700; line-height: 1; text-decoration: none !important; border-radius: 999px; transition: color 0.22s ease, background-color 0.22s ease, transform 0.22s ease; } .sarun-local-pill-menu a:hover, .sarun-local-pill-menu a[aria-current="page"] { color: #660033 !important; background: #E6C98F; transform: translateY(-1px); } /* Actions */ .sarun-local-actions { display: inline-flex; align-items: center; justify-content: flex-end; gap: 9px; } .sarun-local-action { width: 44px; min-width: 44px; height: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; color: #E6C98F !important; background: rgba(230, 201, 143, 0.10); border: 1px solid rgba(230, 201, 143, 0.36); border-radius: 50%; box-shadow: 0 10px 26px rgba(44, 0, 22, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.12); text-decoration: none !important; transition: color 0.22s ease, background-color 0.22s ease, border-color 0.22s ease, transform 0.22s ease; } .sarun-local-action svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } .sarun-local-action:hover { color: #660033 !important; background: #E6C98F; border-color: #E6C98F; transform: translateY(-2px); } /* ========================================= FOOTER ========================================= */ .sarun-contact-footer-widget, .sarun-contact-footer-widget .elementor-widget-container { margin: 0 !important; padding: 0 !important; } .sarun-local-footer { width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding: 70px 40px 34px; color: #FFF9F3; background: radial-gradient( circle at 12% 0%, rgba(245, 75, 156, 0.18), transparent 34% ), linear-gradient( 145deg, #2B0015 0%, #4A0025 45%, #660033 100% ); border-top: 1px solid rgba(230, 201, 143, 0.24); box-sizing: border-box; overflow: hidden; } .sarun-local-footer-inner { width: 100%; max-width: 1180px; display: grid; grid-template-columns: minmax(260px, 1.25fr) repeat(4, minmax(135px, 0.65fr)); align-items: start; gap: 32px; margin: 0 auto; } .sarun-local-footer-logo img { width: 140px; height: auto; display: block; margin-bottom: 15px; } .sarun-local-footer-brand p { max-width: 330px; margin: 0 0 18px; color: rgba(255, 249, 243, 0.74); font-family: "Montserrat", sans-serif; font-size: 13px; font-weight: 400; line-height: 1.7; } /* Socials */ .sarun-local-socials { display: flex; align-items: center; gap: 10px; } .sarun-local-socials a { width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; color: #E6C98F !important; background: rgba(230, 201, 143, 0.09); border: 1px solid rgba(230, 201, 143, 0.32); border-radius: 50%; text-decoration: none !important; transition: color 0.22s ease, background-color 0.22s ease, transform 0.22s ease; } .sarun-local-socials a:hover { color: #660033 !important; background: #E6C98F; transform: translateY(-2px); } .sarun-local-socials svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } /* Footer link columns */ .sarun-local-footer-links, .sarun-local-footer-contact { display: flex; flex-direction: column; gap: 10px; } .sarun-local-footer-links h4, .sarun-local-footer-contact h4 { margin: 0 0 4px; color: #E6C98F; font-family: "Montserrat", sans-serif; font-size: 11px; font-weight: 800; line-height: 1.2; letter-spacing: 1.7px; text-transform: uppercase; } .sarun-local-footer-links a, .sarun-local-footer-contact a, .sarun-local-footer-contact span { color: rgba(255, 249, 243, 0.76) !important; font-family: "Montserrat", sans-serif; font-size: 12px; font-weight: 600; line-height: 1.42; text-decoration: none !important; } .sarun-local-footer-links a:hover, .sarun-local-footer-contact a:hover { color: #E6C98F !important; } .sarun-local-footer-bottom { width: 100%; max-width: 1180px; display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 48px auto 0; padding-top: 24px; border-top: 1px solid rgba(230, 201, 143, 0.20); } .sarun-local-footer-bottom span { color: rgba(255, 249, 243, 0.58); font-family: "Montserrat", sans-serif; font-size: 11px; font-weight: 500; line-height: 1.4; } /* ========================================= TABLET ========================================= */ @media only screen and (max-width: 1024px) { .sarun-local-header { height: 72px; gap: 20px; padding: 14px 28px; } .sarun-local-logo { width: 118px; } .sarun-local-pill-menu { gap: 4px; padding: 6px; } .sarun-local-pill-menu a { min-height: 32px; padding: 0 11px; font-size: 10.5px; } .sarun-local-action { width: 40px; min-width: 40px; height: 40px; min-height: 40px; } .sarun-local-action svg { width: 17px; height: 17px; } .sarun-local-footer-inner { grid-template-columns: 1fr 1fr; gap: 34px; } .sarun-local-footer-brand { grid-column: 1 / -1; } } /* ========================================= MOBILE ========================================= */ @media only screen and (max-width: 767px) { .sarun-local-header { height: 66px; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; padding: 12px 18px; background: linear-gradient( 180deg, rgba(35, 0, 18, 0.76), rgba(35, 0, 18, 0.18) ); } body.admin-bar .sarun-local-header { top: 46px; } .sarun-local-brand { gap: 9px; min-width: 0; } .sarun-local-logo { width: 104px; } .sarun-local-brand-separator { height: 19px; } .sarun-local-world { font-size: 10.5px; } .sarun-local-pill-menu { display: none; } .sarun-local-actions { gap: 8px; } .sarun-local-action { width: 36px; min-width: 36px; height: 36px; min-height: 36px; } .sarun-local-action svg { width: 15px; height: 15px; } .sarun-local-footer { padding: 54px 22px 28px; } .sarun-local-footer-inner { display: flex; flex-direction: column; gap: 30px; } .sarun-local-footer-logo img { width: 126px; } .sarun-local-footer-bottom { flex-direction: column; align-items: flex-start; margin-top: 34px; } } /* ========================================= CONTACT PAGE — REDUCE SPACE ABOVE FOOTER ========================================= */ /* Reduce the large ivory gap before the footer */ .sarun-enquiry-section { padding-bottom: 12px !important; } /* Make footer connect cleanly */ .sarun-contact-footer-widget, .sarun-contact-footer-widget .elementor-widget-container { margin-top: 0 !important; padding-top: 0 !important; } /* Pull footer up slightly to remove thin background/image strip */ .sarun-local-footer { margin-top: -1px !important; } /* Mobile */ @media only screen and (max-width: 767px) { .sarun-enquiry-section { padding-bottom: 22px !important; } } /* ========================================= CONTACT HEADER — MATCH HOME HEADER STYLE ========================================= */ /* Logo sizing */ .sarun-local-logo { width: 150px !important; height: auto !important; } /* SARUN | World spacing */ .sarun-local-brand { gap: 16px !important; } /* Thin gold divider beside SARUN logo */ .sarun-local-brand-separator { width: 1px !important; height: 30px !important; background: rgba(230, 201, 143, 0.58) !important; } /* Match the Home header "World" text */ .sarun-local-world { color: #E6C98F !important; font-family: "Montserrat", sans-serif !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: 0 !important; } /* Main pill menu */ .sarun-local-pill-menu { gap: 0 !important; padding: 8px 10px !important; background: rgba(255, 249, 243, 0.08) !important; border: 1px solid rgba(230, 201, 143, 0.30) !important; border-radius: 999px !important; box-shadow: 0 12px 30px rgba(35, 0, 18, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.10) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } /* Pill menu text — match Home header */ .sarun-local-pill-menu a { position: relative !important; min-height: 36px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 20px !important; color: rgba(255, 249, 243, 0.88) !important; font-family: "Montserrat", sans-serif !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: 0 !important; text-decoration: none !important; border-radius: 999px !important; transition: color 0.22s ease, background-color 0.22s ease, transform 0.22s ease !important; } /* Gold dividers between pill items */ .sarun-local-pill-menu a:not(:last-child)::after { content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: 16px; background: rgba(230, 201, 143, 0.32); transform: translateY(-50%); pointer-events: none; } /* Hide divider when the item is active/hovered so the active pill looks clean */ .sarun-local-pill-menu a:hover::after, .sarun-local-pill-menu a[aria-current="page"]::after { opacity: 0; } /* Hide divider immediately before active item */ .sarun-local-pill-menu a:has(+ a[aria-current="page"])::after, .sarun-local-pill-menu a:has(+ a:hover)::after { opacity: 0; } /* Active / hover pill */ .sarun-local-pill-menu a:hover, .sarun-local-pill-menu a[aria-current="page"] { color: #660033 !important; background: #E6C98F !important; transform: translateY(-1px) !important; } /* Header action icons should stay visually aligned with home */ .sarun-local-action { width: 46px !important; min-width: 46px !important; height: 46px !important; min-height: 46px !important; } .sarun-local-action svg { width: 20px !important; height: 20px !important; } /* ========================================= TABLET ========================================= */ @media only screen and (max-width: 1024px) { .sarun-local-logo { width: 132px !important; } .sarun-local-world { font-size: 13px !important; } .sarun-local-pill-menu a { min-height: 34px !important; padding: 0 15px !important; font-size: 12px !important; } .sarun-local-action { width: 42px !important; min-width: 42px !important; height: 42px !important; min-height: 42px !important; } .sarun-local-action svg { width: 18px !important; height: 18px !important; } } /* ========================================= MOBILE ========================================= */ @media only screen and (max-width: 767px) { .sarun-local-logo { width: 118px !important; } .sarun-local-brand { gap: 10px !important; } .sarun-local-brand-separator { height: 22px !important; } .sarun-local-world { font-size: 12px !important; } .sarun-local-pill-menu { display: none !important; } .sarun-local-action { width: 36px !important; min-width: 36px !important; height: 36px !important; min-height: 36px !important; } .sarun-local-action svg { width: 15px !important; height: 15px !important; } } /* ========================================= CONTACT HEADER — MOBILE HAMBURGER MENU ========================================= */ /* Hidden on desktop */ .sarun-local-mobile-toggle, .sarun-local-mobile-panel { display: none; } /* Mobile hamburger */ @media only screen and (max-width: 767px) { .sarun-local-header { overflow: visible !important; } .sarun-local-actions { display: inline-flex !important; align-items: center !important; justify-content: flex-end !important; gap: 8px !important; } .sarun-local-mobile-toggle { width: 36px; min-width: 36px; height: 36px; min-height: 36px; display: inline-flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 4px; margin: 0; padding: 0; color: #E6C98F; background: rgba(230, 201, 143, 0.10); border: 1px solid rgba(230, 201, 143, 0.36); border-radius: 50%; box-shadow: 0 10px 26px rgba(44, 0, 22, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.12); cursor: pointer; transition: color 0.22s ease, background-color 0.22s ease, transform 0.22s ease; } .sarun-local-mobile-toggle span { width: 15px; height: 2px; display: block; background: currentColor; border-radius: 999px; transition: transform 0.22s ease, opacity 0.22s ease; } .sarun-local-mobile-toggle:hover { color: #660033; background: #E6C98F; transform: translateY(-2px); } /* Animate hamburger into X */ .sarun-mobile-menu-open .sarun-local-mobile-toggle span:nth-child(1) { transform: translateY(6px) rotate(45deg); } .sarun-mobile-menu-open .sarun-local-mobile-toggle span:nth-child(2) { opacity: 0; } .sarun-mobile-menu-open .sarun-local-mobile-toggle span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); } /* Dropdown panel */ .sarun-local-mobile-panel { position: absolute; top: calc(100% + 10px); right: 18px; z-index: 10000; width: min(280px, calc(100vw - 36px)); display: flex !important; flex-direction: column; gap: 4px; padding: 10px; background: linear-gradient( 145deg, rgba(255, 249, 243, 0.97), rgba(250, 240, 235, 0.94) ); border: 1px solid rgba(230, 201, 143, 0.52); border-radius: 22px; box-shadow: 0 24px 60px rgba(44, 0, 22, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.94); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-8px) scale(0.98); transition: opacity 0.22s ease, visibility 0.22s ease, transform 0.22s ease; } .sarun-mobile-menu-open .sarun-local-mobile-panel { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0) scale(1); } .sarun-local-mobile-panel a { min-height: 42px; display: flex; align-items: center; justify-content: space-between; padding: 0 14px; color: #4B2538 !important; font-family: "Montserrat", sans-serif; font-size: 13px; font-weight: 700; line-height: 1; text-decoration: none !important; border: 1px solid transparent; border-radius: 14px; transition: color 0.22s ease, background-color 0.22s ease, border-color 0.22s ease, transform 0.22s ease; } .sarun-local-mobile-panel a::after { content: "›"; color: #C8A46A; font-size: 18px; line-height: 1; } .sarun-local-mobile-panel a:hover, .sarun-local-mobile-panel a[aria-current="page"] { color: #660033 !important; background: rgba(102, 0, 51, 0.055); border-color: rgba(200, 164, 106, 0.28); transform: translateX(3px); } } /* ========================================= CONTACT HEADER — MOBILE MATCH HOME HEADER ========================================= */ @media only screen and (max-width: 767px) { .sarun-local-header { height: 58px !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; gap: 10px !important; padding: 9px 14px !important; } /* Logo area smaller */ .sarun-local-brand { gap: 8px !important; min-width: 0 !important; } .sarun-local-logo { width: 96px !important; height: auto !important; } .sarun-local-brand-separator { height: 18px !important; width: 1px !important; } .sarun-local-world { font-size: 10.5px !important; font-weight: 700 !important; line-height: 1 !important; } /* Action group */ .sarun-local-actions { display: inline-flex !important; align-items: center !important; justify-content: flex-end !important; gap: 7px !important; } /* Hamburger should feel like menu, not merged with account/cart */ .sarun-local-mobile-toggle { width: 34px !important; min-width: 34px !important; height: 34px !important; min-height: 34px !important; margin-right: 4px !important; gap: 4px !important; } .sarun-local-mobile-toggle span { width: 14px !important; height: 2px !important; } /* Account and cart smaller */ .sarun-local-action { width: 34px !important; min-width: 34px !important; height: 34px !important; min-height: 34px !important; } .sarun-local-action svg { width: 14.5px !important; height: 14.5px !important; } /* Dropdown should start closer to smaller header */ .sarun-local-mobile-panel { top: calc(100% + 8px) !important; right: 14px !important; } } /* Extra-small phones */ @media only screen and (max-width: 390px) { .sarun-local-header { padding-left: 12px !important; padding-right: 12px !important; } .sarun-local-logo { width: 88px !important; } .sarun-local-world { font-size: 10px !important; } .sarun-local-actions { gap: 6px !important; } .sarun-local-mobile-toggle, .sarun-local-action { width: 32px !important; min-width: 32px !important; height: 32px !important; min-height: 32px !important; } .sarun-local-mobile-toggle { margin-right: 3px !important; } } /* ========================================= CONTACT HEADER — FIX MOBILE HAMBURGER POSITION ========================================= */ @media only screen and (max-width: 767px) { /* Keep the full action group neat */ .sarun-local-actions { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 7px !important; } /* Hamburger circle */ .sarun-local-mobile-toggle { position: relative !important; width: 34px !important; min-width: 34px !important; max-width: 34px !important; height: 34px !important; min-height: 34px !important; max-height: 34px !important; display: block !important; margin: 0 12px 0 0 !important; padding: 0 !important; line-height: 1 !important; box-sizing: border-box !important; transform: none !important; } /* Create a visible breathing gap after hamburger */ .sarun-local-mobile-toggle::after { content: ""; position: absolute; top: 50%; right: -8px; width: 1px; height: 20px; background: rgba(230, 201, 143, 0.28); transform: translateY(-50%); pointer-events: none; } /* Manually centre hamburger lines */ .sarun-local-mobile-toggle span { position: absolute !important; left: 50% !important; width: 14px !important; height: 2px !important; display: block !important; margin: 0 !important; padding: 0 !important; background: currentColor !important; border-radius: 999px !important; transform: translate(-50%, -50%) !important; transition: top 0.22s ease, transform 0.22s ease, opacity 0.22s ease !important; } .sarun-local-mobile-toggle span:nth-child(1) { top: calc(50% - 5px) !important; } .sarun-local-mobile-toggle span:nth-child(2) { top: 50% !important; } .sarun-local-mobile-toggle span:nth-child(3) { top: calc(50% + 5px) !important; } /* When opened, form a centered X */ .sarun-mobile-menu-open .sarun-local-mobile-toggle span:nth-child(1) { top: 50% !important; transform: translate(-50%, -50%) rotate(45deg) !important; } .sarun-mobile-menu-open .sarun-local-mobile-toggle span:nth-child(2) { opacity: 0 !important; } .sarun-mobile-menu-open .sarun-local-mobile-toggle span:nth-child(3) { top: 50% !important; transform: translate(-50%, -50%) rotate(-45deg) !important; } /* Account and cart circles */ .sarun-local-action { width: 34px !important; min-width: 34px !important; max-width: 34px !important; height: 34px !important; min-height: 34px !important; max-height: 34px !important; margin: 0 !important; padding: 0 !important; } } /* Extra-small phones */ @media only screen and (max-width: 390px) { .sarun-local-mobile-toggle { width: 32px !important; min-width: 32px !important; max-width: 32px !important; height: 32px !important; min-height: 32px !important; max-height: 32px !important; margin-right: 10px !important; } .sarun-local-mobile-toggle::after { right: -7px !important; height: 18px !important; } .sarun-local-action { width: 32px !important; min-width: 32px !important; max-width: 32px !important; height: 32px !important; min-height: 32px !important; max-height: 32px !important; } }/* End custom CSS */