.elementor-38116 .elementor-element.elementor-element-da6b035{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:210px;--padding-bottom:105px;--padding-left:15px;--padding-right:15px;}.elementor-38116 .elementor-element.elementor-element-da6b035:not(.elementor-motion-effects-element-type-background), .elementor-38116 .elementor-element.elementor-element-da6b035 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sanubariretreat.com/wp-content/uploads/2026/07/The_Sanubari_Retreat-Resort-004.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-38116 .elementor-element.elementor-element-6a4b9f4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:5;}.elementor-38116 .elementor-element.elementor-element-e11b94a{margin:-3px 0px calc(var(--kit-widget-spacing, 0px) + -13px) 0px;text-align:start;}.elementor-38116 .elementor-element.elementor-element-e11b94a {--e-from-x:0px;--e-from-y:60px;--e-from-z:0px;--e-from-scaleX:1;--e-from-scaleY:1;--e-from-rotationX:0;--e-from-rotationY:0;--e-from-rotationZ:0;--e-from-transformOriginX:50%;--e-from-transformOriginY:50%;--e-from-transformOriginZ:0px;--e-from-opacity:0;--e-to-x:0px;--e-to-y:0px;--e-to-z:0px;--e-to-scaleX:1;--e-to-scaleY:1;--e-to-rotationX:0;--e-to-rotationY:0;--e-to-rotationZ:0;--e-to-transformOriginX:50%;--e-to-transformOriginY:50%;--e-to-transformOriginZ:0px;--e-to-opacity:1;}.elementor-38116 .elementor-element.elementor-element-e11b94a .elementor-heading-title{font-size:60px;line-height:130%;color:#FFFFFF;}.elementor-38116 .elementor-element.elementor-element-0f37c50{width:var( --container-widget-width, 700px );max-width:700px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:700px;--container-widget-flex-grow:0;text-align:start;color:#FFFFFF;}.elementor-38116 .elementor-element.elementor-element-0f37c50 p{margin-block-end:22px;}.elementor-38116 .elementor-element.elementor-element-eae8aa0{--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;--justify-content:center;--align-items:center;--gap:0px 11px;--row-gap:0px;--column-gap:11px;--border-radius:28px 28px 28px 28px;--padding-top:6px;--padding-bottom:5px;--padding-left:20px;--padding-right:20px;}.elementor-38116 .elementor-element.elementor-element-eae8aa0:not(.elementor-motion-effects-element-type-background), .elementor-38116 .elementor-element.elementor-element-eae8aa0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF1A;}.elementor-38116 .elementor-element.elementor-element-eae8aa0 {--e-from-x:0px;--e-from-y:60px;--e-from-z:0px;--e-from-scaleX:1;--e-from-scaleY:1;--e-from-rotationX:0;--e-from-rotationY:0;--e-from-rotationZ:0;--e-from-transformOriginX:50%;--e-from-transformOriginY:50%;--e-from-transformOriginZ:0px;--e-from-opacity:0;--e-to-x:0px;--e-to-y:0px;--e-to-z:0px;--e-to-scaleX:1;--e-to-scaleY:1;--e-to-rotationX:0;--e-to-rotationY:0;--e-to-rotationZ:0;--e-to-transformOriginX:50%;--e-to-transformOriginY:50%;--e-to-transformOriginZ:0px;--e-to-opacity:1;}.elementor-38116 .elementor-element.elementor-element-c7dbfa4 .elementor-heading-title{font-size:16px;font-weight:500;letter-spacing:0.96px;color:var( --e-global-color-0bbb853 );}.elementor-38116 .elementor-element.elementor-element-d278abf{--spacer-size:1px;background-color:#FFFFFF4D;}.elementor-38116 .elementor-element.elementor-element-d278abf.elementor-element{--align-self:center;}.elementor-38116 .elementor-element.elementor-element-b5b2134 .elementor-heading-title{font-size:16px;font-weight:500;letter-spacing:0.96px;color:var( --e-global-color-safar_primary );}.elementor-38116 .elementor-element.elementor-element-a044b4a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:140px;--padding-bottom:140px;--padding-left:15px;--padding-right:15px;}.elementor-38116 .elementor-element.elementor-element-5e8d7b5{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:24px 24px 24px 24px;--padding-top:84px;--padding-bottom:84px;--padding-left:84px;--padding-right:84px;}.elementor-38116 .elementor-element.elementor-element-5e8d7b5:not(.elementor-motion-effects-element-type-background), .elementor-38116 .elementor-element.elementor-element-5e8d7b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-3aed46a );}@media(min-width:768px){.elementor-38116 .elementor-element.elementor-element-eae8aa0{--width:205px;}}@media(max-width:1200px){.elementor-38116 .elementor-element.elementor-element-da6b035{--padding-top:190px;--padding-bottom:100px;--padding-left:15px;--padding-right:15px;}.elementor-38116 .elementor-element.elementor-element-a044b4a{--padding-top:120px;--padding-bottom:120px;--padding-left:15px;--padding-right:15px;}.elementor-38116 .elementor-element.elementor-element-5e8d7b5{--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}}@media(max-width:1024px){.elementor-38116 .elementor-element.elementor-element-da6b035{--padding-top:170px;--padding-bottom:100px;--padding-left:15px;--padding-right:15px;}.elementor-38116 .elementor-element.elementor-element-e11b94a{text-align:center;}.elementor-38116 .elementor-element.elementor-element-e11b94a .elementor-heading-title{font-size:50px;}.elementor-38116 .elementor-element.elementor-element-0f37c50{margin:2px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;text-align:center;}.elementor-38116 .elementor-element.elementor-element-0f37c50.elementor-element{--align-self:center;}.elementor-38116 .elementor-element.elementor-element-eae8aa0.e-con{--align-self:center;}.elementor-38116 .elementor-element.elementor-element-a044b4a{--padding-top:100px;--padding-bottom:100px;--padding-left:15px;--padding-right:15px;}}@media(max-width:767px){.elementor-38116 .elementor-element.elementor-element-da6b035{--padding-top:145px;--padding-bottom:70px;--padding-left:15px;--padding-right:15px;}.elementor-38116 .elementor-element.elementor-element-e11b94a .elementor-heading-title{font-size:36px;}.elementor-38116 .elementor-element.elementor-element-0f37c50{width:100%;max-width:100%;margin:7px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;}.elementor-38116 .elementor-element.elementor-element-eae8aa0{--width:208px;--justify-content:center;}.elementor-38116 .elementor-element.elementor-element-a044b4a{--padding-top:80px;--padding-bottom:80px;--padding-left:15px;--padding-right:15px;}.elementor-38116 .elementor-element.elementor-element-5e8d7b5{--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}}/* Start custom CSS for spacer, class: .elementor-element-d278abf */.elementor-38116 .elementor-element.elementor-element-d278abf {
    width: 14px;
    height: 2px;
    border-radius: 4px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da6b035 */.elementor-38116 .elementor-element.elementor-element-da6b035.safar-page-title-bg {
	position: relative;
}

.elementor-38116 .elementor-element.elementor-element-da6b035.safar-page-title-bg::before {
	position: absolute;
	content: "";
	inset-inline-start: 0px;
	inset-block-start: 0px;
	width: 100%;
	height: 100%;
background: linear-gradient(90deg, #362618 15%, rgba(54, 38, 24, 0.9) 32.32%, rgba(54, 38, 24, 0.8) 60.54%, rgba(54, 38, 24, 0.6) 74.01%, rgba(54, 38, 24, 0.5) 85.61%, rgba(54, 38, 24, 0.3) 100%);

}/* End custom CSS */
/* Start custom CSS for safar-contact-form-seven, class: .elementor-element-121301a */.elementor-38116 .elementor-element.elementor-element-121301a .safar-contact-form-actions::after {
    inset-inline-end: 6px !important;
}
.elementor-38116 .elementor-element.elementor-element-121301a .safar-contact-form-actions {
    margin-block-start: -20px !important;
}
.elementor-38116 .elementor-element.elementor-element-121301a input {
    font-family: var(--safar-body-font);
    font-size: 18px !important;
}
.elementor-38116 .elementor-element.elementor-element-121301a input::placeholder,
.elementor-38116 .elementor-element.elementor-element-121301a textarea::placeholder {
    color: #555E6380;
}
.elementor-38116 .elementor-element.elementor-element-121301a .safar-contact-form-actions .safar-contact-form-btn {
    height: 56px;
    line-height: 0px;
}
.elementor-38116 .elementor-element.elementor-element-121301a .safar-contact-form-area p {
    margin-block-end: 0;
}
.elementor-38116 .elementor-element.elementor-element-121301a .safar-contact-form-input-area {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
     gap: 17px;
     margin-block-end: 48px;
}
.elementor-38116 .elementor-element.elementor-element-121301a .safar-contact-form-input-area {
    @media (max-width:1024px) {
        grid-template-columns: repeat(1, 1fr);
    }
}

.elementor-38116 .elementor-element.elementor-element-121301a .safar-contact-form-top {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 17px;
    margin-block-end: 17px;
}

.elementor-38116 .elementor-element.elementor-element-121301a .safar-contact-form-top {
    @media (max-width:767px) {
        grid-template-columns: repeat(1, 1fr);
    }
}

.elementor-38116 .elementor-element.elementor-element-121301a .safar-contact-form-top input {
    width: 100%;
    padding-inline-start: 52px;
    font-size: 16px;
    color: #555E6380;
    height: 56px;
    border-radius: 12px;
    background: var(--safar-white-color);
    border: none;
}

.elementor-38116 .elementor-element.elementor-element-121301a .safar-contact-form-top input {
    @media (max-width:880px) {
        width: 100%;
    }
}

.elementor-38116 .elementor-element.elementor-element-121301a .safar-form-input {
    position: relative;
}

.elementor-38116 .elementor-element.elementor-element-121301a .safar-form-input-icon {
    position: absolute;
    inset-block-start: 58%;
    transform: translateY(-50%);
    inset-inline-start: 20px;
    color: #555E6380;
    font-size: 20px;
}
.elementor-38116 .elementor-element.elementor-element-121301a .safar-form-input-icon p {
    margin-block-end: 0;
}

.elementor-38116 .elementor-element.elementor-element-121301a .safar-contact-form-input-textarea textarea {
    height: 129px;
    resize: none;
    border-radius: 12px;
    padding: 20px;
    font-size: 18px;
    font-family: var(--safar-body-font);
    color: #555E6380;
    background: var(--safar-white-color);
    border: none;
}

.elementor-38116 .elementor-element.elementor-element-121301a .safar-contact-form-actions {
    position: relative;
    z-index: 1;
    display: block;
    width: 290px;
    margin: 0 auto;
}

.elementor-38116 .elementor-element.elementor-element-121301a .safar-contact-form-btn {
    font-size: 18px;
    font-weight: 500;
    position: relative;
    border-radius: 50px;
    padding-inline: 33px 70px;
    padding-block: 16px;
    background-color: var(--safar-primary-color);
    color: var(--safar-text-white-color);
}

.elementor-38116 .elementor-element.elementor-element-121301a .safar-contact-form-btn:hover {
    background-color: var(--safar-heading-color);
    color: var(--safar-text-white-color);
}

.elementor-38116 .elementor-element.elementor-element-121301a .safar-contact-form-actions::after {
    width: 44px;
    height: 44px;
    font-size: 14px;
    line-height: 44px;
    position: absolute;
    text-align: center;
    inset-block-start: 50%;
    inset-inline-end: 15px;
    z-index: 1;
    display: inline-block;
    color: var(--safar-primary-color);
    background-color: var(--safar-white-color);
    transform: translateY(-50%) rotate(0deg);
    transform-origin: 50% 50%;
    transition: left 0.6s cubic-bezier(0, 0, 0.5, 1);
    animation: rotateBackward 0.6s ease forwards;
    border-radius: 50%;
    content: "\e994";
    font-family: 'icomoon';
    font-size: 22px;
    pointer-events: none;
}

.elementor-38116 .elementor-element.elementor-element-121301a .wpcf7-spinner {
    position: absolute;
    inset-inline-start: 400px;
    inset-block-start: 50%;
    transform: translateY(-50%);
}
.elementor-38116 .elementor-element.elementor-element-121301a .safar-form-input-icon {
    inset-block-start: 30px;
}
.elementor-38116 .elementor-element.elementor-element-121301a .wpcf7-spinner {
    @media (max-width:550px) {
        inset-inline-start: 50%;
        inset-block-start: 60px;
        transform: translateX(-50%);
    }
}

@media (max-width: 1024px) {
    .elementor-38116 .elementor-element.elementor-element-121301a .safar-contact-form-input-area {
        margin-block-end: 60px;
    }
    .elementor-38116 .elementor-element.elementor-element-121301a .safar-contact-form-input-area {
        gap: 2px;
    }
    
    .elementor-38116 .elementor-element.elementor-element-121301a .safar-contact-form-btn {
        font-size: 16px !important;
    }
    .elementor-38116 .elementor-element.elementor-element-121301a .safar-contact-form-actions::after {
        inset-inline-end: 24px !important;
    }
}/* End custom CSS */