.elementor-51151 .elementor-element.elementor-element-92a7934{--display:flex;--min-height:800px;--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;--overflow:hidden;}.elementor-51151 .elementor-element.elementor-element-4d5ae64{--display:flex;--min-height:246px;--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;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:26px;--padding-left:0px;--padding-right:0px;}.elementor-51151 .elementor-element.elementor-element-4d5ae64:not(.elementor-motion-effects-element-type-background):not(.cmsmasters-bg-effect), .elementor-51151 .elementor-element.elementor-element-4d5ae64 > .elementor-motion-effects-container > .elementor-motion-effects-layer, .elementor-51151 .elementor-element.elementor-element-4d5ae64 > .cmsmasters-bg-effects-container > .cmsmasters-bg-effects-element{background-color:#FFFFFF;}.elementor-51151 .elementor-element.elementor-element-74a2a5b{--display:flex;--min-height:172px;--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;}.elementor-51151 .elementor-element.elementor-element-1769337{--display:flex;--min-height:164px;--justify-content:center;--border-radius:40px 40px 40px 40px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:0px;--padding-bottom:0px;--padding-left:56px;--padding-right:0px;}.elementor-51151 .elementor-element.elementor-element-1769337:not(.elementor-motion-effects-element-type-background):not(.cmsmasters-bg-effect), .elementor-51151 .elementor-element.elementor-element-1769337 > .elementor-motion-effects-container > .elementor-motion-effects-layer, .elementor-51151 .elementor-element.elementor-element-1769337 > .cmsmasters-bg-effects-container > .cmsmasters-bg-effects-element{background-color:#D0AC8A;}.elementor-51151 .elementor-element.elementor-element-da70457{--display:flex;--min-height:424px;--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;}.elementor-51151 .elementor-element.elementor-element-da70457:not(.elementor-motion-effects-element-type-background):not(.cmsmasters-bg-effect), .elementor-51151 .elementor-element.elementor-element-da70457 > .elementor-motion-effects-container > .elementor-motion-effects-layer, .elementor-51151 .elementor-element.elementor-element-da70457 > .cmsmasters-bg-effects-container > .cmsmasters-bg-effects-element{background-color:#FFFFFF;}.elementor-51151 .elementor-element.elementor-element-ebb7e51{--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;}.elementor-51151 .elementor-element.elementor-element-4d79a7d{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-51151 .elementor-element.elementor-element-fa71b4a{--display:flex;--min-height:1000px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-51151 .elementor-element.elementor-element-f872f81{--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:flex-start;--align-items:stretch;}.elementor-51151 .elementor-element.elementor-element-f872f81:not(.elementor-motion-effects-element-type-background):not(.cmsmasters-bg-effect), .elementor-51151 .elementor-element.elementor-element-f872f81 > .elementor-motion-effects-container > .elementor-motion-effects-layer, .elementor-51151 .elementor-element.elementor-element-f872f81 > .cmsmasters-bg-effects-container > .cmsmasters-bg-effects-element{background-color:#2A2A2A;}.elementor-51151 .elementor-element.elementor-element-3f6a688{--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:flex-end;--align-items:flex-start;}.elementor-51151 .elementor-element.elementor-element-ce3d003{--display:flex;--min-height:536px;--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;--overlay-opacity:0.73;}.elementor-51151 .elementor-element.elementor-element-ce3d003:not(.elementor-motion-effects-element-type-background):not(.cmsmasters-bg-effect), .elementor-51151 .elementor-element.elementor-element-ce3d003 > .elementor-motion-effects-container > .elementor-motion-effects-layer, .elementor-51151 .elementor-element.elementor-element-ce3d003 > .cmsmasters-bg-effects-container > .cmsmasters-bg-effects-element{background-color:#FFFFFF;}.elementor-51151 .elementor-element.elementor-element-ce3d003::before, .elementor-51151 .elementor-element.elementor-element-ce3d003 > .elementor-background-video-container::before, .elementor-51151 .elementor-element.elementor-element-ce3d003 > .e-con-inner > .elementor-background-video-container::before, .elementor-51151 .elementor-element.elementor-element-ce3d003 > .elementor-background-slideshow::before, .elementor-51151 .elementor-element.elementor-element-ce3d003 > .e-con-inner > .elementor-background-slideshow::before, .elementor-51151 .elementor-element.elementor-element-ce3d003 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-51151 .elementor-element.elementor-element-3d7350f{--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;}.elementor-51151 .elementor-element.elementor-element-3d7350f:not(.elementor-motion-effects-element-type-background):not(.cmsmasters-bg-effect), .elementor-51151 .elementor-element.elementor-element-3d7350f > .elementor-motion-effects-container > .elementor-motion-effects-layer, .elementor-51151 .elementor-element.elementor-element-3d7350f > .cmsmasters-bg-effects-container > .cmsmasters-bg-effects-element{background-color:transparent;background-image:linear-gradient(180deg, #2A2A2A 0%, #393939 100%);}.elementor-51151 .elementor-element.elementor-element-d39357d{--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;}.elementor-51151 .elementor-element.elementor-element-52d8666{--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;}.elementor-51151 .elementor-element.elementor-element-52d8666:not(.elementor-motion-effects-element-type-background):not(.cmsmasters-bg-effect), .elementor-51151 .elementor-element.elementor-element-52d8666 > .elementor-motion-effects-container > .elementor-motion-effects-layer, .elementor-51151 .elementor-element.elementor-element-52d8666 > .cmsmasters-bg-effects-container > .cmsmasters-bg-effects-element{background-color:#FFFFFF;}.elementor-51151 .elementor-element.elementor-element-6c9b38d{--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;}.elementor-51151 .elementor-element.elementor-element-26ac985{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-51151 .elementor-element.elementor-element-5f9cdaa{--display:flex;--min-height:558px;--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;--justify-content:center;--overlay-opacity:0.62;}.elementor-51151 .elementor-element.elementor-element-5f9cdaa:not(.elementor-motion-effects-element-type-background):not(.cmsmasters-bg-effect), .elementor-51151 .elementor-element.elementor-element-5f9cdaa > .elementor-motion-effects-container > .elementor-motion-effects-layer, .elementor-51151 .elementor-element.elementor-element-5f9cdaa > .cmsmasters-bg-effects-container > .cmsmasters-bg-effects-element{background-image:url("https://nivaesthetic.com/wp-content/uploads/2026/05/aesthetic-page-form-area-image.webp");background-position:center center;background-repeat:repeat;}.elementor-51151 .elementor-element.elementor-element-5f9cdaa::before, .elementor-51151 .elementor-element.elementor-element-5f9cdaa > .elementor-background-video-container::before, .elementor-51151 .elementor-element.elementor-element-5f9cdaa > .e-con-inner > .elementor-background-video-container::before, .elementor-51151 .elementor-element.elementor-element-5f9cdaa > .elementor-background-slideshow::before, .elementor-51151 .elementor-element.elementor-element-5f9cdaa > .e-con-inner > .elementor-background-slideshow::before, .elementor-51151 .elementor-element.elementor-element-5f9cdaa > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#393939;--background-overlay:'';}.elementor-51151 .elementor-element.elementor-element-ea64ba3{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-51151 .elementor-element.elementor-element-854967f{--display:flex;--justify-content:center;}.elementor-51151 .elementor-element.elementor-element-bf5d5e1{--display:flex;--overlay-opacity:0.5;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-51151 .elementor-element.elementor-element-bf5d5e1::before, .elementor-51151 .elementor-element.elementor-element-bf5d5e1 > .elementor-background-video-container::before, .elementor-51151 .elementor-element.elementor-element-bf5d5e1 > .e-con-inner > .elementor-background-video-container::before, .elementor-51151 .elementor-element.elementor-element-bf5d5e1 > .elementor-background-slideshow::before, .elementor-51151 .elementor-element.elementor-element-bf5d5e1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-51151 .elementor-element.elementor-element-bf5d5e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-51151 .elementor-element.elementor-element-72cf2de{--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;}.elementor-51151 .elementor-element.elementor-element-34b2e37{--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;}.elementor-51151 .elementor-element.elementor-element-ae63e6e{--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:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:150px;--margin-left:0px;--margin-right:0px;--padding-top:22px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-51151 .elementor-element.elementor-element-ae63e6e:not(.elementor-motion-effects-element-type-background):not(.cmsmasters-bg-effect), .elementor-51151 .elementor-element.elementor-element-ae63e6e > .elementor-motion-effects-container > .elementor-motion-effects-layer, .elementor-51151 .elementor-element.elementor-element-ae63e6e > .cmsmasters-bg-effects-container > .cmsmasters-bg-effects-element{background-color:transparent;background-image:linear-gradient(152deg, #E6CFB9 18%, #FFFFFF 100%);}.elementor-51151 .elementor-element.elementor-element-32a2e74.elementor-element{--align-self:center;}.elementor-51151 .elementor-element.elementor-element-32a2e74 img{width:65px;}.elementor-51151 .elementor-element.elementor-element-0536f5f{width:var( --container-widget-width, 780px );max-width:780px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;--container-widget-width:780px;--container-widget-flex-grow:0;text-align:center;}.elementor-51151 .elementor-element.elementor-element-0536f5f .elementor-heading-title{font-family:"Philosopher Local", Sans-serif;font-size:54px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.15em;letter-spacing:-2px;word-spacing:0px;color:#393939;}.elementor-51151 .elementor-element.elementor-element-2924238{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-51151 .elementor-element.elementor-element-33d243f .elementor-widget-cmsmasters-button__button{color:#393939;--button-bg-color:#02010100;background:var( --button-bg-color );border-color:#393939;border-style:solid;border-width:1px 1px 1px 1px;}.elementor-51151 .elementor-element.elementor-element-33d243f .cmsmasters-icon-view-default .elementor-widget-cmsmasters-button__icon{color:#393939;fill:#393939;}.elementor-51151 .elementor-element.elementor-element-33d243f .cmsmasters-icon-view-stacked .elementor-widget-cmsmasters-button__icon{background-color:#393939;color:#02010100;fill:#02010100;}.elementor-51151 .elementor-element.elementor-element-33d243f .cmsmasters-icon-view-framed .elementor-widget-cmsmasters-button__icon{color:#393939;fill:#393939;border-color:#393939;}.elementor-51151 .elementor-element.elementor-element-33d243f .elementor-widget-cmsmasters-button__button:hover, .elementor-51151 .elementor-element.elementor-element-33d243f .elementor-widget-cmsmasters-button__button:focus{--button-bg-color:var( --e-global-color-primary );background:var( --e-global-color-primary );border-color:#02010100;}.elementor-51151 .elementor-element.elementor-element-33d243f .cmsmasters-icon-view-stacked:hover .elementor-widget-cmsmasters-button__icon, .elementor-51151 .elementor-element.elementor-element-33d243f .cmsmasters-icon-view-stacked:focus .elementor-widget-cmsmasters-button__icon{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-51151 .elementor-element.elementor-element-33d243f .elementor-widget-cmsmasters-button__button:hover, .elementor-51151 .elementor-element.elementor-element-33d243f .elementor-widget-cmsmasters-button__button:focus{background-color:transparent;background-image:linear-gradient(-90deg, var( --button-bg-color ) 0%, var( --e-global-color-tertiary ) 100%);}.elementor-51151 .elementor-element.elementor-element-fb49441 .elementor-widget-cmsmasters-button__button{color:#393939;--button-bg-color:#02010100;background:var( --button-bg-color );border-color:#393939;border-style:solid;border-width:1px 1px 1px 1px;}.elementor-51151 .elementor-element.elementor-element-fb49441 .cmsmasters-icon-view-default .elementor-widget-cmsmasters-button__icon{color:#393939;fill:#393939;}.elementor-51151 .elementor-element.elementor-element-fb49441 .cmsmasters-icon-view-stacked .elementor-widget-cmsmasters-button__icon{background-color:#393939;color:#02010100;fill:#02010100;}.elementor-51151 .elementor-element.elementor-element-fb49441 .cmsmasters-icon-view-framed .elementor-widget-cmsmasters-button__icon{color:#393939;fill:#393939;border-color:#393939;}.elementor-51151 .elementor-element.elementor-element-fb49441 .elementor-widget-cmsmasters-button__button:hover, .elementor-51151 .elementor-element.elementor-element-fb49441 .elementor-widget-cmsmasters-button__button:focus{--button-bg-color:var( --e-global-color-primary );background:var( --e-global-color-primary );border-color:#02010100;}.elementor-51151 .elementor-element.elementor-element-fb49441 .cmsmasters-icon-view-stacked:hover .elementor-widget-cmsmasters-button__icon, .elementor-51151 .elementor-element.elementor-element-fb49441 .cmsmasters-icon-view-stacked:focus .elementor-widget-cmsmasters-button__icon{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-51151 .elementor-element.elementor-element-fb49441 .elementor-widget-cmsmasters-button__button:hover, .elementor-51151 .elementor-element.elementor-element-fb49441 .elementor-widget-cmsmasters-button__button:focus{background-color:transparent;background-image:linear-gradient(-90deg, var( --button-bg-color ) 0%, var( --e-global-color-tertiary ) 100%);}.elementor-51151 .elementor-element.elementor-element-df6f450 .elementor-widget-cmsmasters-button__button{color:#393939;--button-bg-color:#02010100;background:var( --button-bg-color );border-color:#393939;border-style:solid;border-width:1px 1px 1px 1px;}.elementor-51151 .elementor-element.elementor-element-df6f450 .cmsmasters-icon-view-default .elementor-widget-cmsmasters-button__icon{color:#393939;fill:#393939;}.elementor-51151 .elementor-element.elementor-element-df6f450 .cmsmasters-icon-view-stacked .elementor-widget-cmsmasters-button__icon{background-color:#393939;color:#02010100;fill:#02010100;}.elementor-51151 .elementor-element.elementor-element-df6f450 .cmsmasters-icon-view-framed .elementor-widget-cmsmasters-button__icon{color:#393939;fill:#393939;border-color:#393939;}.elementor-51151 .elementor-element.elementor-element-df6f450 .elementor-widget-cmsmasters-button__button:hover, .elementor-51151 .elementor-element.elementor-element-df6f450 .elementor-widget-cmsmasters-button__button:focus{--button-bg-color:var( --e-global-color-primary );background:var( --e-global-color-primary );border-color:#02010100;}.elementor-51151 .elementor-element.elementor-element-df6f450 .cmsmasters-icon-view-stacked:hover .elementor-widget-cmsmasters-button__icon, .elementor-51151 .elementor-element.elementor-element-df6f450 .cmsmasters-icon-view-stacked:focus .elementor-widget-cmsmasters-button__icon{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-51151 .elementor-element.elementor-element-df6f450 .elementor-widget-cmsmasters-button__button:hover, .elementor-51151 .elementor-element.elementor-element-df6f450 .elementor-widget-cmsmasters-button__button:focus{background-color:transparent;background-image:linear-gradient(-90deg, var( --button-bg-color ) 0%, var( --e-global-color-tertiary ) 100%);}.elementor-51151 .elementor-element.elementor-element-e088236 .elementor-widget-cmsmasters-button__button{color:#393939;--button-bg-color:#02010100;background:var( --button-bg-color );border-color:#393939;border-style:solid;border-width:1px 1px 1px 1px;}.elementor-51151 .elementor-element.elementor-element-e088236 .cmsmasters-icon-view-default .elementor-widget-cmsmasters-button__icon{color:#393939;fill:#393939;}.elementor-51151 .elementor-element.elementor-element-e088236 .cmsmasters-icon-view-stacked .elementor-widget-cmsmasters-button__icon{background-color:#393939;color:#02010100;fill:#02010100;}.elementor-51151 .elementor-element.elementor-element-e088236 .cmsmasters-icon-view-framed .elementor-widget-cmsmasters-button__icon{color:#393939;fill:#393939;border-color:#393939;}.elementor-51151 .elementor-element.elementor-element-e088236 .elementor-widget-cmsmasters-button__button:hover, .elementor-51151 .elementor-element.elementor-element-e088236 .elementor-widget-cmsmasters-button__button:focus{--button-bg-color:var( --e-global-color-primary );background:var( --e-global-color-primary );border-color:#02010100;}.elementor-51151 .elementor-element.elementor-element-e088236 .cmsmasters-icon-view-stacked:hover .elementor-widget-cmsmasters-button__icon, .elementor-51151 .elementor-element.elementor-element-e088236 .cmsmasters-icon-view-stacked:focus .elementor-widget-cmsmasters-button__icon{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-51151 .elementor-element.elementor-element-e088236 .elementor-widget-cmsmasters-button__button:hover, .elementor-51151 .elementor-element.elementor-element-e088236 .elementor-widget-cmsmasters-button__button:focus{background-color:transparent;background-image:linear-gradient(-90deg, var( --button-bg-color ) 0%, var( --e-global-color-tertiary ) 100%);}.elementor-51151 .elementor-element.elementor-element-87762fe{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;text-align:center;}.elementor-51151 .elementor-element.elementor-element-87762fe .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );color:#393939;}.elementor-51151 .elementor-element.elementor-element-e379f4d{--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:space-between;--align-items:center;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--margin-top:-150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:38px;--padding-bottom:25px;--padding-left:40px;--padding-right:40px;}.elementor-51151 .elementor-element.elementor-element-e379f4d:not(.elementor-motion-effects-element-type-background):not(.cmsmasters-bg-effect), .elementor-51151 .elementor-element.elementor-element-e379f4d > .elementor-motion-effects-container > .elementor-motion-effects-layer, .elementor-51151 .elementor-element.elementor-element-e379f4d > .cmsmasters-bg-effects-container > .cmsmasters-bg-effects-element{background-color:#2B2B2B;}.elementor-51151 .elementor-element.elementor-element-db5a2d8{--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:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-51151 .elementor-element.elementor-element-21d03a3{width:var( --container-widget-width, 780px );max-width:780px;--container-widget-width:780px;--container-widget-flex-grow:0;text-align:center;}.elementor-51151 .elementor-element.elementor-element-21d03a3 .elementor-heading-title{font-family:"Philosopher Local", Sans-serif;font-size:60px;font-weight:900;text-transform:none;font-style:normal;text-decoration:none;line-height:1.15em;letter-spacing:-2px;word-spacing:0px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#D0AD8B;}.elementor-51151 .elementor-element.elementor-element-6fcceb6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:60px 60px;--row-gap:60px;--column-gap:60px;}.elementor-51151 .elementor-element.elementor-element-d220eb9{--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;}.elementor-51151 .elementor-element.elementor-element-0a2b6d6 .cmsmasters-blog--type-default{--cmsmasters-blog-columns:1;}.elementor-51151 .elementor-element.elementor-element-0a2b6d6 .cmsmasters-lazyload-widget-settings{--lazyload-widget-preloader-bg-color:var( --e-global-color-alternate );--lazyload-widget-preloader-icon-size:50px;--lazyload-widget-preloader-height:570px;--lazyload-widget-preloader-bd-radius:20px;}.elementor-51151 .elementor-element.elementor-element-75b49f5{--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;}.elementor-51151 .elementor-element.elementor-element-6818ca8 .cmsmasters-blog--type-default{--cmsmasters-blog-columns:1;--cmsmasters-blog-gap-row:7px;}.elementor-51151 .elementor-element.elementor-element-6818ca8 .cmsmasters-lazyload-widget-settings{--lazyload-widget-preloader-bg-color:var( --e-global-color-alternate );--lazyload-widget-preloader-icon-size:50px;--lazyload-widget-preloader-height:570px;--lazyload-widget-preloader-bd-radius:20px;}.elementor-51151 .elementor-element.elementor-element-305d235{z-index:1;}.elementor-51151 .elementor-element.elementor-element-305d235 .elementor-widget-cmsmasters-button__button{color:var( --e-global-color-tertiary );--button-bg-color:#02010100;background:var( --button-bg-color );border-color:var( --e-global-color-tertiary );border-style:solid;border-width:2px 2px 2px 2px;}.elementor-51151 .elementor-element.elementor-element-305d235 .cmsmasters-icon-view-default .elementor-widget-cmsmasters-button__icon{color:var( --e-global-color-tertiary );fill:var( --e-global-color-tertiary );}.elementor-51151 .elementor-element.elementor-element-305d235 .cmsmasters-icon-view-stacked .elementor-widget-cmsmasters-button__icon{background-color:var( --e-global-color-tertiary );color:#02010100;fill:#02010100;}.elementor-51151 .elementor-element.elementor-element-305d235 .cmsmasters-icon-view-framed .elementor-widget-cmsmasters-button__icon{color:var( --e-global-color-tertiary );fill:var( --e-global-color-tertiary );border-color:var( --e-global-color-tertiary );}.elementor-51151 .elementor-element.elementor-element-305d235 .elementor-widget-cmsmasters-button__button:hover, .elementor-51151 .elementor-element.elementor-element-305d235 .elementor-widget-cmsmasters-button__button:focus{color:var( --e-global-color-e713e3a );--button-bg-color:var( --e-global-color-primary );background:var( --e-global-color-primary );border-color:#FFFFFF00;}.elementor-51151 .elementor-element.elementor-element-305d235 .cmsmasters-icon-view-default:hover .elementor-widget-cmsmasters-button__icon, .elementor-51151 .elementor-element.elementor-element-305d235 .cmsmasters-icon-view-default:focus .elementor-widget-cmsmasters-button__icon{color:var( --e-global-color-e713e3a );fill:var( --e-global-color-e713e3a );}.elementor-51151 .elementor-element.elementor-element-305d235 .cmsmasters-icon-view-stacked:hover .elementor-widget-cmsmasters-button__icon, .elementor-51151 .elementor-element.elementor-element-305d235 .cmsmasters-icon-view-stacked:focus .elementor-widget-cmsmasters-button__icon{background-color:var( --e-global-color-e713e3a );color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-51151 .elementor-element.elementor-element-305d235 .cmsmasters-icon-view-framed:hover .elementor-widget-cmsmasters-button__icon, .elementor-51151 .elementor-element.elementor-element-305d235 .cmsmasters-icon-view-framed:focus .elementor-widget-cmsmasters-button__icon{color:var( --e-global-color-e713e3a );fill:var( --e-global-color-e713e3a );border-color:var( --e-global-color-e713e3a );}.elementor-51151 .elementor-element.elementor-element-305d235 .elementor-widget-cmsmasters-button__button:hover, .elementor-51151 .elementor-element.elementor-element-305d235 .elementor-widget-cmsmasters-button__button:focus{background-color:transparent;background-image:linear-gradient(-90deg, var( --button-bg-color ) 0%, var( --e-global-color-tertiary ) 100%);}.elementor-51151 .elementor-element.elementor-element-aaa501f{--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;}.elementor-51151 .elementor-element.elementor-element-987d5e8 .elementor-widget-cmsmasters-gallery__item{border-radius:0px;transition-duration:550ms;}.elementor-51151 .elementor-element.elementor-element-987d5e8 .e-gallery-item:hover .e-gallery-image{filter:brightness( 90% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-51151 .elementor-element.elementor-element-987d5e8 .e-gallery-image{transition-duration:550ms;}@media(min-width:768px){.elementor-51151 .elementor-element.elementor-element-f872f81{--width:60%;}.elementor-51151 .elementor-element.elementor-element-3f6a688{--width:40%;}.elementor-51151 .elementor-element.elementor-element-2924238{--content-width:1131px;}.elementor-51151 .elementor-element.elementor-element-d220eb9{--width:54%;}.elementor-51151 .elementor-element.elementor-element-75b49f5{--width:46%;}}@media(max-width:1180px) and (min-width:768px){.elementor-51151 .elementor-element.elementor-element-f872f81{--width:100%;}.elementor-51151 .elementor-element.elementor-element-3f6a688{--width:100%;}.elementor-51151 .elementor-element.elementor-element-2924238{--content-width:534px;}.elementor-51151 .elementor-element.elementor-element-d220eb9{--width:100%;}.elementor-51151 .elementor-element.elementor-element-75b49f5{--width:100%;}}@media(min-width:1601px){.elementor-51151 .elementor-element.elementor-element-ea64ba3{--grid-auto-flow:row;}.elementor-51151 .elementor-element.elementor-element-87762fe .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}}@media(max-width:1180px){.elementor-51151 .elementor-element.elementor-element-fa71b4a{--flex-wrap:wrap;}.elementor-51151 .elementor-element.elementor-element-f872f81{--min-height:515px;--padding-top:80px;--padding-bottom:80px;--padding-left:30px;--padding-right:30px;}.elementor-51151 .elementor-element.elementor-element-f872f81.e-con{--order:-99999 /* order start hack */;}.elementor-51151 .elementor-element.elementor-element-3f6a688{--min-height:520px;}.elementor-51151 .elementor-element.elementor-element-ea64ba3{--grid-auto-flow:row;}.elementor-51151 .elementor-element.elementor-element-ae63e6e{--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-51151 .elementor-element.elementor-element-0536f5f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-51151 .elementor-element.elementor-element-0536f5f .elementor-heading-title{font-size:48px;}.elementor-51151 .elementor-element.elementor-element-2924238{--flex-wrap:wrap;}.elementor-51151 .elementor-element.elementor-element-87762fe .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-51151 .elementor-element.elementor-element-e379f4d{--gap:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-51151 .elementor-element.elementor-element-21d03a3{--container-widget-width:400px;--container-widget-flex-grow:0;width:var( --container-widget-width, 400px );max-width:400px;}.elementor-51151 .elementor-element.elementor-element-21d03a3 .elementor-heading-title{font-size:48px;}.elementor-51151 .elementor-element.elementor-element-6fcceb6{--flex-wrap:wrap;}}@media(max-width:767px){.elementor-51151 .elementor-element.elementor-element-4d5ae64{--margin-top:-104px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-51151 .elementor-element.elementor-element-1769337{--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-51151 .elementor-element.elementor-element-fa71b4a{--min-height:500px;}.elementor-51151 .elementor-element.elementor-element-f872f81{--min-height:100px;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-51151 .elementor-element.elementor-element-3f6a688{--min-height:460px;--justify-content:flex-end;}.elementor-51151 .elementor-element.elementor-element-5f9cdaa:not(.elementor-motion-effects-element-type-background):not(.cmsmasters-bg-effect), .elementor-51151 .elementor-element.elementor-element-5f9cdaa > .elementor-motion-effects-container > .elementor-motion-effects-layer, .elementor-51151 .elementor-element.elementor-element-5f9cdaa > .cmsmasters-bg-effects-container > .cmsmasters-bg-effects-element{background-image:url("https://nivaesthetic.com/wp-content/uploads/2026/05/aesthetic-page-form-area-image.webp");background-repeat:no-repeat;background-size:cover;}.elementor-51151 .elementor-element.elementor-element-ea64ba3{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-51151 .elementor-element.elementor-element-854967f{--margin-top:32px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-51151 .elementor-element.elementor-element-ae63e6e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-51151 .elementor-element.elementor-element-32a2e74{margin:22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-51151 .elementor-element.elementor-element-0536f5f{text-align:center;}.elementor-51151 .elementor-element.elementor-element-0536f5f .elementor-heading-title{font-size:34px;}.elementor-51151 .elementor-element.elementor-element-2924238{--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;}.elementor-51151 .elementor-element.elementor-element-87762fe .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-51151 .elementor-element.elementor-element-e379f4d{--gap:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:-79px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-51151 .elementor-element.elementor-element-db5a2d8{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-51151 .elementor-element.elementor-element-21d03a3{margin:27px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-51151 .elementor-element.elementor-element-21d03a3 .elementor-heading-title{font-size:34px;}.elementor-51151 .elementor-element.elementor-element-0a2b6d6 .cmsmasters-blog--type-default{--cmsmasters-blog-columns:1;}.elementor-51151 .elementor-element.elementor-element-0a2b6d6 .cmsmasters-lazyload-widget-settings{--lazyload-widget-preloader-height:360px;}.elementor-51151 .elementor-element.elementor-element-6818ca8 .cmsmasters-blog--type-default{--cmsmasters-blog-columns:1;}.elementor-51151 .elementor-element.elementor-element-6818ca8 .cmsmasters-lazyload-widget-settings{--lazyload-widget-preloader-height:360px;}.elementor-51151 .elementor-element.elementor-element-305d235{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 46px) 0px;}.elementor-51151 .elementor-element.elementor-element-987d5e8{width:100%;max-width:100%;}}/* Start custom CSS for container, class: .elementor-element-92a7934 */@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Playfair+Display:wght@400;500;600;700&display=swap'); #nivaLuxuryHero { position: relative; width: 100%; height: 920px; overflow: hidden; background: #000; isolation: isolate; } #nivaLuxuryHero .nivaLuxuryBg { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: 0; transform: scale(1); animation: nivaLuxuryImage 36s infinite ease-in-out; } #nivaLuxuryHero .bg01 { background-image: url("https://nivaesthetic.com/wp-content/uploads/2026/04/bbl-foti-scaled.jpg"); animation-delay: 0s; } #nivaLuxuryHero .bg02 { background-image: url("https://nivaesthetic.com/wp-content/uploads/2026/04/boyun-germe-foti-scaled.jpg"); animation-delay: 4s; } #nivaLuxuryHero .bg03 { background-image: url("https://nivaesthetic.com/wp-content/uploads/2026/04/burun-amel-foti-scaled.jpg"); animation-delay: 8s; } #nivaLuxuryHero .bg04 { background-image: url("https://nivaesthetic.com/wp-content/uploads/2026/04/dudak-dolgu-foti-scaled.jpg"); animation-delay: 12s; } #nivaLuxuryHero .bg05 { background-image: url("https://nivaesthetic.com/wp-content/uploads/2026/04/goz-kapagi-foti-scaled.jpg"); animation-delay: 16s; } #nivaLuxuryHero .bg06 { background-image: url("https://nivaesthetic.com/wp-content/uploads/2026/04/karin-germe-foti-scaled.jpg"); animation-delay: 20s; } #nivaLuxuryHero .bg07 { background-image: url("https://nivaesthetic.com/wp-content/uploads/2026/04/meme-buyutme-foti-scaled.jpg"); animation-delay: 24s; } #nivaLuxuryHero .bg08 { background-image: url("https://nivaesthetic.com/wp-content/uploads/2026/04/yag-aldirma-foti-scaled.jpg"); animation-delay: 28s; } #nivaLuxuryHero .bg09 { background-image: url("https://nivaesthetic.com/wp-content/uploads/2026/04/yuz-geroe-foti-scaled.jpg"); animation-delay: 32s; } #nivaLuxuryHero .nivaLuxuryOverlay { position: absolute; inset: 0; z-index: 2; background: linear-gradient(180deg, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0.26) 52%, rgba(0,0,0,0.62) 100%), linear-gradient(90deg, rgba(0,0,0,0.48) 0%, rgba(0,0,0,0.10) 50%, rgba(0,0,0,0.42) 100%); } #nivaLuxuryHero .nivaLuxuryText { position: absolute; z-index: 4; left: 7%; top: 66%; transform: translateY(-50%); color: #fff; } #nivaLuxuryHero .nivaLuxuryMain { font-family: 'Playfair Display', serif; font-size: clamp(70px, 10vw, 155px); font-weight: 500; letter-spacing: -3px; line-height: 0.85; color: rgba(255,255,255,0.94); text-transform: uppercase; text-shadow: 0 15px 38px rgba(0,0,0,0.50); } #nivaLuxuryHero .nivaLuxurySub { display: flex; align-items: center; gap: 20px; margin-top: 24px; padding-left: 34%; white-space: nowrap; } #nivaLuxuryHero .nivaLuxuryWith { font-family: 'Great Vibes', cursive; font-size: clamp(34px, 4.2vw, 66px); color: #A48871; line-height: 1; text-transform: none; text-shadow: 0 8px 24px rgba(0,0,0,0.62); flex: 0 0 auto; } #nivaLuxuryHero .nivaLuxuryChanging { position: relative; display: inline-block; min-width: 520px; height: clamp(42px, 5vw, 72px); flex: 0 0 auto; } #nivaLuxuryHero .nivaLuxuryChanging span { position: absolute; left: 0; top: 0; opacity: 0; font-family: 'Playfair Display', serif; font-size: clamp(34px, 4.8vw, 72px); font-weight: 500; line-height: 1; color: rgba(255,255,255,0.95); text-transform: uppercase; letter-spacing: -0.7px; white-space: nowrap; text-shadow: 0 14px 40px rgba(0,0,0,0.55); animation: nivaLuxuryTitle 36s infinite ease-in-out; } #nivaLuxuryHero .nivaLuxuryChanging span:nth-child(1) { animation-delay: 0s; } #nivaLuxuryHero .nivaLuxuryChanging span:nth-child(2) { animation-delay: 4s; } #nivaLuxuryHero .nivaLuxuryChanging span:nth-child(3) { animation-delay: 8s; } #nivaLuxuryHero .nivaLuxuryChanging span:nth-child(4) { animation-delay: 12s; } #nivaLuxuryHero .nivaLuxuryChanging span:nth-child(5) { animation-delay: 16s; } #nivaLuxuryHero .nivaLuxuryChanging span:nth-child(6) { animation-delay: 20s; } #nivaLuxuryHero .nivaLuxuryChanging span:nth-child(7) { animation-delay: 24s; } #nivaLuxuryHero .nivaLuxuryChanging span:nth-child(8) { animation-delay: 28s; } #nivaLuxuryHero .nivaLuxuryChanging span:nth-child(9) { animation-delay: 32s; } @keyframes nivaLuxuryImage { 0% { opacity: 0; transform: scale(1); } 4% { opacity: 1; transform: scale(1.04); } 10% { opacity: 1; transform: scale(1.10); } 12% { opacity: 0; transform: scale(1.13); } 100% { opacity: 0; transform: scale(1); } } @keyframes nivaLuxuryTitle { 0%, 4% { opacity: 0; transform: translateY(18px); } 7%, 10% { opacity: 1; transform: translateY(0); } 12% { opacity: 0; transform: translateY(-14px); } 100% { opacity: 0; transform: translateY(18px); } } @media (max-width: 767px) { #nivaLuxuryHero { height: 700px; } #nivaLuxuryHero .nivaLuxuryText { left: 50%; top: 64%; transform: translate(-50%, -50%); width: 92%; text-align: center; } #nivaLuxuryHero .nivaLuxuryMain { font-size: clamp(58px, 19vw, 105px); font-weight: 500; letter-spacing: -2px; } #nivaLuxuryHero .nivaLuxurySub { justify-content: center; gap: 10px; margin-top: 16px; padding-left: 18%; } #nivaLuxuryHero .nivaLuxuryWith { font-size: clamp(30px, 10vw, 48px); } #nivaLuxuryHero .nivaLuxuryChanging { min-width: 190px; height: 38px; } #nivaLuxuryHero .nivaLuxuryChanging span { font-size: clamp(20px, 6vw, 31px); font-weight: 500; letter-spacing: -0.3px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-da70457 */@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap'); .niva-treatments-section, .niva-treatments-section * { box-sizing: border-box; } .niva-treatments-section { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; padding: 78px 40px 100px !important; background: radial-gradient(circle at 50% 0%, rgba(207, 173, 139, 0.22), transparent 34%), radial-gradient(circle at 50% 14%, rgba(255, 226, 195, 0.11), transparent 31%), linear-gradient(180deg, #2b2b2b 0%, #242424 100%) !important; overflow: visible !important; position: relative; z-index: 2; font-family: "Inter", Arial, sans-serif; } .niva-treatments-section::before { content: ""; position: absolute; top: -180px; left: 50%; width: 780px; height: 460px; transform: translateX(-50%); background: radial-gradient(circle, rgba(207, 173, 139, 0.30) 0%, rgba(207, 173, 139, 0.11) 34%, transparent 68%); filter: blur(34px); pointer-events: none; z-index: 0; } .niva-treatments-section::after { content: ""; position: absolute; top: 0; left: 50%; width: 100%; max-width: 1050px; height: 330px; transform: translateX(-50%); background: radial-gradient(ellipse at center, rgba(255, 232, 205, 0.10) 0%, rgba(207, 173, 139, 0.08) 34%, transparent 70%); pointer-events: none; z-index: 0; } .niva-treatments-heading-wrap { width: 100%; max-width: 980px; margin: 0 auto 68px; text-align: center; position: relative; z-index: 3; } .niva-treatments-mini-label { display: inline-flex; align-items: center; justify-content: center; gap: 14px; color: #cfad8b; font-size: 12px; line-height: 1; letter-spacing: 3.4px; text-transform: uppercase; font-weight: 600; margin-bottom: 22px; opacity: .92; } .niva-treatments-mini-label::before, .niva-treatments-mini-label::after { content: ""; width: 46px; height: 1px; background: linear-gradient(90deg, transparent, rgba(207, 173, 139, .95), transparent); display: block; } .niva-treatments-main-title { margin: 0; color: #cfad8b; font-family: "Playfair Display", Georgia, serif; font-size: clamp(58px, 7.4vw, 108px); font-weight: 500; line-height: .94; letter-spacing: -2.8px; text-align: center; text-shadow: 0 2px 0 rgba(255, 238, 218, .12), 0 18px 48px rgba(0, 0, 0, .34), 0 0 34px rgba(207, 173, 139, .12); } .niva-treatments-subtitle { margin: 24px auto 0; max-width: 680px; color: rgba(255,255,255,.70); font-size: 16px; line-height: 1.78; font-weight: 300; } .niva-treatment-shell { width: 100% !important; max-width: 1800px !important; margin: 0 auto !important; display: grid !important; grid-template-columns: 560px 620px 560px !important; justify-content: space-between !important; align-items: center !important; gap: 30px !important; overflow: visible !important; position: relative; z-index: 2; } .niva-treatment-column { display: flex !important; flex-direction: column !important; gap: 26px !important; visibility: visible !important; opacity: 1 !important; overflow: visible !important; } .niva-left-column { align-items: flex-start !important; justify-self: start !important; } .niva-right-column { align-items: flex-end !important; justify-self: end !important; } .niva-treatment-card { display: block !important; visibility: visible !important; opacity: 0; width: 560px !important; max-width: 560px !important; height: 160px !important; position: relative !important; overflow: hidden !important; cursor: pointer; isolation: isolate; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; transform: translateY(48px); transition: opacity .9s cubic-bezier(.22, .8, .24, 1), transform .9s cubic-bezier(.22, .8, .24, 1), box-shadow .45s ease, filter .45s ease, border-color .45s ease !important; box-shadow: 0 18px 34px rgba(0,0,0,.31), inset 0 0 0 1px rgba(255,255,255,.08); z-index: 10 !important; border: 1px solid rgba(207, 173, 139, .28); } .niva-treatment-card.niva-visible { opacity: 1; transform: translateY(0); } .niva-left-column .niva-treatment-card { border-radius: 0 58px 58px 0 !important; } .niva-right-column .niva-treatment-card { border-radius: 58px 0 0 58px !important; } .niva-treatment-card::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.64), rgba(0,0,0,.18) 62%, rgba(0,0,0,.24)), radial-gradient(circle at 20% 50%, rgba(207,173,139,.28), transparent 42%); z-index: -1; transition: background .45s ease, opacity .45s ease; } .niva-right-column .niva-treatment-card::before { background: linear-gradient(270deg, rgba(0,0,0,.64), rgba(0,0,0,.18) 62%, rgba(0,0,0,.24)), radial-gradient(circle at 80% 50%, rgba(207,173,139,.28), transparent 42%); } .niva-treatment-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(207,173,139,.46), rgba(255,255,255,.08) 36%, rgba(0,0,0,0) 68%); z-index: -1; opacity: .46; transition: opacity .45s ease, transform .65s ease; } .niva-right-column .niva-treatment-card::after { background: linear-gradient(270deg, rgba(207,173,139,.46), rgba(255,255,255,.08) 36%, rgba(0,0,0,0) 68%); } .niva-card-shine { position: absolute; top: 0; bottom: 0; width: 90px; left: -120px; z-index: 2; background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent); transform: skewX(-18deg); transition: left .75s ease; pointer-events: none; } .niva-treatment-card:hover { transform: translateY(-7px) scale(1.018) !important; box-shadow: 0 28px 56px rgba(0,0,0,.43), 0 0 0 1px rgba(207,173,139,.26); border-color: rgba(207, 173, 139, .56); } .niva-treatment-card:hover::before { background: linear-gradient(90deg, rgba(0,0,0,.70), rgba(0,0,0,.24) 62%, rgba(0,0,0,.30)), radial-gradient(circle at 20% 50%, rgba(207,173,139,.40), transparent 45%); } .niva-right-column .niva-treatment-card:hover::before { background: linear-gradient(270deg, rgba(0,0,0,.70), rgba(0,0,0,.24) 62%, rgba(0,0,0,.30)), radial-gradient(circle at 80% 50%, rgba(207,173,139,.40), transparent 45%); } .niva-treatment-card:hover::after { opacity: .72; transform: scaleX(1.04); } .niva-treatment-card:hover .niva-card-shine { left: 118%; } .niva-treatment-card span { position: absolute; top: 50%; left: 36px; transform: translateY(-50%); color: #fff; font-family: "Playfair Display", Georgia, serif; font-size: clamp(29px, 2.15vw, 42px); font-weight: 500; line-height: 1.02; letter-spacing: -.5px; text-shadow: 0 8px 22px rgba(0,0,0,.56); z-index: 3; pointer-events: none; transition: transform .42s ease, letter-spacing .42s ease, color .42s ease; max-width: calc(100% - 74px); } .niva-right-column .niva-treatment-card span { left: auto; right: 36px; text-align: right; } .niva-treatment-card:hover span { transform: translateY(-50%) translateX(8px); letter-spacing: .1px; color: #fff7ee; } .niva-right-column .niva-treatment-card:hover span { transform: translateY(-50%) translateX(-8px); } .niva-mobile-card-info { display: none; } .niva-treatment-center { width: 620px !important; max-width: 620px !important; min-height: 780px; display: flex !important; align-items: center; justify-content: center; z-index: 5 !important; } .niva-info-box { width: 100%; min-height: 660px; padding: 28px; background: linear-gradient(145deg, rgba(207,173,139,.98), rgba(176,142,111,.96)); border-radius: 30px; border: 1px solid rgba(255,255,255,.20); box-shadow: 0 26px 68px rgba(0,0,0,.39), inset 0 1px 0 rgba(255,255,255,.28); position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-start; color: #fff; } .niva-info-box::before { content: ""; position: absolute; inset: 14px; border: 1px solid rgba(255,255,255,.36); border-radius: 22px; pointer-events: none; z-index: 1; } .niva-info-box::after { content: ""; position: absolute; width: 230px; height: 230px; right: -90px; top: -90px; border-radius: 50%; background: radial-gradient(circle, rgba(255,255,255,.22), transparent 68%); filter: blur(10px); pointer-events: none; z-index: 0; } .niva-info-top-row { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 18px; } .niva-small-label { position: relative; z-index: 2; color: rgba(255,255,255,.92); font-size: 12px; letter-spacing: 3px; text-transform: uppercase; font-weight: 600; } .niva-info-count { width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #cfad8b; background: rgba(43,43,43,.94); border: 1px solid rgba(255,255,255,.18); font-family: "Playfair Display", Georgia, serif; font-size: 16px; font-weight: 600; box-shadow: 0 12px 28px rgba(0,0,0,.20); } .niva-info-image-wrap { position: relative; z-index: 2; width: 100%; height: 292px; margin-bottom: 30px; overflow: hidden; border-radius: 28px; box-shadow: 0 18px 40px rgba(0,0,0,.22); background: rgba(255,255,255,.16); border: 1px solid rgba(255,255,255,.22); } .niva-info-image { width: 100%; height: 100%; background-image: url('https://nivaesthetic.com/wp-content/uploads/2026/04/bbl-foti-scaled.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; transition: opacity .28s ease, transform .6s cubic-bezier(.22, .8, .24, 1), filter .35s ease; filter: saturate(1.04) contrast(1.03); } .niva-info-image-wrap::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.28), transparent 58%), radial-gradient(circle at top right, rgba(207,173,139,.18), transparent 42%); pointer-events: none; } .niva-info-box h2 { position: relative; z-index: 2; margin: 0; color: #fff; font-family: "Playfair Display", Georgia, serif; font-size: clamp(36px, 3vw, 56px); font-weight: 500; line-height: 1.03; letter-spacing: -1px; text-shadow: 0 8px 18px rgba(0,0,0,.20); } .niva-gold-line { position: relative; z-index: 2; width: 92px; height: 1px; background: linear-gradient(90deg, #fff, rgba(255,255,255,.12)); margin: 23px 0; opacity: .92; } .niva-info-box p { position: relative; z-index: 2; margin: 0; color: rgba(255,255,255,.88); font-size: 15.5px; line-height: 1.78; font-weight: 300; } .niva-info-btn { position: relative; z-index: 2; display: inline-flex; align-self: flex-start; align-items: center; justify-content: center; gap: 12px; margin-top: 32px; min-height: 52px; padding: 0 25px; border-radius: 999px; background: #2b2b2b; border: 1px solid rgba(255,255,255,.18); color: #fff !important; text-decoration: none !important; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; font-weight: 600; box-shadow: 0 16px 34px rgba(0,0,0,.24); transition: all .34s ease; overflow: hidden; } .niva-info-btn::after { content: ""; position: absolute; width: 74px; height: 100%; top: 0; left: -92px; background: linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent); transform: skewX(-18deg); transition: .55s ease; } .niva-info-btn span { color: #cfad8b; font-size: 18px; line-height: 1; } .niva-info-btn:hover { transform: translateY(-4px); background: #151515; color: #fff !important; box-shadow: 0 22px 46px rgba(0,0,0,.30); } .niva-info-btn:hover::after { left: 120%; } .niva-info-box.is-changing h2, .niva-info-box.is-changing p, .niva-info-box.is-changing .niva-info-image, .niva-info-box.is-changing .niva-info-count { opacity: .25; } @media (max-width: 1500px) { .niva-treatment-shell { grid-template-columns: 470px 540px 470px !important; gap: 22px !important; } .niva-treatment-card { width: 470px !important; max-width: 470px !important; height: 155px !important; } .niva-treatment-center { width: 540px !important; max-width: 540px !important; } .niva-info-box { min-height: 630px; } .niva-info-image-wrap { height: 270px; } } @media (max-width: 1200px) { .niva-treatment-shell { grid-template-columns: 1fr !important; justify-content: center !important; gap: 28px !important; } .niva-treatment-center { order: -1; width: 100% !important; max-width: 760px !important; min-height: auto; justify-self: center; } .niva-treatment-column, .niva-left-column, .niva-right-column { width: 100% !important; align-items: center !important; justify-self: center !important; } .niva-treatment-card { width: 100% !important; max-width: 760px !important; height: 145px !important; border-radius: 38px !important; } .niva-left-column .niva-treatment-card, .niva-right-column .niva-treatment-card { border-radius: 38px !important; } .niva-treatment-card span, .niva-right-column .niva-treatment-card span { left: 30px; right: auto; text-align: left; } } @media (max-width: 767px) { .niva-treatments-section { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding: 56px 14px 64px !important; overflow: hidden !important; } .niva-treatments-section::before { top: -120px; width: 480px; height: 330px; filter: blur(28px); } .niva-treatments-section::after { height: 250px; } .niva-treatments-heading-wrap { margin-bottom: 40px; max-width: 100%; } .niva-treatments-mini-label { font-size: 11px; letter-spacing: 2.4px; gap: 10px; margin-bottom: 18px; } .niva-treatments-mini-label::before, .niva-treatments-mini-label::after { width: 28px; } .niva-treatments-main-title { font-size: clamp(46px, 14vw, 66px); line-height: .96; letter-spacing: -1.4px; } .niva-treatments-subtitle { font-size: 14.5px; line-height: 1.7; margin-top: 18px; } .niva-treatment-shell { gap: 22px !important; } .niva-treatment-center { display: none !important; } .niva-treatment-column { gap: 18px !important; } .niva-treatment-card { width: 100% !important; max-width: 100% !important; height: 132px !important; border-radius: 30px !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; transition: opacity .75s ease, transform .75s ease, height .48s cubic-bezier(.22,.8,.24,1), background-size .55s ease, box-shadow .35s ease !important; } .niva-left-column .niva-treatment-card, .niva-right-column .niva-treatment-card { border-radius: 30px !important; } .niva-treatment-card span, .niva-right-column .niva-treatment-card span { top: 50%; left: 25px; right: auto; font-size: 29px; text-align: left; max-width: calc(100% - 50px); } .niva-treatment-card.niva-mobile-active { height: 340px !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; box-shadow: 0 26px 58px rgba(0,0,0,.44); border-color: rgba(207,173,139,.55); } .niva-treatment-card.niva-mobile-active::before { background: linear-gradient(to top, rgba(0,0,0,.72), rgba(0,0,0,.24) 68%), radial-gradient(circle at top right, rgba(207,173,139,.34), transparent 45%); } .niva-treatment-card.niva-mobile-active span { top: 34px; transform: translateY(0); } .niva-mobile-card-info { display: block; position: absolute; left: 25px; right: 25px; bottom: 25px; z-index: 4; opacity: 0; transform: translateY(16px); pointer-events: none; transition: opacity .35s ease .12s, transform .35s ease .12s; } .niva-treatment-card.niva-mobile-active .niva-mobile-card-info { opacity: 1; transform: translateY(0); pointer-events: auto; } .niva-mobile-card-info p { margin: 0 0 18px; color: rgba(255,255,255,.90); font-size: 14px; line-height: 1.65; font-weight: 300; } .niva-mobile-card-info a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 19px; border-radius: 999px; background: #2b2b2b; border: 1px solid rgba(207,173,139,.48); color: #fff !important; text-decoration: none !important; font-size: 11px; letter-spacing: 1.7px; text-transform: uppercase; font-weight: 600; } } /* Görselleri İspanyolca kart başlıklarına bağlar */ .niva-left-column .niva-treatment-card[data-title="BBL"] { background-image: url("https://nivaesthetic.com/wp-content/uploads/2026/04/bbl-foti-scaled.jpg") !important; } .niva-left-column .niva-treatment-card[data-title="Rinoplastia"] { background-image: url("https://nivaesthetic.com/wp-content/uploads/2026/04/burun-amel-foti-scaled.jpg") !important; } .niva-left-column .niva-treatment-card[data-title="Cirugía de párpados"] { background-image: url("https://nivaesthetic.com/wp-content/uploads/2026/04/goz-kapagi-foti-scaled.jpg") !important; } .niva-left-column .niva-treatment-card[data-title="Aumento de pecho"] { background-image: url("https://nivaesthetic.com/wp-content/uploads/2026/04/meme-buyutme-foti-scaled.jpg") !important; } .niva-left-column .niva-treatment-card[data-title="Lifting facial"] { background-image: url("https://nivaesthetic.com/wp-content/uploads/2026/04/yuz-geroe-foti-scaled.jpg") !important; } .niva-right-column .niva-treatment-card[data-title="Lifting de cuello"] { background-image: url("https://nivaesthetic.com/wp-content/uploads/2026/04/boyun-germe-foti-scaled.jpg") !important; } .niva-right-column .niva-treatment-card[data-title="Relleno de labios"] { background-image: url("https://nivaesthetic.com/wp-content/uploads/2026/04/dudak-dolgu-foti-scaled.jpg") !important; } .niva-right-column .niva-treatment-card[data-title="Abdominoplastia"] { background-image: url("https://nivaesthetic.com/wp-content/uploads/2026/04/karin-germe-foti-scaled.jpg") !important; } .niva-right-column .niva-treatment-card[data-title="Liposucción"] { background-image: url("https://nivaesthetic.com/wp-content/uploads/2026/04/yag-aldirma-foti-scaled.jpg") !important; } .niva-right-column .niva-treatment-card[data-title="Hollywood Smile"] { background-image: url("https://nivaesthetic.com/wp-content/uploads/2026/04/hollywood-smile-image.webp") !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ebb7e51 */@import url('https://fonts.googleapis.com/css2?family=Philosopher:wght@400;700&family=Inter:wght@300;400;500;600;700&display=swap'); .niva-premium-journey, .niva-premium-journey * { box-sizing: border-box; } .niva-premium-journey { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding: 92px 28px; background: radial-gradient(circle at top left, rgba(212,178,133,.18), transparent 34%), radial-gradient(circle at bottom right, rgba(164,136,113,.16), transparent 38%), linear-gradient(135deg,#fff 0%,#fbf8f3 48%,#fff 100%); font-family: "Inter",Arial,sans-serif; overflow: hidden; position: relative; } .niva-premium-journey::before { content: ""; position: absolute; inset: 22px; border: 1px solid rgba(164,136,113,.24); border-radius: 34px; pointer-events: none; z-index: 1; } .niva-premium-journey::after { content: ""; position: absolute; width: 430px; height: 430px; right: -165px; top: -170px; background: radial-gradient(circle,rgba(212,178,133,.22),transparent 66%); filter: blur(9px); pointer-events: none; z-index: 0; } .niva-journey-bg-orbit { position: absolute; border-radius: 50%; border: 1px solid rgba(164,136,113,.24); pointer-events: none; z-index: 0; } .journey-orbit-one { width: 420px; height: 420px; left: -155px; top: 165px; animation: nivaJourneyRotate 24s linear infinite; } .journey-orbit-two { width: 280px; height: 280px; right: 8%; bottom: 85px; animation: nivaJourneyRotateReverse 18s linear infinite; } .niva-journey-bg-orbit::before, .niva-journey-bg-orbit::after { content: ""; position: absolute; border-radius: 50%; background: #a48871; box-shadow: 0 0 22px rgba(164,136,113,.48); } .niva-journey-bg-orbit::before { width: 11px; height: 11px; top: 18%; left: 16%; } .niva-journey-bg-orbit::after { width: 8px; height: 8px; right: 18%; bottom: 18%; } .niva-journey-route-line { position: absolute; width: 360px; height: 160px; left: 8%; bottom: 110px; border: 1px dashed rgba(164,136,113,.28); border-left: 0; border-bottom: 0; border-radius: 0 160px 0 0; transform: rotate(-8deg); pointer-events: none; z-index: 0; animation: nivaJourneyFloat 6s ease-in-out infinite; } .niva-journey-route-line::before, .niva-journey-route-line::after { content: ""; position: absolute; border-radius: 50%; background: rgba(164,136,113,.42); box-shadow: 0 0 18px rgba(164,136,113,.24); } .niva-journey-route-line::before { width: 9px; height: 9px; left: 36px; top: -5px; } .niva-journey-route-line::after { width: 7px; height: 7px; right: 54px; top: -4px; } .niva-journey-sparkle, .niva-journey-plus { position: absolute; color: rgba(164,136,113,.34); line-height: 1; pointer-events: none; z-index: 0; animation: nivaJourneySparkle 4.8s ease-in-out infinite; } .sparkle-one { top: 135px; left: 23%; font-size: 42px; } .sparkle-two { bottom: 190px; right: 25%; font-size: 34px; animation-delay: 1.4s; } .plus-one { top: 170px; right: 18%; font-size: 48px; font-weight: 300; animation-delay: .7s; } .niva-journey-dot { position: absolute; border-radius: 50%; background: rgba(164,136,113,.34); box-shadow: 0 0 20px rgba(164,136,113,.28); pointer-events: none; z-index: 0; } .dot-one { width: 10px; height: 10px; top: 128px; left: 30%; } .dot-two { width: 7px; height: 7px; bottom: 125px; right: 30%; } .dot-three { width: 9px; height: 9px; top: 54%; right: 6%; } .niva-journey-heading { width: min(980px,100%); margin: 0 auto 64px; text-align: center; position: relative; z-index: 2; } .niva-mini-label { display: inline-flex; align-items: center; justify-content: center; gap: 14px; color: #a48871; font-size: 13px; line-height: 1; letter-spacing: 3.2px; text-transform: uppercase; margin-bottom: 22px; font-weight: 700; } .niva-mini-label::before, .niva-mini-label::after { content: ""; width: 44px; height: 1px; background: linear-gradient(90deg,transparent,#a48871,transparent); display: block; } .niva-main-title { margin: 0 0 20px; color: #2b2b2b; font-size: clamp(42px,5vw,72px); line-height: .98; font-weight: 700; letter-spacing: -1.8px; font-family: "Philosopher",Georgia,serif; } .niva-main-title span { color: #a48871; position: relative; display: inline-block; } .niva-main-title span::after { content: ""; position: absolute; left: 6px; right: 6px; bottom: 6px; height: 10px; border-radius: 999px; background: rgba(216,178,142,.28); z-index: -1; } .niva-main-desc { margin: 0 auto; color: #5c5c5c; font-size: 17px; line-height: 1.8; max-width: 730px; font-weight: 400; } .niva-journey-shell { width: min(1240px,100%); margin: 0 auto; display: grid; grid-template-columns: 430px 1fr; gap: 72px; align-items: center; position: relative; z-index: 2; } .niva-journey-left { position: relative; } .niva-journey-left::before { content: ""; position: absolute; top: 24px; bottom: 24px; left: 28px; width: 1px; background: linear-gradient(to bottom,transparent,rgba(164,136,113,.45),transparent); pointer-events: none; } .niva-step-list { display: flex; flex-direction: column; gap: 16px; position: relative; z-index: 2; } .niva-step-item { width: 100%; min-height: 96px; border: 1px solid rgba(164,136,113,.22) !important; background: rgba(255,255,255,.76) !important; color: #2b2b2b !important; border-radius: 26px; padding: 18px 20px; display: grid !important; grid-template-columns: 58px 1fr; align-items: center; gap: 18px; cursor: pointer; text-align: left; position: relative; overflow: hidden; box-shadow: 0 16px 36px rgba(43,43,43,.065); transition: all .35s ease; appearance: none; -webkit-appearance: none; backdrop-filter: blur(14px); } .niva-step-item::before { content: ""; position: absolute; inset: 0; background: linear-gradient(120deg,rgba(216,178,142,.18),transparent 58%), radial-gradient(circle at top right,rgba(164,136,113,.16),transparent 44%); opacity: 0; transition: .35s ease; } .niva-step-item::after { content: ""; position: absolute; left: 0; top: 22px; bottom: 22px; width: 3px; border-radius: 999px; background: #a48871; opacity: 0; transition: .35s ease; } .niva-step-item:hover { transform: translateX(8px); border-color: rgba(164,136,113,.48) !important; box-shadow: 0 22px 48px rgba(43,43,43,.10); } .niva-step-item.active { transform: translateX(14px); background: linear-gradient(135deg,#2b2b2b 0%,#171717 100%) !important; border-color: rgba(216,178,142,.64) !important; box-shadow: 0 26px 55px rgba(43,43,43,.24); } .niva-step-item.active::before, .niva-step-item.active::after, .niva-step-item:hover::before { opacity: 1; } .niva-step-count { width: 58px; height: 58px; border-radius: 50%; border: 1px solid rgba(164,136,113,.48); color: #a48871; background: rgba(255,255,255,.72); display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 700; font-family: "Philosopher",Georgia,serif; position: relative; z-index: 2; transition: .35s ease; box-shadow: 0 10px 24px rgba(164,136,113,.12); } .niva-step-item.active .niva-step-count { background: linear-gradient(145deg,#d8b28e,#a48871); color: #fff; border-color: rgba(255,255,255,.40); box-shadow: 0 14px 30px rgba(164,136,113,.36); } .niva-step-content { position: relative; z-index: 2; } .niva-step-content strong { display: block; color: #2b2b2b; font-size: 17px; line-height: 1.25; font-weight: 700; margin-bottom: 7px; transition: .35s ease; } .niva-step-content small { display: block; color: rgba(43,43,43,.58); font-size: 13.5px; line-height: 1.5; font-weight: 400; transition: .35s ease; } .niva-step-item.active .niva-step-content strong { color: #fff; } .niva-step-item.active .niva-step-content small { color: rgba(255,255,255,.72); } .niva-journey-right { min-width: 0; } .niva-visual-card { width: 100%; border-radius: 44px; padding: 18px; background: linear-gradient(145deg,rgba(255,255,255,.96),rgba(246,239,229,.98)); border: 1px solid rgba(164,136,113,.34); box-shadow: 0 34px 90px rgba(43,43,43,.15),inset 0 1px 0 rgba(255,255,255,.75); position: relative; overflow: visible; } .niva-visual-card::before { content: ""; position: absolute; inset: 12px; border: 1px solid rgba(164,136,113,.18); border-radius: 34px; pointer-events: none; z-index: 1; } .niva-visual-glow { position: absolute; width: 310px; height: 310px; border-radius: 50%; right: -92px; top: -95px; background: radial-gradient(circle,rgba(216,178,142,.34),transparent 65%); filter: blur(18px); pointer-events: none; } .niva-image-frame { width: 100%; border-radius: 32px; overflow: hidden; position: relative; background: transparent !important; border: 1px solid rgba(164,136,113,.32); z-index: 2; box-shadow: 0 22px 55px rgba(43,43,43,.12); line-height: 0; } .niva-journey-image { width: 100%; height: auto !important; min-height: 0 !important; max-height: none !important; display: block !important; object-fit: initial !important; object-position: initial !important; background: transparent !important; transform: scale(1); opacity: 1; filter: saturate(1.04) contrast(1.03); transition: transform .55s ease,opacity .35s ease; } .niva-visual-card:hover .niva-journey-image { transform: scale(1.025); } .niva-floating-step { position: absolute; top: 24px; left: 24px; padding: 12px 18px; border-radius: 999px; background: rgba(255,255,255,.90); border: 1px solid rgba(216,178,142,.52); color: #a48871; font-size: 12px; letter-spacing: 2.2px; font-weight: 700; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); transition: all .35s ease; box-shadow: 0 14px 30px rgba(43,43,43,.12); line-height: 1; } .niva-premium-journey .niva-info-box { width: calc(100% - 76px); margin: -72px auto 0; padding: 32px 42px 36px; border-radius: 30px; background: linear-gradient(135deg,rgba(43,43,43,.96),rgba(26,26,26,.96)); border: 1px solid rgba(216,178,142,.54); box-shadow: 0 28px 60px rgba(43,43,43,.30); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); position: relative; z-index: 4; transition: all .35s ease; min-height: auto !important; height: auto !important; overflow: hidden; } .niva-premium-journey .niva-info-box::before { content: ""; position: absolute; inset: 13px; border: 1px solid rgba(216,178,142,.22); border-radius: 20px; pointer-events: none; } .niva-premium-journey .niva-info-box::after { content: ""; position: absolute; width: 160px; height: 160px; right: -70px; top: -70px; border-radius: 50%; background: rgba(216,178,142,.15); filter: blur(10px); pointer-events: none; } .niva-current-line { display: block; width: 78px; height: 2px; background: linear-gradient(90deg,#d8b28e,transparent); margin-bottom: 18px; position: relative; z-index: 2; } .niva-current-title { margin: 0 0 14px; color: #fff; font-size: clamp(30px,3vw,44px); line-height: 1.06; font-weight: 700; font-family: "Philosopher",Georgia,serif; position: relative; z-index: 2; letter-spacing: -.5px; } .niva-current-desc { margin: 0; color: rgba(255,255,255,.74); font-size: 16.5px; line-height: 1.65; max-width: 720px; position: relative; z-index: 2; } .niva-journey-shell.is-changing .niva-info-box { opacity: 0; transform: translateY(14px); } .niva-journey-shell.is-changing .niva-floating-step { opacity: 0; transform: translateY(-8px); } .niva-journey-shell.is-changing .niva-journey-image { opacity: .88; } @keyframes nivaJourneyRotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes nivaJourneyRotateReverse { from { transform: rotate(360deg); } to { transform: rotate(0deg); } } @keyframes nivaJourneyFloat { 0%,100% { transform: translateY(0) rotate(-8deg); } 50% { transform: translateY(-12px) rotate(-4deg); } } @keyframes nivaJourneySparkle { 0%,100% { opacity: .28; transform: translateY(0) scale(1) rotate(0deg); } 50% { opacity: .55; transform: translateY(-10px) scale(1.08) rotate(10deg); } } @media (max-width: 1180px) { .niva-journey-shell { grid-template-columns: 390px 1fr; gap: 44px; } .niva-premium-journey .niva-info-box { width: calc(100% - 46px); padding: 30px 32px 34px; } .journey-orbit-two { opacity: .45; } } @media (max-width: 980px) { .niva-premium-journey { padding: 74px 20px; } .niva-premium-journey::before { inset: 12px; border-radius: 26px; } .journey-orbit-one { width: 300px; height: 300px; left: -150px; top: 210px; opacity: .55; } .journey-orbit-two, .niva-journey-route-line, .sparkle-two, .plus-one, .dot-three { display: none; } .niva-journey-heading { margin-bottom: 44px; } .niva-journey-shell { grid-template-columns: 1fr; gap: 46px; } .niva-journey-left::before { display: none; } .niva-step-list { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; } .niva-step-item, .niva-step-item:hover, .niva-step-item.active { transform: none; } } @media (max-width: 640px) { .niva-premium-journey { padding: 56px 14px; } .niva-journey-heading { margin-bottom: 34px; } .niva-mini-label { font-size: 12px; letter-spacing: 2.2px; gap: 10px; } .niva-mini-label::before, .niva-mini-label::after { width: 28px; } .niva-main-title { font-size: 40px; letter-spacing: -1px; } .niva-main-desc { font-size: 15px; line-height: 1.68; } .niva-step-list { grid-template-columns: 1fr; } .niva-step-item { min-height: 84px; border-radius: 22px; grid-template-columns: 50px 1fr; padding: 15px; } .niva-step-count { width: 50px; height: 50px; font-size: 16px; } .niva-step-content strong { font-size: 16px; } .niva-step-content small { font-size: 12.5px; } .niva-visual-card { border-radius: 28px; padding: 10px; } .niva-visual-card::before { inset: 8px; border-radius: 22px; } .niva-image-frame { border-radius: 22px; } .niva-floating-step { top: 16px; left: 16px; padding: 10px 14px; font-size: 11px; } .niva-premium-journey .niva-info-box { width: calc(100% - 20px); margin-top: -40px; padding: 26px 22px 28px; border-radius: 24px; } .niva-premium-journey .niva-info-box::before { inset: 10px; border-radius: 16px; } .niva-current-line { margin-bottom: 14px; } .niva-current-title { font-size: 30px; } .niva-current-desc { font-size: 15px; line-height: 1.58; } } @media (max-width: 420px) { .niva-main-title { font-size: 36px; } .niva-premium-journey .niva-info-box { padding: 24px 18px 26px; } .niva-current-title { font-size: 27px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4d79a7d */.niva-ticker-container { background: #2b2b2b !important; background-color: #2b2b2b !important; padding: 35px 0 !important; overflow: hidden !important; width: 100% !important; min-width: 100% !important; display: flex !important; font-family: 'Philosopher', sans-serif !important; border-top: 1px solid rgba(208, 173, 139, 0.25); border-bottom: 1px solid rgba(208, 173, 139, 0.25); position: relative; z-index: 1 !important; } .niva-ticker-container .niva-ticker-wrapper { display: flex !important; white-space: nowrap !important; animation: niva-scroll 45s linear infinite !important; width: max-content !important; background: transparent !important; } .niva-ticker-container .niva-ticker-item { display: flex !important; align-items: center !important; color: #d0ad8b !important; font-size: 2.3rem !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 2px !important; padding: 0 50px !important; background: transparent !important; } .niva-ticker-container .niva-ticker-icon { width: 50px !important; height: auto !important; margin-left: 50px !important; display: inline-block !important; } @keyframes niva-scroll { 0% { transform: translate3d(0, 0, 0); } 100% { transform: translate3d(-50%, 0, 0); } } @media (max-width: 768px) { .niva-ticker-container { padding: 25px 0 !important; } .niva-ticker-container .niva-ticker-item { font-size: 1.3rem !important; padding: 0 25px !important; } .niva-ticker-container .niva-ticker-icon { width: 30px !important; margin-left: 25px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f872f81 */@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap'); .niva-premium-change, .niva-premium-change * { box-sizing: border-box; } .niva-premium-change { width: 100%; background: radial-gradient(circle at 50% 0%, rgba(189, 155, 123, 0.16), transparent 34%), linear-gradient(180deg, #2b2b2b 0%, #242424 100%); padding: 54px 20px 96px; overflow: hidden; position: relative; font-family: "Inter", Arial, sans-serif; } .niva-premium-change::before { content: ""; position: absolute; top: -170px; left: 50%; width: 780px; height: 430px; transform: translateX(-50%); background: radial-gradient(circle, rgba(207, 173, 139, 0.24), rgba(207, 173, 139, 0.08) 36%, transparent 68%); filter: blur(34px); pointer-events: none; } .niva-premium-change::after { content: ""; position: absolute; inset: 22px; border: 1px solid rgba(207, 173, 139, 0.13); border-radius: 38px; pointer-events: none; } .niva-premium-change .niva-premium-inner { width: 100%; max-width: 1220px; margin: 0 auto; position: relative; z-index: 2; } .niva-premium-change .niva-title-area { text-align: center; margin-bottom: 68px; } .niva-premium-change .niva-small-label { display: inline-flex; align-items: center; justify-content: center; gap: 14px; margin-bottom: 22px; font-size: 12px; letter-spacing: 3.4px; text-transform: uppercase; color: #cfad8b; opacity: 0.92; font-weight: 600; } .niva-premium-change .niva-small-label::before, .niva-premium-change .niva-small-label::after { content: ""; width: 46px; height: 1px; background: linear-gradient(90deg, transparent, rgba(207, 173, 139, .95), transparent); display: block; } .niva-premium-change .niva-title-area h2 { margin: 0; font-family: "Playfair Display", Georgia, serif; font-size: clamp(48px, 6.2vw, 86px); line-height: 1.02; font-weight: 500; letter-spacing: -2.3px; color: #cfad8b; text-shadow: 0 2px 0 rgba(255, 238, 218, 0.12), 0 18px 48px rgba(0, 0, 0, 0.34), 0 0 34px rgba(207, 173, 139, 0.12); } .niva-premium-change .niva-title-area h2 em { font-style: normal; font-weight: 400; color: #f2d4b4; position: relative; display: inline-block; } .niva-premium-change .niva-title-area h2 em::after { content: ""; position: absolute; left: 6px; right: 6px; bottom: 7px; height: 9px; border-radius: 999px; background: rgba(207, 173, 139, 0.18); z-index: -1; } .niva-premium-change .niva-title-area p { max-width: 660px; margin: 24px auto 0; font-size: 16.5px; line-height: 1.78; color: rgba(255, 255, 255, 0.70); font-weight: 300; } .niva-premium-change .niva-premium-card { position: relative; width: 100%; background: radial-gradient(circle at top right, rgba(255,255,255,.18), transparent 34%), linear-gradient(145deg, rgba(207,173,139,.98), rgba(174,141,112,.96)); border: 1px solid rgba(255,255,255,.18); border-radius: 42px; padding: 70px 70px 54px; overflow: hidden; box-shadow: 0 34px 82px rgba(0, 0, 0, 0.44), inset 0 1px 0 rgba(255, 255, 255, 0.30), inset 0 -1px 0 rgba(0, 0, 0, 0.14); } .niva-premium-change .niva-premium-card::before { content: ""; position: absolute; inset: 16px; border: 1px solid rgba(255, 255, 255, 0.30); border-radius: 31px; pointer-events: none; z-index: 3; } .niva-premium-change .niva-premium-card::after { content: ""; position: absolute; left: 50%; top: 72px; width: 1px; height: calc(100% - 165px); background: linear-gradient( 180deg, transparent, rgba(43, 43, 43, 0.18), rgba(255,255,255,.18), rgba(43, 43, 43, 0.16), transparent ); pointer-events: none; z-index: 1; } .niva-premium-change .niva-card-glow { position: absolute; right: -150px; top: -170px; width: 390px; height: 390px; border-radius: 50%; background: rgba(255, 255, 255, 0.18); filter: blur(58px); pointer-events: none; } .niva-premium-change .niva-premium-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1fr; gap: 34px 58px; } .niva-premium-change .niva-premium-item { position: relative; display: grid; grid-template-columns: 68px 1fr; gap: 22px; padding: 28px 24px; border-radius: 28px; transition: transform .42s cubic-bezier(.22,.8,.24,1), background .35s ease, box-shadow .35s ease, border-color .35s ease; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.045); backdrop-filter: blur(10px); } .niva-premium-change .niva-premium-item::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(120deg, rgba(255,255,255,.15), transparent 55%), radial-gradient(circle at top right, rgba(43,43,43,.10), transparent 42%); opacity: 0; transition: opacity .35s ease; pointer-events: none; } .niva-premium-change .niva-premium-item:hover { background: rgba(255, 255, 255, 0.105); border-color: rgba(255,255,255,.24); transform: translateY(-7px); box-shadow: 0 20px 42px rgba(0,0,0,.16); } .niva-premium-change .niva-premium-item:hover::before { opacity: 1; } .niva-premium-change .niva-num { width: 56px; height: 56px; border-radius: 50%; background: linear-gradient(145deg, #2b2b2b 0%, #171717 100%); border: 1px solid rgba(255, 255, 255, 0.24); color: #cfad8b; display: flex; align-items: center; justify-content: center; font-family: "Playfair Display", Georgia, serif; font-size: 15px; letter-spacing: 0.5px; box-shadow: 0 14px 28px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.10); position: relative; z-index: 2; transition: transform .35s ease, color .35s ease, background .35s ease; } .niva-premium-change .niva-premium-item:hover .niva-num { transform: scale(1.08); color: #ffffff; background: linear-gradient(145deg, #3a332d 0%, #1e1e1e 100%); } .niva-premium-change .niva-item-content { position: relative; z-index: 2; } .niva-premium-change .niva-item-content h3 { margin: 2px 0 14px; font-family: "Playfair Display", Georgia, serif; font-size: clamp(24px, 2.1vw, 31px); line-height: 1.12; font-weight: 500; color: #1d1b19; letter-spacing: -0.5px; } .niva-premium-change .niva-item-content p { margin: 0; max-width: 410px; font-size: 15.8px; line-height: 1.72; font-weight: 300; color: rgba(255, 255, 255, 0.90); } .niva-premium-change .niva-button-area { position: relative; z-index: 2; margin-top: 54px; display: flex; justify-content: center; } .niva-premium-change .niva-premium-btn { position: relative; min-width: 190px; min-height: 56px; padding: 0 30px; border-radius: 999px; background: #2b2b2b; border: 1px solid rgba(255, 255, 255, 0.38); color: #ffffff !important; display: inline-flex; align-items: center; justify-content: center; gap: 14px; text-decoration: none !important; font-size: 14px; letter-spacing: 1.5px; text-transform: uppercase; font-weight: 600; overflow: hidden; transition: all 0.35s ease; box-shadow: 0 16px 34px rgba(0, 0, 0, 0.28); } .niva-premium-change .niva-premium-btn::after { content: ""; position: absolute; top: 0; left: -90px; width: 72px; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent); transform: skewX(-18deg); transition: .55s ease; } .niva-premium-change .niva-premium-btn span { width: 34px; height: 1px; background: #cfad8b; display: inline-block; transition: all 0.35s ease; } .niva-premium-change .niva-premium-btn:hover { background: #151515; color: #ffffff !important; transform: translateY(-4px); border-color: rgba(255,255,255,.48); box-shadow: 0 22px 46px rgba(0, 0, 0, 0.34); } .niva-premium-change .niva-premium-btn:hover::after { left: 120%; } .niva-premium-change .niva-premium-btn:hover span { width: 48px; background: #f1d2b0; } @media (max-width: 980px) { .niva-premium-change { padding: 48px 16px 76px; } .niva-premium-change::after { inset: 12px; border-radius: 28px; } .niva-premium-change .niva-title-area { margin-bottom: 50px; } .niva-premium-change .niva-title-area h2 { font-size: clamp(40px, 9vw, 62px); letter-spacing: -1.3px; } .niva-premium-change .niva-title-area p { font-size: 16px; } .niva-premium-change .niva-premium-card { padding: 54px 34px 42px; border-radius: 34px; } .niva-premium-change .niva-premium-card::before { inset: 12px; border-radius: 25px; } .niva-premium-change .niva-premium-card::after { display: none; } .niva-premium-change .niva-premium-grid { grid-template-columns: 1fr; gap: 18px; } .niva-premium-change .niva-premium-item { grid-template-columns: 62px 1fr; gap: 18px; padding: 24px 18px; } .niva-premium-change .niva-num { width: 52px; height: 52px; } .niva-premium-change .niva-item-content h3 { font-size: 25px; } .niva-premium-change .niva-item-content p { max-width: 100%; font-size: 15.5px; } } @media (max-width: 520px) { .niva-premium-change { padding: 40px 12px 60px; } .niva-premium-change .niva-small-label { font-size: 11px; letter-spacing: 2.4px; gap: 10px; } .niva-premium-change .niva-small-label::before, .niva-premium-change .niva-small-label::after { width: 28px; } .niva-premium-change .niva-title-area { margin-bottom: 38px; } .niva-premium-change .niva-title-area h2 { font-size: 38px; line-height: 1.1; } .niva-premium-change .niva-title-area p { font-size: 15px; line-height: 1.65; margin-top: 18px; } .niva-premium-change .niva-premium-card { padding: 36px 18px 34px; border-radius: 28px; } .niva-premium-change .niva-premium-card::before { inset: 10px; border-radius: 20px; } .niva-premium-change .niva-premium-grid { gap: 14px; } .niva-premium-change .niva-premium-item { grid-template-columns: 1fr; gap: 14px; padding: 22px 16px; text-align: left; border-radius: 22px; } .niva-premium-change .niva-num { width: 48px; height: 48px; font-size: 14px; } .niva-premium-change .niva-item-content h3 { font-size: 23px; margin-bottom: 12px; } .niva-premium-change .niva-item-content p { font-size: 15px; line-height: 1.62; } .niva-premium-change .niva-button-area { justify-content: flex-start; margin-top: 34px; } .niva-premium-change .niva-premium-btn { width: 100%; min-width: unset; font-size: 13px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ce3d003 */@import url('https://fonts.googleapis.com/css2?family=Philosopher:wght@400;700&family=Inter:wght@300;400;500;600;700&display=swap'); .niva-ba-gallery, .niva-ba-gallery * { box-sizing: border-box; } .niva-ba-gallery { width: 100%; position: relative; overflow: hidden; padding: 90px 18px; background: radial-gradient(circle at top left, rgba(212, 178, 133, 0.18), transparent 34%), radial-gradient(circle at bottom right, rgba(164, 136, 113, 0.16), transparent 38%), linear-gradient(135deg, #ffffff 0%, #fbf8f3 48%, #ffffff 100%); font-family: "Inter", Arial, sans-serif; } .niva-ba-gallery::before { content: ""; position: absolute; inset: 22px; border: 1px solid rgba(164, 136, 113, 0.24); border-radius: 34px; pointer-events: none; z-index: 1; } .niva-ba-gallery::after { content: ""; position: absolute; width: 430px; height: 430px; right: -165px; top: -170px; background: radial-gradient(circle, rgba(212, 178, 133, 0.22), transparent 66%); filter: blur(9px); pointer-events: none; z-index: 0; } .niva-ba-gallery .niva-ba-bg-orbit { position: absolute; border-radius: 50%; border: 1px solid rgba(164, 136, 113, 0.24); pointer-events: none; z-index: 0; } .niva-ba-gallery .ba-orbit-one { width: 420px; height: 420px; left: -160px; top: 135px; animation: nivaBaRotate 24s linear infinite; } .niva-ba-gallery .ba-orbit-two { width: 290px; height: 290px; right: 7%; bottom: 70px; animation: nivaBaRotateReverse 18s linear infinite; } .niva-ba-gallery .niva-ba-bg-orbit::before, .niva-ba-gallery .niva-ba-bg-orbit::after { content: ""; position: absolute; border-radius: 50%; background: #a48871; box-shadow: 0 0 22px rgba(164, 136, 113, 0.48); } .niva-ba-gallery .niva-ba-bg-orbit::before { width: 11px; height: 11px; top: 19%; left: 15%; } .niva-ba-gallery .niva-ba-bg-orbit::after { width: 8px; height: 8px; right: 18%; bottom: 18%; } .niva-ba-gallery .niva-ba-compare-mark { position: absolute; width: 86px; height: 86px; border-radius: 50%; border: 1px solid rgba(164, 136, 113, 0.22); pointer-events: none; z-index: 0; animation: nivaBaFloat 5.5s ease-in-out infinite; } .niva-ba-gallery .niva-ba-compare-mark::before { content: ""; position: absolute; top: 18px; bottom: 18px; left: 50%; width: 1px; background: linear-gradient(to bottom, transparent, rgba(164, 136, 113, 0.58), transparent); transform: translateX(-50%); } .niva-ba-gallery .niva-ba-compare-mark::after { content: ""; position: absolute; top: 50%; left: 20px; right: 20px; height: 1px; background: linear-gradient(90deg, transparent, rgba(164, 136, 113, 0.42), transparent); transform: translateY(-50%); } .niva-ba-gallery .compare-one { top: 160px; right: 16%; } .niva-ba-gallery .compare-two { bottom: 150px; left: 9%; width: 66px; height: 66px; animation-delay: 1.2s; } .niva-ba-gallery .niva-ba-sparkle { position: absolute; color: rgba(164, 136, 113, 0.34); font-size: 42px; line-height: 1; pointer-events: none; z-index: 0; animation: nivaBaSparkle 4.8s ease-in-out infinite; } .niva-ba-gallery .sparkle-one { top: 128px; left: 22%; } .niva-ba-gallery .sparkle-two { bottom: 190px; right: 24%; font-size: 35px; animation-delay: 1.4s; } .niva-ba-gallery .niva-ba-dot { position: absolute; border-radius: 50%; background: rgba(164, 136, 113, 0.34); box-shadow: 0 0 20px rgba(164, 136, 113, 0.28); pointer-events: none; z-index: 0; } .niva-ba-gallery .dot-one { width: 10px; height: 10px; top: 126px; left: 30%; } .niva-ba-gallery .dot-two { width: 7px; height: 7px; bottom: 120px; right: 30%; } .niva-ba-gallery .dot-three { width: 9px; height: 9px; top: 54%; right: 6%; } .niva-ba-gallery .niva-ba-inner { width: 100%; max-width: 1540px; margin: 0 auto; position: relative; z-index: 2; } .niva-ba-gallery .niva-ba-heading { text-align: center; max-width: 880px; margin: 0 auto 60px; } .niva-ba-gallery .niva-ba-label { display: inline-flex; align-items: center; justify-content: center; gap: 14px; color: #a48871; font-size: 13px; line-height: 1; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 22px; font-weight: 700; } .niva-ba-gallery .niva-ba-label::before, .niva-ba-gallery .niva-ba-label::after { content: ""; width: 44px; height: 1px; background: linear-gradient(90deg, transparent, #a48871, transparent); display: block; } .niva-ba-gallery .niva-ba-title { text-align: center; margin: 0 0 20px; color: #2b2b2b; font-family: "Philosopher", Georgia, serif; font-size: clamp(44px, 5.2vw, 78px); line-height: 0.98; font-weight: 700; letter-spacing: -1.6px; } .niva-ba-gallery .niva-ba-title span { color: #a48871; position: relative; display: inline-block; } .niva-ba-gallery .niva-ba-title span::after { content: ""; position: absolute; left: 5px; right: 5px; bottom: 5px; height: 10px; background: rgba(216, 178, 142, 0.28); border-radius: 999px; z-index: -1; } .niva-ba-gallery .niva-ba-subtitle { margin: 0 auto; max-width: 690px; color: #5c5c5c; font-size: 16.5px; line-height: 1.78; font-weight: 400; } .niva-ba-gallery .niva-ba-start-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; transition: all .45s ease; } .niva-ba-gallery .niva-ba-card { position: relative; height: 430px; border-radius: 34px; overflow: hidden; cursor: pointer; border: 1px solid rgba(164, 136, 113, 0.38); padding: 10px; background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(246,239,229,0.98)); box-shadow: 0 24px 56px rgba(43, 43, 43, 0.14), inset 0 1px 0 rgba(255,255,255,.90); transform: translateY(0); transition: all .38s ease; } .niva-ba-gallery .niva-ba-card:hover { transform: translateY(-10px); border-color: rgba(164, 136, 113, 0.62); box-shadow: 0 34px 78px rgba(43, 43, 43, 0.22); } .niva-ba-gallery .niva-ba-card.active { border-color: rgba(216, 178, 142, 0.75); } .niva-ba-gallery .niva-ba-card img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 25px; transition: transform .65s ease, filter .35s ease; filter: saturate(1.04) contrast(1.03); } .niva-ba-gallery .niva-ba-card:hover img { transform: scale(1.07); } .niva-ba-gallery .niva-ba-card::before { content: ""; position: absolute; inset: 10px; border: 1px solid rgba(255,255,255,.76); border-radius: 25px; pointer-events: none; z-index: 3; } .niva-ba-gallery .niva-ba-card::after { content: ""; position: absolute; inset: 10px; border-radius: 25px; background: linear-gradient(to top, rgba(0,0,0,.58), transparent 52%), radial-gradient(circle at top right, rgba(216,178,142,.20), transparent 42%); z-index: 1; pointer-events: none; } .niva-ba-gallery .niva-ba-card > span { position: absolute; left: 20px; right: 20px; bottom: 34px; z-index: 4; color: #ffffff; text-align: center; font-family: "Philosopher", Georgia, serif; font-size: clamp(25px, 1.75vw, 36px); line-height: 1.03; font-weight: 700; letter-spacing: -0.5px; text-shadow: 0 6px 18px rgba(0,0,0,.68); word-break: normal; overflow-wrap: normal; hyphens: none; white-space: normal; text-wrap: balance; } .niva-ba-gallery .niva-ba-detail { display: none; grid-template-columns: 410px 1fr; gap: 40px; align-items: start; animation: nivaBaFadeUp .45s ease both; } .niva-ba-gallery.is-open .niva-ba-heading { margin-bottom: 38px; } .niva-ba-gallery.is-open .niva-ba-start-grid { display: none; } .niva-ba-gallery.is-open .niva-ba-detail { display: grid; } .niva-ba-gallery .niva-ba-feature { position: relative; height: 470px; border-radius: 34px; overflow: hidden; border: 1px solid rgba(164, 136, 113, 0.36); padding: 10px; background: linear-gradient(145deg, rgba(255,255,255,0.96), rgba(246,239,229,0.98)); box-shadow: 0 28px 70px rgba(43,43,43,.18), inset 0 1px 0 rgba(255,255,255,.86); } .niva-ba-gallery .niva-ba-feature img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 25px; filter: saturate(1.04) contrast(1.03); } .niva-ba-gallery .niva-ba-feature-overlay { position: absolute; inset: 10px; border-radius: 25px; background: linear-gradient(to top, rgba(0,0,0,.60), transparent 55%), radial-gradient(circle at top right, rgba(216,178,142,.18), transparent 42%); pointer-events: none; } .niva-ba-gallery .niva-ba-feature::before { content: ""; position: absolute; inset: 10px; border-radius: 25px; border: 1px solid rgba(255,255,255,.72); z-index: 3; pointer-events: none; } .niva-ba-gallery .niva-ba-feature-tag { position: absolute; top: 26px; left: 26px; z-index: 4; padding: 11px 16px; border-radius: 999px; background: rgba(255,255,255,.88); color: #a48871; border: 1px solid rgba(216,178,142,.46); font-size: 11px; font-weight: 700; letter-spacing: 1.8px; text-transform: uppercase; backdrop-filter: blur(12px); box-shadow: 0 12px 28px rgba(43,43,43,.10); } .niva-ba-gallery .niva-ba-feature h3 { position: absolute; left: 26px; right: 26px; bottom: 34px; margin: 0; z-index: 4; text-align: center; color: #fff; font-family: "Philosopher", Georgia, serif; font-size: clamp(38px, 3vw, 54px); line-height: 1.02; font-weight: 700; letter-spacing: -0.8px; text-shadow: 0 8px 24px rgba(0,0,0,.72); word-break: normal; overflow-wrap: normal; hyphens: none; text-wrap: balance; } .niva-ba-gallery .niva-ba-right { width: 100%; min-width: 0; } .niva-ba-gallery .niva-ba-mini-tabs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 26px; } .niva-ba-gallery .niva-ba-mini { position: relative; height: 164px; border-radius: 24px; overflow: hidden; border: 1px solid rgba(164,136,113,.30); cursor: pointer; padding: 6px; background: rgba(255,255,255,.78); box-shadow: 0 18px 42px rgba(43,43,43,.12); transition: all .32s ease; } .niva-ba-gallery .niva-ba-mini:hover { transform: translateY(-5px); border-color: rgba(164,136,113,.58); box-shadow: 0 24px 52px rgba(43,43,43,.18); } .niva-ba-gallery .niva-ba-mini.active { border-color: rgba(216,178,142,.85); box-shadow: 0 24px 54px rgba(43,43,43,.18), 0 0 0 3px rgba(216,178,142,.20); } .niva-ba-gallery .niva-ba-mini img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 18px; filter: saturate(1.04) contrast(1.03); } .niva-ba-gallery .niva-ba-mini::after { content: ""; position: absolute; inset: 6px; border-radius: 18px; background: linear-gradient(to top, rgba(0,0,0,.58), transparent 58%); pointer-events: none; } .niva-ba-gallery .niva-ba-mini > span { position: absolute; left: 12px; right: 12px; bottom: 17px; color: #fff; text-align: center; font-family: "Philosopher", Georgia, serif; font-size: clamp(16px, 1.08vw, 22px); line-height: 1.05; font-weight: 700; letter-spacing: -0.2px; z-index: 2; text-shadow: 0 5px 14px rgba(0,0,0,.72); word-break: normal; overflow-wrap: normal; hyphens: none; white-space: normal; text-wrap: balance; } .niva-ba-gallery .niva-ba-results { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; } .niva-ba-gallery .niva-ba-result-img { height: 205px; overflow: hidden; border-radius: 26px; padding: 8px; background: linear-gradient(145deg, rgba(255,255,255,0.96), rgba(246,239,229,0.98)); border: 1px solid rgba(164,136,113,.28); box-shadow: 0 22px 50px rgba(43,43,43,.12); transition: all .32s ease; } .niva-ba-gallery .niva-ba-result-img:hover { transform: translateY(-5px); box-shadow: 0 28px 64px rgba(43,43,43,.18); border-color: rgba(164,136,113,.50); } .niva-ba-gallery .niva-ba-result-img img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 19px; filter: saturate(1.04) contrast(1.03); } .niva-ba-gallery .niva-ba-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-width: 190px; height: 56px; margin-top: 30px; border-radius: 999px; background: linear-gradient(135deg, #2b2b2b 0%, #151515 100%); color: #ffffff !important; text-decoration: none !important; font-size: 15px; line-height: 1; font-weight: 700; letter-spacing: .2px; box-shadow: 0 18px 38px rgba(0,0,0,.18); border: 1px solid rgba(216,178,142,.42); transition: all .34s ease; position: relative; overflow: hidden; } .niva-ba-gallery .niva-ba-button::after { content: ""; position: absolute; width: 70px; height: 100%; top: 0; left: -90px; background: linear-gradient(90deg, transparent, rgba(255,255,255,.20), transparent); transform: skewX(-20deg); transition: .55s; } .niva-ba-gallery .niva-ba-button:hover { color: #ffffff !important; transform: translateY(-4px); box-shadow: 0 25px 48px rgba(0,0,0,.25); } .niva-ba-gallery .niva-ba-button:hover::after { left: 120%; } .niva-ba-gallery .niva-ba-button > span { color: #d8b28e; font-size: 19px; line-height: 1; } @keyframes nivaBaFadeUp { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } } @keyframes nivaBaRotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes nivaBaRotateReverse { from { transform: rotate(360deg); } to { transform: rotate(0deg); } } @keyframes nivaBaFloat { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-12px) rotate(7deg); } } @keyframes nivaBaSparkle { 0%, 100% { opacity: .28; transform: translateY(0) scale(1) rotate(0deg); } 50% { opacity: .55; transform: translateY(-10px) scale(1.08) rotate(10deg); } } @media (max-width: 1450px) { .niva-ba-gallery .niva-ba-inner { max-width: 1320px; } .niva-ba-gallery .niva-ba-card { height: 385px; } .niva-ba-gallery .niva-ba-detail { grid-template-columns: 380px 1fr; gap: 34px; } .niva-ba-gallery .niva-ba-feature { height: 430px; } .niva-ba-gallery .niva-ba-mini { height: 148px; } .niva-ba-gallery .niva-ba-result-img { height: 178px; } } @media (max-width: 1200px) { .niva-ba-gallery .niva-ba-start-grid { grid-template-columns: repeat(3, 1fr); } .niva-ba-gallery .niva-ba-card { height: 345px; } .niva-ba-gallery .niva-ba-detail { grid-template-columns: 340px 1fr; } .niva-ba-gallery .niva-ba-feature { height: 395px; } .niva-ba-gallery .niva-ba-mini-tabs { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 900px) { .niva-ba-gallery { padding: 64px 15px; } .niva-ba-gallery::before { inset: 12px; border-radius: 26px; } .niva-ba-gallery .ba-orbit-one { width: 300px; height: 300px; left: -150px; top: 210px; opacity: .55; } .niva-ba-gallery .ba-orbit-two, .niva-ba-gallery .compare-one, .niva-ba-gallery .compare-two, .niva-ba-gallery .sparkle-two, .niva-ba-gallery .dot-three { display: none; } .niva-ba-gallery .niva-ba-heading { margin-bottom: 38px; } .niva-ba-gallery .niva-ba-start-grid { grid-template-columns: repeat(2, 1fr); gap: 15px; } .niva-ba-gallery .niva-ba-card { height: 295px; border-radius: 28px; padding: 7px; } .niva-ba-gallery .niva-ba-card img, .niva-ba-gallery .niva-ba-card::before, .niva-ba-gallery .niva-ba-card::after { border-radius: 21px; } .niva-ba-gallery .niva-ba-card::before, .niva-ba-gallery .niva-ba-card::after { inset: 7px; } .niva-ba-gallery .niva-ba-card > span { font-size: clamp(24px, 4vw, 34px); } .niva-ba-gallery .niva-ba-detail { grid-template-columns: 1fr; gap: 26px; } .niva-ba-gallery .niva-ba-feature { height: 385px; } .niva-ba-gallery .niva-ba-mini-tabs { grid-template-columns: repeat(2, 1fr); } .niva-ba-gallery .niva-ba-mini { height: 145px; } .niva-ba-gallery .niva-ba-results { grid-template-columns: 1fr; } .niva-ba-gallery .niva-ba-result-img { height: 245px; } } @media (max-width: 520px) { .niva-ba-gallery { padding: 56px 13px; } .niva-ba-gallery .niva-ba-label { font-size: 12px; letter-spacing: 2.2px; gap: 10px; } .niva-ba-gallery .niva-ba-label::before, .niva-ba-gallery .niva-ba-label::after { width: 28px; } .niva-ba-gallery .niva-ba-title { font-size: 40px; letter-spacing: -1px; } .niva-ba-gallery .niva-ba-subtitle { font-size: 15px; line-height: 1.65; } .niva-ba-gallery .niva-ba-start-grid { grid-template-columns: 1fr; } .niva-ba-gallery .niva-ba-card { height: 340px; border-radius: 30px; } .niva-ba-gallery .niva-ba-card > span { font-size: 34px; } .niva-ba-gallery .niva-ba-feature { height: 345px; border-radius: 28px; } .niva-ba-gallery .niva-ba-feature h3 { font-size: 38px; } .niva-ba-gallery .niva-ba-feature-tag { top: 22px; left: 22px; font-size: 10px; } .niva-ba-gallery .niva-ba-mini { height: 132px; border-radius: 20px; } .niva-ba-gallery .niva-ba-mini > span { font-size: 17px; } .niva-ba-gallery .niva-ba-result-img { height: 230px; border-radius: 22px; } .niva-ba-gallery .niva-ba-result-img img { border-radius: 15px; } .niva-ba-gallery .niva-ba-button { width: 100%; font-size: 15px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3d7350f */.niva-quote-section { width: 100%; background: transparent; padding: 90px 20px 100px; display: flex; justify-content: center; align-items: center; overflow: hidden; } .niva-quote-section .niva-quote-inner { width: 100%; max-width: 1180px; text-align: center; } .niva-quote-section .niva-line-wrap { display: flex; align-items: center; justify-content: center; gap: 34px; margin-bottom: 28px; } .niva-quote-section .niva-line { display: block; width: 39%; height: 1px; background: #cfad8b; opacity: 0.85; } .niva-quote-section .niva-quote-mark { font-family: Georgia, serif; font-size: 140px; line-height: 0.5; color: #cfad8b; font-weight: 400; transform: translateY(18px); } .niva-quote-section .niva-quote-text { margin: 0; font-family: "Playfair Display", "Cormorant Garamond", Georgia, serif; font-size: clamp(32px, 3.1vw, 58px); line-height: 1.35; font-weight: 300; letter-spacing: 0.3px; color: #ffffff; } .niva-quote-section .niva-quote-brand { margin-top: 34px; font-family: "Montserrat", "Poppins", Arial, sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 3.8px; color: #cfad8b; } @media (max-width: 768px) { .niva-quote-section { padding: 70px 18px 80px; } .niva-quote-section .niva-line-wrap { gap: 18px; margin-bottom: 24px; } .niva-quote-section .niva-line { width: 32%; } .niva-quote-section .niva-quote-mark { font-size: 105px; transform: translateY(14px); } .niva-quote-section .niva-quote-text { font-size: 31px; line-height: 1.35; } .niva-quote-section .niva-quote-brand { margin-top: 28px; font-size: 12px; letter-spacing: 3px; } } @media (max-width: 480px) { .niva-quote-section { padding: 60px 16px 70px; } .niva-quote-section .niva-line-wrap { gap: 14px; } .niva-quote-section .niva-line { width: 29%; } .niva-quote-section .niva-quote-mark { font-size: 86px; } .niva-quote-section .niva-quote-text { font-size: 25px; } .niva-quote-section .niva-quote-brand { font-size: 11px; letter-spacing: 2.7px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d39357d */@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap'); .niva-clinic-gallery-v2 { position: relative; width: 100%; height: 656px; overflow: hidden; background: #eee8e3; font-family: "Poppins", Arial, sans-serif; } .niva-clinic-gallery-v2 .niva-clinic-bg-left { position: absolute; left: 0; top: 0; width: 56%; height: 100%; background-image: url("https://nivaesthetic.com/wp-content/uploads/2026/05/niva-backround-gallry-for.webp"); background-size: cover; background-position: left center; background-repeat: no-repeat; z-index: 1; } .niva-clinic-gallery-v2 .niva-clinic-bg-right { position: absolute; right: 0; top: 0; width: 44%; height: 100%; background: rgba(129, 120, 114, 0.76); z-index: 2; } .niva-clinic-gallery-v2 .niva-clinic-bg-right::before { content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.18), transparent 48%), radial-gradient(circle at top right, rgba(255,255,255,0.20), transparent 38%); pointer-events: none; } .niva-clinic-gallery-v2 .niva-clinic-title-area { position: absolute; top: 42px; right: 5.5%; width: 38%; text-align: center; color: #ffffff; z-index: 5; font-family: "Inter", Arial, sans-serif; } .niva-clinic-gallery-v2 .niva-clinic-title-area h2 { margin: 0 0 16px; font-family: "Playfair Display", Georgia, serif; font-size: clamp(56px, 5.4vw, 80px); line-height: 0.94; font-weight: 500; font-style: normal; color: #ffffff; letter-spacing: -2.2px; text-shadow: 0 2px 0 rgba(255, 238, 218, 0.10), 0 16px 38px rgba(0, 0, 0, 0.24), 0 0 24px rgba(255, 255, 255, 0.10); } .niva-clinic-gallery-v2 .niva-clinic-title-area p { position: relative; display: inline-block; margin: 0; padding-top: 17px; font-family: "Inter", Arial, sans-serif; font-size: clamp(20px, 1.65vw, 27px); line-height: 1.36; font-weight: 300; color: rgba(255, 255, 255, 0.86); letter-spacing: 0.2px; } .niva-clinic-gallery-v2 .niva-clinic-title-area p::before { content: ""; position: absolute; top: 0; left: 50%; width: 78px; height: 1px; transform: translateX(-50%); background: linear-gradient(90deg, transparent, #cfad8b, transparent); opacity: 0.9; } .niva-clinic-gallery-v2 .niva-clinic-slider { position: absolute; left: 20px; right: -230px; bottom: 28px; height: 340px; overflow: hidden; z-index: 10; cursor: grab; user-select: none; padding-bottom: 24px; } .niva-clinic-gallery-v2 .niva-clinic-slider:active { cursor: grabbing; } .niva-clinic-gallery-v2 .niva-clinic-track { display: flex; gap: 16px; height: 316px; width: max-content; will-change: transform; animation: nivaClinicSmoothFlow 46s linear infinite; } .niva-clinic-gallery-v2 .niva-clinic-slider:hover .niva-clinic-track, .niva-clinic-gallery-v2 .niva-clinic-slider.is-dragging .niva-clinic-track { animation-play-state: paused; } .niva-clinic-gallery-v2 .niva-clinic-card { flex: 0 0 443px; height: 316px; border: 1.5px solid #2A2A2A; border-radius: 42px; overflow: hidden; background: #817872; pointer-events: none; box-shadow: 0 7px 14px rgba(0, 0, 0, 0.16); } .niva-clinic-gallery-v2 .niva-clinic-card img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; pointer-events: none; } @keyframes nivaClinicSmoothFlow { 0% { transform: translateX(0); } 100% { transform: translateX(-2754px); } } @media (max-width: 1024px) { .niva-clinic-gallery-v2 { height: 610px; } .niva-clinic-gallery-v2 .niva-clinic-bg-left { width: 58%; } .niva-clinic-gallery-v2 .niva-clinic-bg-right { width: 42%; background: rgba(129, 120, 114, 0.76); } .niva-clinic-gallery-v2 .niva-clinic-title-area { top: 42px; right: 3%; width: 44%; } .niva-clinic-gallery-v2 .niva-clinic-title-area h2 { font-size: 56px; font-weight: 500; color: #ffffff; } .niva-clinic-gallery-v2 .niva-clinic-title-area p { font-size: 21px; line-height: 1.36; } .niva-clinic-gallery-v2 .niva-clinic-slider { left: 20px; right: -180px; bottom: 30px; height: 304px; padding-bottom: 24px; } .niva-clinic-gallery-v2 .niva-clinic-track { height: 280px; } .niva-clinic-gallery-v2 .niva-clinic-card { flex-basis: 360px; height: 280px; border-radius: 38px; box-shadow: 0 6px 13px rgba(0, 0, 0, 0.15); } @keyframes nivaClinicSmoothFlow { 0% { transform: translateX(0); } 100% { transform: translateX(-2256px); } } } @media (max-width: 768px) { .niva-clinic-gallery-v2 { height: 760px; background: #9f9b96; } .niva-clinic-gallery-v2 .niva-clinic-bg-left { width: 100%; height: 310px; background-size: cover; background-position: center top; background-repeat: no-repeat; z-index: 1; } .niva-clinic-gallery-v2 .niva-clinic-bg-left::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 34px; background: linear-gradient(to bottom, rgba(159,155,150,0), rgba(159,155,150,1)); pointer-events: none; } .niva-clinic-gallery-v2 .niva-clinic-bg-right { top: 310px; left: 0; right: auto; width: 100%; height: calc(100% - 310px); background: #9f9b96; z-index: 2; } .niva-clinic-gallery-v2 .niva-clinic-bg-right::before { background: linear-gradient(135deg, rgba(255,255,255,0.10), transparent 54%), radial-gradient(circle at top right, rgba(255,255,255,0.14), transparent 44%); } .niva-clinic-gallery-v2 .niva-clinic-title-area { top: 336px; left: 50%; right: auto; transform: translateX(-50%); width: 90%; z-index: 6; } .niva-clinic-gallery-v2 .niva-clinic-title-area h2 { font-size: 44px; line-height: 0.95; font-weight: 500; margin-bottom: 13px; letter-spacing: -1.2px; color: #ffffff; } .niva-clinic-gallery-v2 .niva-clinic-title-area p { padding-top: 17px; font-size: 17px; line-height: 1.35; color: rgba(255,255,255,0.84); } .niva-clinic-gallery-v2 .niva-clinic-title-area p::before { width: 62px; top: 0; } .niva-clinic-gallery-v2 .niva-clinic-slider { left: 16px; right: -120px; bottom: 36px; height: 249px; padding-bottom: 24px; } .niva-clinic-gallery-v2 .niva-clinic-track { gap: 14px; height: 225px; animation-duration: 38s; } .niva-clinic-gallery-v2 .niva-clinic-card { flex-basis: 285px; height: 225px; border-radius: 30px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); } @keyframes nivaClinicSmoothFlow { 0% { transform: translateX(0); } 100% { transform: translateX(-1794px); } } } @media (max-width: 480px) { .niva-clinic-gallery-v2 { height: 730px; background: #9f9b96; } .niva-clinic-gallery-v2 .niva-clinic-bg-left { height: 300px; background-position: center top; } .niva-clinic-gallery-v2 .niva-clinic-bg-left::after { height: 32px; } .niva-clinic-gallery-v2 .niva-clinic-bg-right { top: 300px; height: calc(100% - 300px); background: #9f9b96; } .niva-clinic-gallery-v2 .niva-clinic-title-area { top: 322px; width: 90%; } .niva-clinic-gallery-v2 .niva-clinic-title-area h2 { font-size: 38px; line-height: 0.96; font-weight: 500; margin-bottom: 12px; color: #ffffff; } .niva-clinic-gallery-v2 .niva-clinic-title-area p { padding-top: 16px; font-size: 16px; line-height: 1.34; color: rgba(255,255,255,0.84); } .niva-clinic-gallery-v2 .niva-clinic-title-area p::before { width: 58px; } .niva-clinic-gallery-v2 .niva-clinic-slider { height: 229px; bottom: 30px; padding-bottom: 24px; } .niva-clinic-gallery-v2 .niva-clinic-track { height: 205px; } .niva-clinic-gallery-v2 .niva-clinic-card { flex-basis: 250px; height: 205px; border-radius: 26px; box-shadow: 0 5px 11px rgba(0, 0, 0, 0.14); } @keyframes nivaClinicSmoothFlow { 0% { transform: translateX(0); } 100% { transform: translateX(-1584px); } } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-52d8666 */@import url('https://fonts.googleapis.com/css2?family=Philosopher:wght@400;700&family=Inter:wght@300;400;500;600;700&display=swap'); .niva-doctors-flip-section, .niva-doctors-flip-section * { box-sizing: border-box; } .niva-doctors-flip-section { width: 100%; position: relative; overflow: hidden; padding: 88px 20px 96px; background: radial-gradient(circle at top left, rgba(212, 178, 133, 0.18), transparent 34%), radial-gradient(circle at bottom right, rgba(164, 136, 113, 0.16), transparent 38%), linear-gradient(135deg, #ffffff 0%, #fbf8f3 48%, #ffffff 100%); font-family: "Inter", Arial, sans-serif; } .niva-doctors-flip-section::before { content: ""; position: absolute; inset: 22px; border: 1px solid rgba(164, 136, 113, 0.24); border-radius: 34px; pointer-events: none; z-index: 1; } .niva-doctors-flip-section::after { content: ""; position: absolute; width: 430px; height: 430px; right: -160px; top: -170px; background: radial-gradient(circle, rgba(212, 178, 133, 0.22), transparent 66%); filter: blur(9px); pointer-events: none; z-index: 0; } .niva-doctors-flip-section .niva-doctor-bg-orbit { position: absolute; border-radius: 50%; border: 1px solid rgba(164, 136, 113, 0.24); pointer-events: none; z-index: 0; } .niva-doctors-flip-section .orbit-one { width: 430px; height: 430px; left: -165px; top: 130px; animation: nivaDoctorRotate 22s linear infinite; } .niva-doctors-flip-section .orbit-two { width: 280px; height: 280px; right: 8%; bottom: 72px; animation: nivaDoctorRotateReverse 18s linear infinite; } .niva-doctors-flip-section .niva-doctor-bg-orbit::before, .niva-doctors-flip-section .niva-doctor-bg-orbit::after { content: ""; position: absolute; border-radius: 50%; background: #a48871; box-shadow: 0 0 22px rgba(164, 136, 113, 0.48); } .niva-doctors-flip-section .niva-doctor-bg-orbit::before { width: 11px; height: 11px; top: 18%; left: 16%; } .niva-doctors-flip-section .niva-doctor-bg-orbit::after { width: 8px; height: 8px; right: 18%; bottom: 18%; } .niva-doctors-flip-section .niva-doctor-plus { position: absolute; color: rgba(164, 136, 113, 0.32); font-family: "Inter", Arial, sans-serif; font-weight: 300; line-height: 1; pointer-events: none; z-index: 0; animation: nivaDoctorFloat 5s ease-in-out infinite; } .niva-doctors-flip-section .plus-one { top: 145px; right: 19%; font-size: 54px; } .niva-doctors-flip-section .plus-two { bottom: 190px; left: 10%; font-size: 42px; animation-delay: 1.2s; } .niva-doctors-flip-section .niva-doctor-dot { position: absolute; border-radius: 50%; background: rgba(164, 136, 113, 0.34); box-shadow: 0 0 20px rgba(164, 136, 113, 0.28); pointer-events: none; z-index: 0; } .niva-doctors-flip-section .dot-one { width: 10px; height: 10px; top: 120px; left: 24%; } .niva-doctors-flip-section .dot-two { width: 7px; height: 7px; bottom: 120px; right: 26%; } .niva-doctors-flip-section .dot-three { width: 9px; height: 9px; top: 52%; right: 7%; } .niva-doctors-flip-section .niva-doctors-heading { max-width: 820px; margin: 0 auto 58px; text-align: center; position: relative; z-index: 2; } .niva-doctors-flip-section .niva-doctors-label { display: inline-flex; align-items: center; justify-content: center; gap: 14px; color: #a48871; font-size: 13px; line-height: 1; letter-spacing: 3px; text-transform: uppercase; font-weight: 600; margin-bottom: 22px; } .niva-doctors-flip-section .niva-doctors-label::before, .niva-doctors-flip-section .niva-doctors-label::after { content: ""; width: 44px; height: 1px; background: linear-gradient(90deg, transparent, #a48871, transparent); display: block; } .niva-doctors-flip-section .niva-doctors-heading h2 { margin: 0 0 22px; font-family: "Philosopher", Georgia, serif; font-size: clamp(46px, 5.4vw, 78px); line-height: 0.98; font-weight: 700; letter-spacing: -1.6px; color: #2b2b2b; } .niva-doctors-flip-section .niva-doctors-heading h2 span { color: #a48871; position: relative; display: inline-block; } .niva-doctors-flip-section .niva-doctors-heading h2 span::after { content: ""; position: absolute; left: 5px; right: 5px; bottom: 5px; height: 10px; background: rgba(212, 178, 133, 0.25); border-radius: 999px; z-index: -1; } .niva-doctors-flip-section .niva-doctors-heading p { max-width: 620px; margin: 0 auto; color: #5c5c5c; font-size: 16.5px; line-height: 1.78; font-weight: 400; } .niva-doctors-flip-section .niva-doctors-grid { max-width: 1220px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 34px; position: relative; z-index: 2; } .niva-doctors-flip-section .niva-doctor-card { width: 100%; height: 545px; perspective: 1800px; cursor: pointer; } .niva-doctors-flip-section .niva-doctor-inner { position: relative; width: 100%; height: 100%; transform-style: preserve-3d !important; -webkit-transform-style: preserve-3d !important; transition: transform 0.9s cubic-bezier(.22, .8, .24, 1); } .niva-doctors-flip-section .niva-doctor-card:hover .niva-doctor-inner, .niva-doctors-flip-section .niva-doctor-card.is-flipped .niva-doctor-inner { transform: rotateY(180deg); } .niva-doctors-flip-section .niva-doctor-face { position: absolute; inset: 0; width: 100%; height: 100%; border-radius: 32px; overflow: hidden; backface-visibility: hidden !important; -webkit-backface-visibility: hidden !important; border: 1px solid rgba(164, 136, 113, 0.34); background: linear-gradient(145deg, #ffffff, #f5efe6); box-shadow: 0 30px 75px rgba(43, 43, 43, 0.13), inset 0 1px 0 rgba(255,255,255,0.85); } .niva-doctors-flip-section .niva-doctor-front { z-index: 2; display: flex; flex-direction: column; padding: 14px; transform: rotateY(0deg); } .niva-doctors-flip-section .niva-doctor-front::before { content: ""; position: absolute; inset: 13px; border: 1px solid rgba(164, 136, 113, 0.18); border-radius: 24px; pointer-events: none; z-index: 5; } .niva-doctors-flip-section .niva-doctor-front::after { content: ""; position: absolute; width: 170px; height: 170px; right: -64px; top: -64px; background: radial-gradient(circle, rgba(212, 178, 133, 0.18), transparent 68%); filter: blur(12px); pointer-events: none; z-index: 1; } .niva-doctors-flip-section .niva-doctor-back { transform: rotateY(180deg); display: flex; align-items: center; justify-content: center; } .niva-doctors-flip-section .niva-doctor-image-frame { position: relative; width: 100%; height: 400px; border-radius: 25px; overflow: hidden; border: 1px solid rgba(164, 136, 113, 0.34); background: #f5efe8; box-shadow: 0 18px 44px rgba(43, 43, 43, 0.10); z-index: 2; } .niva-doctors-flip-section .niva-doctor-image-frame::before { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.22), transparent 50%), radial-gradient(circle at top right, rgba(212, 178, 133, 0.16), transparent 42%); z-index: 2; pointer-events: none; } .niva-doctors-flip-section .niva-doctor-image-frame::after { content: ""; position: absolute; inset: 13px; border: 1px solid rgba(255,255,255,.46); border-radius: 18px; z-index: 3; pointer-events: none; transition: inset .35s ease, border-color .35s ease; } .niva-doctors-flip-section .niva-doctor-card:hover .niva-doctor-image-frame::after { inset: 17px; border-color: rgba(212, 178, 133, 0.72); } .niva-doctors-flip-section .niva-doctor-image-frame img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .75s cubic-bezier(.22,.8,.24,1), filter .35s ease; filter: saturate(1.02) contrast(1.02); } .niva-doctors-flip-section .niva-doctor-card:hover .niva-doctor-image-frame img { transform: scale(1.045); filter: saturate(1.05) contrast(1.04); } .niva-doctors-flip-section .niva-doctor-front-info { flex: 1; min-height: 110px; padding: 23px 10px 8px; text-align: center; display: flex; flex-direction: column; justify-content: center; position: relative; z-index: 3; } .niva-doctors-flip-section .niva-doctor-front-info h3 { margin: 0; color: #2b2b2b; font-family: "Philosopher", Georgia, serif; font-size: clamp(27px, 2vw, 34px); font-weight: 700; letter-spacing: -0.5px; line-height: 1.08; } .niva-doctors-flip-section .niva-doctor-front-info p { margin: 11px 0 0; color: #a48871; font-size: 11px; letter-spacing: 3px; text-transform: uppercase; font-weight: 700; } .niva-doctors-flip-section .niva-doctor-front-info p::after { content: ""; display: block; width: 58px; height: 1px; margin: 14px auto 0; background: linear-gradient(90deg, transparent, #a48871, transparent); } .niva-doctors-flip-section .niva-doctor-back-bg { position: absolute; inset: -24px; background-size: cover; background-position: center; filter: blur(10px) saturate(1.02); transform: scale(1.15); opacity: 0.24; } .niva-doctors-flip-section .niva-doctor-back-overlay { position: absolute; inset: 0; background: radial-gradient(circle at top right, rgba(212, 178, 133, 0.20), transparent 42%), linear-gradient(145deg, rgba(255,255,255,0.90), rgba(246,239,229,0.94)); } .niva-doctors-flip-section .niva-doctor-back::before { content: ""; position: absolute; inset: 14px; border: 1px solid rgba(164, 136, 113, 0.32); border-radius: 24px; z-index: 2; pointer-events: none; } .niva-doctors-flip-section .niva-doctor-back::after { content: ""; position: absolute; width: 190px; height: 190px; right: -78px; top: -78px; border-radius: 50%; background: rgba(212, 178, 133, 0.18); filter: blur(18px); pointer-events: none; z-index: 1; } .niva-doctors-flip-section .niva-doctor-back-content { position: relative; z-index: 3; max-width: 78%; text-align: center; color: #2b2b2b; } .niva-doctors-flip-section .niva-doctor-back-content h3 { margin: 0; color: #2b2b2b; font-family: "Philosopher", Georgia, serif; font-size: clamp(31px, 2.4vw, 40px); font-weight: 700; line-height: 1.08; letter-spacing: -0.5px; } .niva-doctors-flip-section .niva-doctor-back-content span { display: inline-block; margin-top: 12px; color: #a48871; font-size: 11px; letter-spacing: 3px; text-transform: uppercase; font-weight: 700; } .niva-doctors-flip-section .niva-doctor-back-content span::after { content: ""; display: block; width: 62px; height: 1px; background: linear-gradient(90deg, transparent, #a48871, transparent); margin: 18px auto 0; } .niva-doctors-flip-section .niva-doctor-back-content p { margin: 24px 0 0; color: rgba(43,43,43,.70); font-size: 15px; line-height: 1.76; font-weight: 400; } @keyframes nivaDoctorRotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes nivaDoctorRotateReverse { from { transform: rotate(360deg); } to { transform: rotate(0deg); } } @keyframes nivaDoctorFloat { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-13px) rotate(8deg); } } @media (max-width: 1024px) { .niva-doctors-flip-section { padding: 76px 18px 82px; } .niva-doctors-flip-section .niva-doctors-grid { gap: 24px; } .niva-doctors-flip-section .niva-doctor-card { height: 505px; } .niva-doctors-flip-section .niva-doctor-image-frame { height: 360px; } .niva-doctors-flip-section .niva-doctor-front-info h3 { font-size: 25px; } .niva-doctors-flip-section .orbit-one, .niva-doctors-flip-section .orbit-two { opacity: .45; } } @media (max-width: 767px) { .niva-doctors-flip-section { padding: 66px 14px 68px; } .niva-doctors-flip-section::before { inset: 12px; border-radius: 26px; } .niva-doctors-flip-section .niva-doctors-heading { margin-bottom: 40px; } .niva-doctors-flip-section .niva-doctors-label { font-size: 11px; letter-spacing: 2.4px; gap: 10px; margin-bottom: 18px; } .niva-doctors-flip-section .niva-doctors-label::before, .niva-doctors-flip-section .niva-doctors-label::after { width: 28px; } .niva-doctors-flip-section .niva-doctors-heading h2 { font-size: 44px; letter-spacing: -1.2px; margin-bottom: 18px; } .niva-doctors-flip-section .niva-doctors-heading p { font-size: 15px; line-height: 1.66; } .niva-doctors-flip-section .niva-doctors-grid { grid-template-columns: 1fr; max-width: 420px; gap: 30px; } .niva-doctors-flip-section .niva-doctor-card { height: 512px; } .niva-doctors-flip-section .niva-doctor-image-frame { height: 372px; } .niva-doctors-flip-section .niva-doctor-front-info h3, .niva-doctors-flip-section .niva-doctor-back-content h3 { font-size: 28px; } .niva-doctors-flip-section .niva-doctor-back-content { max-width: 82%; } .niva-doctors-flip-section .orbit-one { width: 300px; height: 300px; left: -140px; top: 190px; } .niva-doctors-flip-section .orbit-two, .niva-doctors-flip-section .plus-one, .niva-doctors-flip-section .plus-two, .niva-doctors-flip-section .dot-three { display: none; } } @media (max-width: 420px) { .niva-doctors-flip-section .niva-doctor-card { height: 492px; } .niva-doctors-flip-section .niva-doctor-image-frame { height: 350px; } .niva-doctors-flip-section .niva-doctor-face { border-radius: 28px; } .niva-doctors-flip-section .niva-doctor-image-frame { border-radius: 22px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-72cf2de */@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap'); .niva-google-reviews-section, .niva-google-reviews-section * { box-sizing: border-box; } .niva-google-reviews-section { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; padding: 82px 40px 108px !important; position: relative; overflow: hidden; background: radial-gradient(circle at 50% 0%, rgba(207, 173, 139, 0.22), transparent 34%), radial-gradient(circle at 50% 16%, rgba(255, 226, 195, 0.10), transparent 30%), linear-gradient(180deg, #2b2b2b 0%, #242424 100%) !important; font-family: "Inter", Arial, sans-serif; } .niva-google-reviews-section::before { content: ""; position: absolute; inset: 22px; border: 1px solid rgba(207, 173, 139, 0.13); border-radius: 38px; pointer-events: none; z-index: 1; } .niva-google-reviews-section .niva-google-glow-one { position: absolute; top: -190px; left: 50%; width: 860px; height: 460px; transform: translateX(-50%); background: radial-gradient( circle, rgba(207, 173, 139, 0.28) 0%, rgba(207, 173, 139, 0.09) 36%, transparent 70% ); filter: blur(40px); pointer-events: none; z-index: 0; } .niva-google-reviews-section .niva-google-glow-two { position: absolute; right: -220px; bottom: -220px; width: 520px; height: 520px; border-radius: 50%; background: rgba(207, 173, 139, 0.11); filter: blur(74px); pointer-events: none; z-index: 0; } .niva-google-reviews-section .niva-google-orbit { position: absolute; border-radius: 50%; border: 1px solid rgba(207, 173, 139, 0.16); pointer-events: none; z-index: 0; } .niva-google-reviews-section .niva-google-orbit::before, .niva-google-reviews-section .niva-google-orbit::after { content: ""; position: absolute; border-radius: 50%; background: rgba(207, 173, 139, 0.62); box-shadow: 0 0 22px rgba(207, 173, 139, 0.34); } .niva-google-reviews-section .niva-google-orbit::before { width: 9px; height: 9px; top: 16%; left: 17%; } .niva-google-reviews-section .niva-google-orbit::after { width: 6px; height: 6px; right: 18%; bottom: 18%; } .niva-google-reviews-section .niva-google-orbit-one { width: 360px; height: 360px; left: -130px; top: 160px; animation: nivaGoogleRotate 24s linear infinite; } .niva-google-reviews-section .niva-google-orbit-two { width: 230px; height: 230px; right: 8%; bottom: 92px; animation: nivaGoogleRotateReverse 18s linear infinite; } .niva-google-reviews-section .niva-google-sparkle { position: absolute; color: rgba(207, 173, 139, 0.30); line-height: 1; pointer-events: none; z-index: 0; animation: nivaGoogleSparkle 5s ease-in-out infinite; } .niva-google-reviews-section .niva-google-sparkle-one { top: 142px; left: 22%; font-size: 36px; } .niva-google-reviews-section .niva-google-sparkle-two { bottom: 170px; right: 23%; font-size: 30px; animation-delay: 1.4s; } .niva-google-reviews-section .niva-google-reviews-inner { width: 100%; max-width: 1550px; margin: 0 auto; position: relative; z-index: 2; } .niva-google-reviews-section .niva-google-heading { width: 100%; max-width: 980px; margin: 0 auto 66px; text-align: center; position: relative; z-index: 3; } .niva-google-reviews-section .niva-google-small-label { display: inline-flex; align-items: center; justify-content: center; gap: 14px; margin-bottom: 22px; color: #cfad8b; font-size: 12px; line-height: 1; letter-spacing: 3.4px; text-transform: uppercase; font-weight: 600; opacity: .94; } .niva-google-reviews-section .niva-google-small-label::before, .niva-google-reviews-section .niva-google-small-label::after { content: ""; width: 46px; height: 1px; background: linear-gradient(90deg, transparent, rgba(207, 173, 139, .95), transparent); display: block; } .niva-google-reviews-section .niva-google-title { margin: 0; color: #cfad8b; font-family: "Playfair Display", Georgia, serif; font-size: clamp(56px, 7vw, 104px); font-style: normal; font-weight: 500; line-height: 0.94; letter-spacing: -2.6px; text-align: center; text-shadow: 0 2px 0 rgba(255, 238, 218, 0.10), 0 18px 48px rgba(0, 0, 0, 0.34), 0 0 34px rgba(207, 173, 139, 0.10); } .niva-google-reviews-section .niva-google-title span { color: #f1d2b0; font-weight: 400; } .niva-google-reviews-section .niva-google-desc { max-width: 680px; margin: 24px auto 0; color: rgba(255, 255, 255, 0.70); font-size: 16.5px; line-height: 1.78; font-weight: 300; } .niva-google-reviews-section .niva-google-content { display: grid; grid-template-columns: 380px 1fr; gap: 52px; align-items: center; position: relative; z-index: 2; } .niva-google-reviews-section .niva-google-left { position: relative; z-index: 3; } .niva-google-reviews-section .niva-google-image-card { position: relative; width: 100%; padding: 16px; border-radius: 36px; background: linear-gradient(145deg, rgba(207, 173, 139, 0.18), rgba(255,255,255,0.035)), rgba(255,255,255,0.03); border: 1px solid rgba(207, 173, 139, 0.30); box-shadow: 0 30px 76px rgba(0, 0, 0, 0.36), inset 0 1px 0 rgba(255,255,255,0.13); overflow: hidden; backdrop-filter: blur(14px); } .niva-google-reviews-section .niva-google-image-card::before { content: ""; position: absolute; inset: 12px; border: 1px solid rgba(255,255,255,0.14); border-radius: 26px; pointer-events: none; z-index: 3; } .niva-google-reviews-section .niva-google-image-card::after { content: ""; position: absolute; width: 190px; height: 190px; right: -80px; top: -80px; border-radius: 50%; background: rgba(207, 173, 139, 0.16); filter: blur(20px); pointer-events: none; z-index: 1; } .niva-google-reviews-section .niva-google-image-badge { position: absolute; left: 30px; top: 30px; z-index: 4; padding: 10px 15px; border-radius: 999px; background: rgba(36,36,36,0.78); border: 1px solid rgba(207,173,139,0.38); color: #f1d2b0; font-size: 11px; letter-spacing: 1.8px; text-transform: uppercase; font-weight: 700; backdrop-filter: blur(12px); } .niva-google-reviews-section .niva-google-image-card img { position: relative; z-index: 2; width: 100%; display: block; border-radius: 24px; filter: drop-shadow(0 20px 28px rgba(0,0,0,0.25)); transition: transform 0.45s ease, filter .35s ease; } .niva-google-reviews-section .niva-google-image-card:hover img { transform: scale(1.035); filter: drop-shadow(0 24px 34px rgba(0,0,0,0.32)); } .niva-google-reviews-section .niva-google-slider-wrap { min-width: 0; position: relative; overflow: hidden; padding: 38px 0 34px; cursor: grab; user-select: none; touch-action: pan-y; -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%); } .niva-google-reviews-section .niva-google-slider-wrap:active, .niva-google-reviews-section .niva-google-slider-wrap.is-dragging { cursor: grabbing; } .niva-google-reviews-section .niva-google-slider { width: 100%; overflow: visible; } .niva-google-reviews-section .niva-review-track { display: flex; align-items: stretch; gap: 24px; width: max-content; animation: nivaReviewScroll 55s linear infinite; will-change: transform; } .niva-google-reviews-section .niva-google-slider-wrap:hover .niva-review-track, .niva-google-reviews-section .niva-google-slider-wrap.is-dragging .niva-review-track, .niva-google-reviews-section .niva-review-track.is-paused { animation-play-state: paused; } @keyframes nivaReviewScroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } .niva-google-reviews-section .niva-review-card { position: relative; width: 360px; min-height: 286px; flex: 0 0 360px; padding: 30px 28px 32px; border-radius: 30px; background: linear-gradient(145deg, rgba(255,255,255,0.105), rgba(255,255,255,0.035)), rgba(36, 36, 36, 0.72); border: 1px solid rgba(207, 173, 139, 0.22); box-shadow: 0 22px 48px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255,255,255,0.10); overflow: hidden; transition: transform 0.38s ease, border-color 0.38s ease, box-shadow 0.38s ease, background 0.38s ease; backdrop-filter: blur(12px); } .niva-google-reviews-section .niva-review-card::before { content: ""; position: absolute; inset: 12px; border: 1px solid rgba(255,255,255,0.075); border-radius: 22px; pointer-events: none; z-index: 1; } .niva-google-reviews-section .niva-review-card::after { content: "G"; position: absolute; right: 24px; bottom: -18px; color: rgba(207, 173, 139, 0.065); font-size: 118px; line-height: 1; font-family: Georgia, serif; font-weight: 700; pointer-events: none; z-index: 0; } .niva-google-reviews-section .niva-quote-mark { position: absolute; top: 12px; right: 26px; color: rgba(207, 173, 139, 0.16); font-family: Georgia, serif; font-size: 82px; line-height: 1; pointer-events: none; z-index: 0; } .niva-google-reviews-section .niva-review-card:hover { transform: translateY(-8px); border-color: rgba(207, 173, 139, 0.52); box-shadow: 0 32px 70px rgba(0, 0, 0, 0.38), 0 0 38px rgba(207, 173, 139, 0.07), inset 0 1px 0 rgba(255,255,255,0.14); background: linear-gradient(145deg, rgba(207,173,139,0.13), rgba(255,255,255,0.04)), rgba(36, 36, 36, 0.78); } .niva-google-reviews-section .niva-featured-review { width: 420px; flex-basis: 420px; background: linear-gradient(145deg, rgba(207, 173, 139, 0.17), rgba(255,255,255,0.045)), rgba(36, 36, 36, 0.78); border-color: rgba(207, 173, 139, 0.34); } .niva-google-reviews-section .niva-review-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; margin-bottom: 22px; position: relative; z-index: 2; } .niva-google-reviews-section .niva-review-top h3 { margin: 0 0 8px; color: #ffffff; font-family: "Playfair Display", Georgia, serif; font-size: 25px; font-weight: 500; line-height: 1.12; letter-spacing: -0.3px; } .niva-google-reviews-section .niva-review-top span { display: block; color: rgba(255,255,255,0.48); font-size: 11px; letter-spacing: 2.2px; text-transform: uppercase; font-weight: 500; } .niva-google-reviews-section .niva-stars { white-space: nowrap; color: #cfad8b; font-size: 15px; letter-spacing: 1.5px; text-shadow: 0 0 18px rgba(207,173,139,0.24); } .niva-google-reviews-section .niva-review-card p { margin: 0; color: rgba(255,255,255,0.76); font-size: 15px; line-height: 1.78; position: relative; z-index: 2; font-weight: 300; } .niva-google-reviews-section .niva-featured-review p { font-size: 16px; line-height: 1.82; } @keyframes nivaGoogleRotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes nivaGoogleRotateReverse { from { transform: rotate(360deg); } to { transform: rotate(0deg); } } @keyframes nivaGoogleSparkle { 0%, 100% { opacity: .22; transform: translateY(0) scale(1) rotate(0deg); } 50% { opacity: .48; transform: translateY(-12px) scale(1.08) rotate(10deg); } } @media (max-width: 1200px) { .niva-google-reviews-section .niva-google-content { grid-template-columns: 1fr; gap: 46px; } .niva-google-reviews-section .niva-google-left { display: flex; justify-content: center; } .niva-google-reviews-section .niva-google-image-card { max-width: 390px; } .niva-google-reviews-section .niva-review-track { animation-duration: 48s; } .niva-google-reviews-section .niva-google-orbit-two, .niva-google-reviews-section .niva-google-sparkle-two { display: none; } } @media (max-width: 767px) { .niva-google-reviews-section { padding: 60px 14px 72px !important; } .niva-google-reviews-section::before { inset: 12px; border-radius: 26px; } .niva-google-reviews-section .niva-google-heading { margin-bottom: 42px; } .niva-google-reviews-section .niva-google-small-label { font-size: 11px; letter-spacing: 2.4px; gap: 10px; margin-bottom: 18px; } .niva-google-reviews-section .niva-google-small-label::before, .niva-google-reviews-section .niva-google-small-label::after { width: 28px; } .niva-google-reviews-section .niva-google-title { font-size: clamp(48px, 13vw, 66px); line-height: 0.98; letter-spacing: -1.4px; } .niva-google-reviews-section .niva-google-desc { font-size: 15px; line-height: 1.65; margin-top: 20px; } .niva-google-reviews-section .niva-google-content { gap: 34px; } .niva-google-reviews-section .niva-google-orbit-one { width: 270px; height: 270px; left: -140px; top: 220px; opacity: .55; } .niva-google-reviews-section .niva-google-sparkle-one { display: none; } .niva-google-reviews-section .niva-google-image-card { max-width: 320px; padding: 12px; border-radius: 28px; } .niva-google-reviews-section .niva-google-image-card::before { inset: 9px; border-radius: 22px; } .niva-google-reviews-section .niva-google-image-badge { top: 22px; left: 22px; font-size: 10px; padding: 8px 12px; } .niva-google-reviews-section .niva-google-image-card img { border-radius: 20px; } .niva-google-reviews-section .niva-google-slider-wrap { width: 100%; padding: 28px 0 24px; cursor: grab; touch-action: pan-y; -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 4%, #000 96%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0%, #000 4%, #000 96%, transparent 100%); } .niva-google-reviews-section .niva-review-track { gap: 16px; animation-duration: 42s; } .niva-google-reviews-section .niva-review-card, .niva-google-reviews-section .niva-featured-review { width: 300px; flex-basis: 300px; min-height: 300px; padding: 24px 22px 26px; border-radius: 24px; } .niva-google-reviews-section .niva-review-card::before { inset: 10px; border-radius: 18px; } .niva-google-reviews-section .niva-review-top { flex-direction: column; gap: 10px; margin-bottom: 18px; } .niva-google-reviews-section .niva-review-top h3 { font-size: 23px; } .niva-google-reviews-section .niva-review-card p, .niva-google-reviews-section .niva-featured-review p { font-size: 14.5px; line-height: 1.7; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-34b2e37 */@import url('https://fonts.googleapis.com/css2?family=Philosopher:wght@400;700&family=Inter:wght@300;400;500;600&display=swap'); .niva-instagram-follow-section, .niva-instagram-follow-section * { box-sizing: border-box; } .niva-instagram-follow-section { width: 100%; position: relative; overflow: hidden; padding: 90px 20px; background: radial-gradient(circle at top left, rgba(212, 178, 133, 0.18), transparent 34%), radial-gradient(circle at bottom right, rgba(164, 136, 113, 0.16), transparent 38%), linear-gradient(135deg, #ffffff 0%, #fbf8f3 48%, #ffffff 100%); font-family: 'Inter', sans-serif; } .niva-instagram-follow-section::before { content: ""; position: absolute; inset: 22px; border: 1px solid rgba(164, 136, 113, 0.25); border-radius: 34px; pointer-events: none; } .niva-instagram-follow-section::after { content: ""; position: absolute; width: 420px; height: 420px; right: -160px; top: -160px; background: radial-gradient(circle, rgba(212, 178, 133, 0.22), transparent 65%); filter: blur(8px); pointer-events: none; } .niva-instagram-follow-section .niva-instagram-wrapper { max-width: 1180px; margin: 0 auto; position: relative; z-index: 2; display: grid; grid-template-columns: 1.05fr 0.95fr; align-items: center; gap: 70px; } .niva-instagram-follow-section .niva-instagram-content { position: relative; animation: nivaInstagramFadeUp 0.9s ease both; } .niva-instagram-follow-section .niva-small-label { display: inline-flex; align-items: center; gap: 10px; color: #a48871; font-size: 13px; font-weight: 600; letter-spacing: 2.6px; text-transform: uppercase; margin-bottom: 20px; } .niva-instagram-follow-section .niva-small-label::before { content: ""; width: 42px; height: 1px; background: linear-gradient(90deg, #a48871, rgba(164, 136, 113, 0.15)); display: inline-block; } .niva-instagram-follow-section .niva-instagram-title { font-family: 'Philosopher', serif; font-size: clamp(42px, 5vw, 72px); line-height: 0.98; color: #2b2b2b; margin: 0 0 26px; font-weight: 700; letter-spacing: -1.5px; } .niva-instagram-follow-section .niva-instagram-title span { color: #a48871; position: relative; display: inline-block; } .niva-instagram-follow-section .niva-instagram-title span::after { content: ""; position: absolute; left: 4px; right: 4px; bottom: 5px; height: 10px; background: rgba(212, 178, 133, 0.25); z-index: -1; border-radius: 20px; } .niva-instagram-follow-section .niva-instagram-desc { max-width: 540px; color: #5c5c5c; font-size: 17px; line-height: 1.8; font-weight: 400; margin: 0 0 34px; } .niva-instagram-follow-section .niva-instagram-features { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-bottom: 36px; max-width: 620px; } .niva-instagram-follow-section .niva-feature-box { background: rgba(255, 255, 255, 0.74); border: 1px solid rgba(164, 136, 113, 0.22); border-radius: 20px; padding: 18px 15px; box-shadow: 0 14px 35px rgba(43, 43, 43, 0.055); backdrop-filter: blur(10px); transition: all 0.35s ease; } .niva-instagram-follow-section .niva-feature-box:hover { transform: translateY(-6px); border-color: rgba(164, 136, 113, 0.55); box-shadow: 0 20px 45px rgba(43, 43, 43, 0.09); } .niva-instagram-follow-section .niva-feature-icon { width: 38px; height: 38px; border-radius: 50%; background: linear-gradient(145deg, #d6b28e, #a48871); color: #ffffff; display: flex; align-items: center; justify-content: center; margin-bottom: 12px; font-size: 16px; box-shadow: 0 10px 22px rgba(164, 136, 113, 0.28); } .niva-instagram-follow-section .niva-feature-box h4 { margin: 0 0 6px; color: #2b2b2b; font-size: 15px; font-weight: 600; } .niva-instagram-follow-section .niva-feature-box p { margin: 0; color: #777; font-size: 13px; line-height: 1.5; } .niva-instagram-follow-section .niva-instagram-actions { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; } .niva-instagram-follow-section .niva-instagram-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 58px; padding: 0 34px; border-radius: 999px; background: linear-gradient(135deg, #2b2b2b 0%, #151515 100%); color: #ffffff !important; text-decoration: none !important; font-size: 15px; font-weight: 600; letter-spacing: 0.3px; box-shadow: 0 18px 38px rgba(0, 0, 0, 0.18); position: relative; overflow: hidden; transition: all 0.35s ease; } .niva-instagram-follow-section .niva-instagram-button::before { content: ""; position: absolute; inset: 1px; border-radius: inherit; border: 1px solid rgba(212, 178, 133, 0.45); pointer-events: none; } .niva-instagram-follow-section .niva-instagram-button::after { content: ""; position: absolute; width: 70px; height: 100%; top: 0; left: -90px; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.22), transparent); transform: skewX(-20deg); transition: 0.55s; } .niva-instagram-follow-section .niva-instagram-button:hover { transform: translateY(-4px); box-shadow: 0 25px 48px rgba(0, 0, 0, 0.25); color: #ffffff !important; } .niva-instagram-follow-section .niva-instagram-button:hover::after { left: 120%; } .niva-instagram-follow-section .niva-instagram-button svg { width: 20px; height: 20px; fill: #d6b28e; flex-shrink: 0; } .niva-instagram-follow-section .niva-instagram-note { color: #8a7a6a; font-size: 14px; line-height: 1.5; } .niva-instagram-follow-section .niva-instagram-note strong { color: #a48871; font-weight: 600; } .niva-instagram-follow-section .niva-phone-area { position: relative; min-height: 580px; display: flex; justify-content: center; align-items: center; animation: nivaInstagramFadeIn 1s ease 0.15s both; } .niva-instagram-follow-section .niva-gold-orbit { position: absolute; width: 430px; height: 430px; border-radius: 50%; border: 1px solid rgba(164, 136, 113, 0.28); animation: nivaInstagramRotate 18s linear infinite; } .niva-instagram-follow-section .niva-gold-orbit::before, .niva-instagram-follow-section .niva-gold-orbit::after { content: ""; position: absolute; width: 12px; height: 12px; border-radius: 50%; background: #a48871; box-shadow: 0 0 22px rgba(164, 136, 113, 0.65); } .niva-instagram-follow-section .niva-gold-orbit::before { top: 58px; left: 54px; } .niva-instagram-follow-section .niva-gold-orbit::after { right: 40px; bottom: 78px; } .niva-instagram-follow-section .niva-phone-card { position: relative; width: min(360px, 88vw); padding: 16px; border-radius: 42px; background: linear-gradient(145deg, #ffffff, #f5efe6); border: 1px solid rgba(164, 136, 113, 0.38); box-shadow: 0 30px 75px rgba(43, 43, 43, 0.18), inset 0 0 0 1px rgba(255, 255, 255, 0.75); transform: rotate(2.5deg); transition: all 0.45s ease; z-index: 2; } .niva-instagram-follow-section .niva-phone-card:hover { transform: rotate(0deg) translateY(-8px); box-shadow: 0 38px 88px rgba(43, 43, 43, 0.23), inset 0 0 0 1px rgba(255, 255, 255, 0.85); } .niva-instagram-follow-section .niva-phone-frame { position: relative; border-radius: 31px; overflow: hidden; background: #ffffff; border: 8px solid #242424; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08); } .niva-instagram-follow-section .niva-phone-frame img { width: 100%; display: block; aspect-ratio: 9 / 16; object-fit: cover; object-position: top center; filter: saturate(1.02) contrast(1.02); } .niva-instagram-follow-section .niva-floating-badge { position: absolute; right: -22px; top: 78px; z-index: 4; background: rgba(255, 255, 255, 0.92); border: 1px solid rgba(164, 136, 113, 0.35); border-radius: 22px; padding: 14px 17px; display: flex; align-items: center; gap: 11px; box-shadow: 0 18px 44px rgba(43, 43, 43, 0.14); backdrop-filter: blur(12px); animation: nivaInstagramFloat 4s ease-in-out infinite; } .niva-instagram-follow-section .niva-floating-badge-icon { width: 38px; height: 38px; border-radius: 14px; background: linear-gradient(135deg, #d6b28e, #a48871); color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 12px 25px rgba(164, 136, 113, 0.25); } .niva-instagram-follow-section .niva-floating-badge-icon svg { width: 19px; height: 19px; fill: #ffffff; } .niva-instagram-follow-section .niva-floating-badge span { display: block; font-size: 12px; color: #9a8775; line-height: 1.2; margin-bottom: 3px; } .niva-instagram-follow-section .niva-floating-badge strong { display: block; font-size: 15px; color: #2b2b2b; font-weight: 700; white-space: nowrap; } .niva-instagram-follow-section .niva-bottom-badge { position: absolute; left: -24px; bottom: 78px; z-index: 4; background: rgba(43, 43, 43, 0.94); color: #ffffff; border: 1px solid rgba(212, 178, 133, 0.5); border-radius: 24px; padding: 18px 20px; box-shadow: 0 20px 45px rgba(0,0,0,0.22); backdrop-filter: blur(12px); animation: nivaInstagramFloatReverse 4.5s ease-in-out infinite; } .niva-instagram-follow-section .niva-bottom-badge span { display: block; font-size: 12px; color: #d6b28e; letter-spacing: 1.4px; text-transform: uppercase; margin-bottom: 5px; } .niva-instagram-follow-section .niva-bottom-badge strong { font-family: 'Philosopher', serif; display: block; font-size: 21px; color: #ffffff; line-height: 1.1; } @keyframes nivaInstagramFadeUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } } @keyframes nivaInstagramFadeIn { from { opacity: 0; transform: scale(0.96); } to { opacity: 1; transform: scale(1); } } @keyframes nivaInstagramRotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes nivaInstagramFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } } @keyframes nivaInstagramFloatReverse { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(12px); } } @media (max-width: 1024px) { .niva-instagram-follow-section .niva-instagram-wrapper { grid-template-columns: 1fr; gap: 50px; text-align: center; } .niva-instagram-follow-section .niva-instagram-desc { margin-left: auto; margin-right: auto; } .niva-instagram-follow-section .niva-small-label { justify-content: center; } .niva-instagram-follow-section .niva-instagram-features { margin-left: auto; margin-right: auto; } .niva-instagram-follow-section .niva-instagram-actions { justify-content: center; } .niva-instagram-follow-section .niva-phone-area { min-height: 560px; } } @media (max-width: 768px) { .niva-instagram-follow-section { padding: 70px 16px; } .niva-instagram-follow-section::before { inset: 12px; border-radius: 26px; } .niva-instagram-follow-section .niva-instagram-features { grid-template-columns: 1fr; max-width: 420px; } .niva-instagram-follow-section .niva-feature-box { text-align: left; display: flex; align-items: center; gap: 15px; } .niva-instagram-follow-section .niva-feature-icon { margin-bottom: 0; flex-shrink: 0; } .niva-instagram-follow-section .niva-phone-area { min-height: auto; padding: 30px 0 15px; } .niva-instagram-follow-section .niva-gold-orbit { width: 330px; height: 330px; } .niva-instagram-follow-section .niva-floating-badge { right: 0; top: 40px; padding: 12px 14px; } .niva-instagram-follow-section .niva-bottom-badge { left: 0; bottom: 28px; padding: 14px 16px; } .niva-instagram-follow-section .niva-phone-card { transform: rotate(0deg); } } @media (max-width: 480px) { .niva-instagram-follow-section .niva-instagram-title { font-size: 39px; } .niva-instagram-follow-section .niva-instagram-desc { font-size: 15px; line-height: 1.7; } .niva-instagram-follow-section .niva-instagram-button { width: 100%; padding: 0 22px; } .niva-instagram-follow-section .niva-instagram-note { width: 100%; } .niva-instagram-follow-section .niva-phone-card { width: min(300px, 86vw); border-radius: 34px; padding: 12px; } .niva-instagram-follow-section .niva-phone-frame { border-radius: 25px; border-width: 7px; } .niva-instagram-follow-section .niva-floating-badge { right: -4px; top: 22px; transform: scale(0.9); } .niva-instagram-follow-section .niva-bottom-badge { left: -5px; bottom: 14px; transform: scale(0.9); } .niva-instagram-follow-section .niva-gold-orbit { width: 280px; height: 280px; } }/* End custom CSS */ /* Start local fonts styles */ @font-face { font-family: 'Philosopher Local'; font-weight: 400; font-style: normal; src: url('//nivaesthetic.com/wp-content/uploads/elementor/cmsmasters-local-fonts/philosopher_local/Philosopher-Regular.woff2') format('woff2'), url('//nivaesthetic.com/wp-content/uploads/elementor/cmsmasters-local-fonts/philosopher_local/Philosopher-Regular.woff') format('woff'); } @font-face { font-family: 'Philosopher Local'; font-weight: 700; font-style: normal; src: url('//nivaesthetic.com/wp-content/uploads/elementor/cmsmasters-local-fonts/philosopher_local/Philosopher-Bold.woff2') format('woff2'), url('//nivaesthetic.com/wp-content/uploads/elementor/cmsmasters-local-fonts/philosopher_local/Philosopher-Bold.woff') format('woff'); } /* End local fonts styles */