.elementor-5034 .elementor-element.elementor-element-6ef6051 > .elementor-container{min-height:474px;}.elementor-5034 .elementor-element.elementor-element-6ef6051{padding:0px 0px 0px 0px;}.elementor-5034 .elementor-element.elementor-element-c40d784 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-5034 .elementor-element.elementor-element-49ace88 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-5034 .elementor-element.elementor-element-02e4aa3{padding:20px 0px 20px 0px;}.elementor-5034 .elementor-element.elementor-element-db8664d ul.categories li.category{margin-left:calc(20px / 2);margin-right:calc(20px / 2);margin-bottom:20px;}.elementor-5034 .elementor-element.elementor-element-db8664d ul.categories li.category-item{margin-left:calc(20px / 2);margin-right:calc(20px / 2);margin-bottom:calc(20px - 1px);}.elementor-5034 .elementor-element.elementor-element-db8664d .categories-wrap ul.categories > li{margin-left:calc(20px / 2);margin-right:calc(20px / 2);margin-bottom:calc(20px - 1px);}.elementor-5034 .elementor-element.elementor-element-db8664d ul.categories{margin-left:calc(20px / -2);margin-right:calc(20px / -2);}.elementor-5034 .elementor-element.elementor-element-db8664d .cat-image{width:30%;}.elementor-5034 .elementor-element.elementor-element-db8664d .splide .splide__arrow{opacity:0;}.elementor-5034 .elementor-element.elementor-element-db8664d .splide:hover .splide__arrow{opacity:1;}.elementor-5034 .elementor-element.elementor-element-db8664d .splide .splide__arrow--next{top:35%;bottom:unset;left:unset;right:0px;}.elementor-5034 .elementor-element.elementor-element-db8664d .splide .splide__arrow--prev{top:35%;bottom:unset;left:0px;right:unset;}.elementor-5034 .elementor-element.elementor-element-e693676{padding:0px 0px 0px 0px;}.elementor-5034 .elementor-element.elementor-element-5715763 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-5034 .elementor-element.elementor-element-82b951e{text-align:start;}.elementor-5034 .elementor-element.elementor-element-e18193e{text-align:start;}.elementor-5034 .elementor-element.elementor-element-1b58782{text-align:start;}.elementor-5034 .elementor-element.elementor-element-86ec65a > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-5034 .elementor-element.elementor-element-ffd00c8{width:100%;max-width:100%;}.elementor-5034 .elementor-element.elementor-element-ffd00c8 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-5034 .elementor-element.elementor-element-c1e170c{text-align:start;}.elementor-5034 .elementor-element.elementor-element-9b75401{text-align:start;}.elementor-5034 .elementor-element.elementor-element-40a5a36{text-align:start;}.elementor-5034 .elementor-element.elementor-element-7bc2aad{text-align:center;}.elementor-5034 .elementor-element.elementor-element-9c63e12 .elementor-brand-wrapper .row{justify-content:center;}.elementor-5034 .elementor-element.elementor-element-9c63e12 .elementor-brand-image a:hover img, .elementor-5034 .elementor-element.elementor-element-9c63e12 .elementor-brand-image a:hover i, .elementor-5034 .elementor-element.elementor-element-9c63e12 .elementor-brand-image a:hover svg{opacity:1;}.elementor-5034 .elementor-element.elementor-element-9c63e12 .splide .splide__arrow{opacity:0;}.elementor-5034 .elementor-element.elementor-element-9c63e12 .splide:hover .splide__arrow{opacity:1;}.elementor-5034 .elementor-element.elementor-element-9c63e12 .splide .splide__arrow--next{top:35%;bottom:unset;left:unset;right:0px;}.elementor-5034 .elementor-element.elementor-element-9c63e12 .splide .splide__arrow--prev{top:35%;bottom:unset;left:0px;right:unset;}.elementor-5034 .elementor-element.elementor-element-79dcf4d{text-align:start;}.elementor-5034 .elementor-element.elementor-element-2add7e4 > .elementor-widget-container{padding:0px 0px 31px 0px;}.elementor-5034 .elementor-element.elementor-element-9128e89 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-5034 .elementor-element.elementor-element-b447cb3{text-align:start;}.elementor-5034 .elementor-element.elementor-element-3a0848c{text-align:start;}.elementor-5034 .elementor-element.elementor-element-96c7b55 .item-box{text-align:center;}.elementor-5034 .elementor-element.elementor-element-96c7b55 .elementor-testimonial-image img{border-radius:0px 0px 0px 0px;}.elementor-5034 .elementor-element.elementor-element-96c7b55 .splide .splide__arrow{opacity:0;}.elementor-5034 .elementor-element.elementor-element-96c7b55 .splide:hover .splide__arrow{opacity:1;}.elementor-5034 .elementor-element.elementor-element-96c7b55 .splide .splide__arrow--next{top:35%;bottom:unset;left:unset;right:0px;}.elementor-5034 .elementor-element.elementor-element-96c7b55 .splide .splide__arrow--prev{top:35%;bottom:unset;left:0px;right:unset;}.elementor-5034 .elementor-element.elementor-element-16f578d > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-5034 .elementor-element.elementor-element-f1f273f > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-5034 .elementor-element.elementor-element-c1dd7e4 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-5034 .elementor-element.elementor-element-ab5a28d{text-align:start;}.elementor-5034 .elementor-element.elementor-element-87437bb{text-align:start;}.elementor-5034 .elementor-element.elementor-element-8264141{text-align:start;}.elementor-5034 .elementor-element.elementor-element-4d6896c{padding:0px 0px 0px 0px;}.elementor-5034 .elementor-element.elementor-element-996e1d2{text-align:start;}.elementor-5034 .elementor-element.elementor-element-5a89cd4{text-align:start;}.elementor-5034 .elementor-element.elementor-element-6a37301{text-align:start;}.elementor-5034 .elementor-element.elementor-element-2d31afd{text-align:start;}.elementor-5034 .elementor-element.elementor-element-c9caf36{--grid-template-columns:repeat(0, auto);--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-5034 .elementor-element.elementor-element-c9caf36 .elementor-widget-container{text-align:center;}.elementor-5034 .elementor-element.elementor-element-2b6c287{text-align:start;}.elementor-5034 .elementor-element.elementor-element-8196b24{text-align:start;}.elementor-5034 .elementor-element.elementor-element-19d061b{text-align:start;}.elementor-5034 .elementor-element.elementor-element-7c077a7 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-5034 .elementor-element.elementor-element-7c077a7 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-5034 .elementor-element.elementor-element-7c077a7 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-5034 .elementor-element.elementor-element-7c077a7 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-5034 .elementor-element.elementor-element-7c077a7 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-5034 .elementor-element.elementor-element-7c077a7 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-5034 .elementor-element.elementor-element-7c077a7 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-5034 .elementor-element.elementor-element-7c077a7 .elementor-field-type-html{padding-bottom:0px;}.elementor-5034 .elementor-element.elementor-element-7c077a7 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-5034 .elementor-element.elementor-element-7c077a7 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-5034 .elementor-element.elementor-element-7c077a7 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-5034 .elementor-element.elementor-element-7c077a7 .elementor-button[type="submit"]{color:#ffffff;}.elementor-5034 .elementor-element.elementor-element-7c077a7 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-5034 .elementor-element.elementor-element-7c077a7 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-5034 .elementor-element.elementor-element-7c077a7 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-5034 .elementor-element.elementor-element-7c077a7 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-5034 .elementor-element.elementor-element-7c077a7 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-5034 .elementor-element.elementor-element-7c077a7 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-5034 .elementor-element.elementor-element-7c077a7{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(max-width:767px){.elementor-5034 .elementor-element.elementor-element-e88ea83{padding:0px 0px 0px 0px;}.elementor-5034 .elementor-element.elementor-element-579eb97 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-5034 .elementor-element.elementor-element-6a5b74a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-5034 .elementor-element.elementor-element-1b25d23{padding:0px 0px 0px 0px;}.elementor-5034 .elementor-element.elementor-element-b647fc6 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-5034 .elementor-element.elementor-element-79dcf4d{text-align:start;}.elementor-5034 .elementor-element.elementor-element-d7b8ab1{text-align:start;}.elementor-5034 .elementor-element.elementor-element-2add7e4{text-align:start;}.elementor-5034 .elementor-element.elementor-element-b447cb3{text-align:start;}.elementor-5034 .elementor-element.elementor-element-7834071{text-align:start;}.elementor-5034 .elementor-element.elementor-element-3a0848c{text-align:start;}}@media(min-width:768px){.elementor-5034 .elementor-element.elementor-element-fc98be7{width:42.782%;}.elementor-5034 .elementor-element.elementor-element-86ec65a{width:57.218%;}.elementor-5034 .elementor-element.elementor-element-579eb97{width:58.099%;}.elementor-5034 .elementor-element.elementor-element-6d3c496{width:41.858%;}.elementor-5034 .elementor-element.elementor-element-c53fbc7{width:50.673%;}.elementor-5034 .elementor-element.elementor-element-0fa124e{width:19.944%;}.elementor-5034 .elementor-element.elementor-element-3c893ec{width:29.02%;}}/* Start custom CSS for section, class: .elementor-element-6ef6051 *//* ========================================================= UJJWAL MEDICAL DEVICES HERO SLIDER — BACKGROUND IMAGE VERSION PREMIUM MEDICAL UI FIXED SLIDE VISIBILITY RESPONSIVE HTML CHANGE NOT REQUIRED SCOPE: ONLY #uj-hero-slider-49ace88 ========================================================= */ /* ========================================================= ROOT ========================================================= */ #uj-hero-slider-49ace88 { --uj-blue: #0877d1; --uj-dark-blue: #063b68; --uj-cyan: #18b8e8; --uj-text: #12344d; --uj-muted: #60788c; /* ========================================== YOUR BACKGROUND IMAGE WordPress Media Library URL yahan paste karo ========================================== */ --uj-hero-bg: url("PASTE-YOUR-BACKGROUND-IMAGE-URL-HERE"); position: relative; width: 100%; min-height: 610px !important; overflow: hidden; isolation: isolate; background-color: #f7fbff; /* Background image full hero ko cover karegi */ background-image: var(--uj-hero-bg); background-size: cover; background-position: center center; background-repeat: no-repeat; } .uj-hero-slider { position: relative; width: 100%; height: 600px !important; overflow: hidden; background: #f7fbff; isolation: isolate; } /* ========================================================= SOFT MEDICAL LIGHT OVERLAY Background image visible rahegi ========================================================= */ #uj-hero-slider-49ace88::before { content: ""; position: absolute; inset: 0; background: linear-gradient( 90deg, rgba(255,255,255,.78) 0%, rgba(255,255,255,.52) 38%, rgba(255,255,255,.16) 68%, rgba(255,255,255,.05) 100% ); pointer-events: none; z-index: -1; } /* ========================================================= BOTTOM / SIDE SOFT LIGHT ========================================================= */ #uj-hero-slider-49ace88::after { content: ""; position: absolute; inset: 0; background: radial-gradient( circle at 78% 48%, rgba(24,184,232,.10), transparent 32% ), radial-gradient( circle at 5% 100%, rgba(8,119,209,.07), transparent 28% ); pointer-events: none; z-index: -1; } /* ========================================================= SLIDER WRAPPER ========================================================= */ #uj-hero-slider-49ace88 .uj-hero-slider { position: relative; width: 100%; height: 610px !important; } /* ========================================================= TRACK ========================================================= */ #uj-hero-slider-49ace88 .uj-hero-slider__track { position: relative; width: 100%; height: 610px; overflow: hidden; } /* ========================================================= SLIDES ========================================================= */ #uj-hero-slider-49ace88 .uj-hero-slide { position: absolute; inset: 0; width: 100%; height: 610px; opacity: 0; visibility: hidden; pointer-events: none; transform: translateX(35px) scale(.985); transition: opacity .65s ease, transform .75s cubic-bezier(.22,.61,.36,1), visibility 0s linear .65s; z-index: 1; /* Background har slide ko full cover karega */ background-image: var(--uj-hero-bg); background-size: cover; background-position: center center; background-repeat: no-repeat; } /* ========================================================= ACTIVE SLIDE ========================================================= */ #uj-hero-slider-49ace88 .uj-hero-slide.is-active, #uj-hero-slider-49ace88 .uj-hero-slide.active { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(0) scale(1); transition: opacity .65s ease, transform .75s cubic-bezier(.22,.61,.36,1), visibility 0s linear 0s; z-index: 10; } /* ========================================================= SLIDE OVERLAY IMPORTANT: Existing white overlay ko subtle rakha hai taaki background image hide na ho ========================================================= */ #uj-hero-slider-49ace88 .uj-hero-slide__overlay { position: absolute; inset: 0; background: linear-gradient( 90deg, rgba(255,255,255,.42) 0%, rgba(255,255,255,.26) 38%, rgba(255,255,255,.08) 68%, rgba(255,255,255,0) 100% ); pointer-events: none; z-index: 1; } /* ========================================================= CONTAINER ========================================================= */ #uj-hero-slider-49ace88 .uj-hero-slide__container { position: relative; width: min(1380px, 92%); height: 610px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 0; z-index: 3; } /* ========================================================= LEFT CONTENT ========================================================= */ #uj-hero-slider-49ace88 .uj-hero-slide__content { position: relative; width: 100%; box-sizing: border-box; padding: 0px 45px 65px 10px; z-index: 5; } /* ========================================================= LOGO ========================================================= */ #uj-hero-slider-49ace88 .uj-hero-slide__logo { display: flex; align-items: center; width: fit-content; /*min-height: 52px;*/ /*margin-bottom: 18px;*/ /*padding: 8px 16px;*/ /*border-radius: 14px;*/ /*background:*/ /* rgba(255,255,255,.88);*/ /*border:*/ /* 1px solid rgba(8,119,209,.10);*/ /*box-shadow:*/ /* 0 8px 28px rgba(13,71,112,.07);*/ /*backdrop-filter:*/ /* blur(12px);*/ /*opacity: 0;*/ /*transform:*/ /* translateY(20px);*/ } #uj-hero-slider-49ace88 .uj-hero-slide.is-active .uj-hero-slide__logo, #uj-hero-slider-49ace88 .uj-hero-slide.active .uj-hero-slide__logo { animation: ujHeroFadeUp .7s .12s cubic-bezier(.22,.61,.36,1) forwards; } #uj-hero-slider-49ace88 .uj-hero-slide__logo img { display: block; width: auto; max-width: 175px; max-height: 52px; object-fit: contain; } /* ========================================================= EYEBROW ========================================================= */ #uj-hero-slider-49ace88 .uj-hero-slide__eyebrow { position: relative; width: fit-content; margin-bottom: 13px; padding-left: 18px; color:black; font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 12px; font-weight: 500; letter-spacing: 1.3px; line-height: 1.5; text-transform: uppercase; opacity: 0; transform: translateY(20px); } #uj-hero-slider-49ace88 .uj-hero-slide__eyebrow::before { content: ""; position: absolute; left: 0; top: 50%; width: 5px; height: 20px; border-radius: 10px; background: linear-gradient( 180deg, var(--uj-cyan), var(--uj-blue) ); transform: translateY(-50%); } #uj-hero-slider-49ace88 .uj-hero-slide.is-active .uj-hero-slide__eyebrow, #uj-hero-slider-49ace88 .uj-hero-slide.active .uj-hero-slide__eyebrow { animation: ujHeroFadeUp .7s .22s cubic-bezier(.22,.61,.36,1) forwards; } /* ========================================================= HEADING ========================================================= */ #uj-hero-slider-49ace88 .uj-hero-slide__heading { margin: 0 0 8px; color: var(--uj-text); font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: clamp(40px, 4vw, 62px); font-weight: 800; line-height: 1.05; letter-spacing: -2px; opacity: 0; transform: translateY(28px); } #uj-hero-slider-49ace88 .uj-hero-slide.is-active .uj-hero-slide__heading, #uj-hero-slider-49ace88 .uj-hero-slide.active .uj-hero-slide__heading { animation: ujHeroFadeUp .8s .30s cubic-bezier(.22,.61,.36,1) forwards; } /* ========================================================= HIGHLIGHT ========================================================= */ #uj-hero-slider-49ace88 .uj-hero-slide__highlight { display: inline-block; margin: 0 0 17px; color: transparent; background: linear-gradient( 90deg, var(--uj-blue), var(--uj-cyan) ); -webkit-background-clip: text; background-clip: text; font-family: Inter, system-ui, sans-serif; font-size: clamp(21px, 2.15vw, 30px); font-weight: 750; line-height: 1.2; letter-spacing: -.6px; opacity: 0; transform: translateY(24px); } #uj-hero-slider-49ace88 .uj-hero-slide.is-active .uj-hero-slide__highlight, #uj-hero-slider-49ace88 .uj-hero-slide.active .uj-hero-slide__highlight { animation: ujHeroFadeUp .75s .40s cubic-bezier(.22,.61,.36,1) forwards; } /* ========================================================= DESCRIPTION ========================================================= */ #uj-hero-slider-49ace88 .uj-hero-slide__description { width: 100%; max-width: 580px; margin: 0px; color: var(--uj-muted); font-family: Inter, system-ui, sans-serif; font-size: 15px; font-weight: 450; line-height: 1.75; opacity: 0; transform: translateY(22px); } #uj-hero-slider-49ace88 .uj-hero-slide.is-active .uj-hero-slide__description, #uj-hero-slider-49ace88 .uj-hero-slide.active .uj-hero-slide__description { animation: ujHeroFadeUp .75s .50s cubic-bezier(.22,.61,.36,1) forwards; } /* ========================================================= FEATURES ========================================================= */ #uj-hero-slider-49ace88 .uj-hero-slide__features { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 26px; } /* ========================================================= BUTTONS ========================================================= */ #uj-hero-slider-49ace88 .uj-hero-slide__buttons { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; opacity: 0; transform: translateY(22px); } #uj-hero-slider-49ace88 .uj-hero-slide.is-active .uj-hero-slide__buttons, #uj-hero-slider-49ace88 .uj-hero-slide.active .uj-hero-slide__buttons { animation: ujHeroFadeUp .75s .62s cubic-bezier(.22,.61,.36,1) forwards; } /* ========================================================= BUTTON BASE ========================================================= */ #uj-hero-slider-49ace88 .uj-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 22px; border-radius: 12px; font-family: Inter, system-ui, sans-serif; font-size: 13px; font-weight: 750; text-decoration: none; overflow: hidden; transition: transform .3s ease, box-shadow .3s ease, background .3s ease, border-color .3s ease; isolation: isolate; } /* ========================================================= PRIMARY BUTTON ========================================================= */ #uj-hero-slider-49ace88 .uj-btn--primary { color: #fff; background: linear-gradient( 135deg, #0877d1, #0b9dd8 ); border: 1px solid transparent; box-shadow: 0 12px 28px rgba(8,119,209,.22); } #uj-hero-slider-49ace88 .uj-btn--primary::before { content: ""; position: absolute; inset: 0; background: linear-gradient( 110deg, transparent 20%, rgba(255,255,255,.32) 48%, transparent 75% ); transform: translateX(-120%); transition: transform .6s ease; z-index: -1; } #uj-hero-slider-49ace88 .uj-btn--primary:hover { transform: translateY(-3px); box-shadow: 0 16px 35px rgba(8,119,209,.30); } #uj-hero-slider-49ace88 .uj-btn--primary:hover::before { transform: translateX(120%); } #uj-hero-slider-49ace88 .uj-btn--primary span { margin-left: 10px; font-size: 18px; transition: transform .3s ease; } #uj-hero-slider-49ace88 .uj-btn--primary:hover span { transform: translateX(4px); } /* ========================================================= SECONDARY BUTTON ========================================================= */ #uj-hero-slider-49ace88 .uj-btn--secondary { color: var(--uj-dark-blue); background: rgba(255,255,255,.76); border: 1px solid rgba(8,119,209,.20); box-shadow: 0 8px 22px rgba(13,71,112,.06); backdrop-filter: blur(10px); } #uj-hero-slider-49ace88 .uj-btn--secondary:hover { color: var(--uj-blue); background: #fff; border-color: rgba(8,119,209,.38); transform: translateY(-3px); box-shadow: 0 12px 28px rgba(13,71,112,.11); } /* ========================================================= RIGHT MEDIA ========================================================= */ #uj-hero-slider-49ace88 .uj-hero-slide__media { position: relative; width: 100%; height: 100%; min-height: 610px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; z-index: 2; } /* ========================================================= MAIN IMAGE ========================================================= */ #uj-hero-slider-49ace88 .uj-hero-slide__main-media { position: absolute; width: 100%; max-width: 650px; height: auto; max-height: 580px; object-fit: contain; object-position: center; right: 0; opacity: 0; transform: translateX(45px) scale(.96); filter: drop-shadow( 0 25px 40px rgba(7,61,99,.10) ); z-index: 2; } #uj-hero-slider-49ace88 .uj-hero-slide.is-active .uj-hero-slide__main-media, #uj-hero-slider-49ace88 .uj-hero-slide.active .uj-hero-slide__main-media { animation: ujHeroMediaIn 1s .12s cubic-bezier(.22,.61,.36,1) forwards; } /* ========================================================= PRODUCT IMAGE ========================================================= */ #uj-hero-slider-49ace88 .uj-hero-slide__product { position: absolute; width: min(192px, 70%); max-height: 500px; height: auto; object-fit: contain; right: 85%; bottom: 65%; z-index: 4; opacity: 0; transform: translateY(45px) scale(.92); filter: drop-shadow( 0 28px 30px rgba(5,61,97,.19) ); } #uj-hero-slider-49ace88 .uj-hero-slide.is-active .uj-hero-slide__product, #uj-hero-slider-49ace88 .uj-hero-slide.active .uj-hero-slide__product { animation: ujHeroProductIn 1s .30s cubic-bezier(.22,.61,.36,1) forwards; } /* ========================================================= IMAGE GLOW ========================================================= */ #uj-hero-slider-49ace88 .uj-hero-slide__media::before { content: ""; position: absolute; width: 390px; height: 390px; right: 9%; top: 50%; border-radius: 50%; background: radial-gradient( circle, rgba(24,184,232,.14) 0%, rgba(8,119,209,.06) 42%, transparent 72% ); transform: translateY(-50%); filter: blur(5px); z-index: 0; animation: ujHeroGlow 6s ease-in-out infinite; } /* ========================================================= DOT GRID ========================================================= */ #uj-hero-slider-49ace88 .uj-hero-slide__media::after { content: ""; position: absolute; width: 300px; height: 300px; right: -40px; top: 25px; opacity: .25; background-image: radial-gradient( rgba(8,119,209,.35) 1px, transparent 1px ); background-size: 16px 16px; mask-image: radial-gradient( circle, black 10%, transparent 72% ); -webkit-mask-image: radial-gradient( circle, black 10%, transparent 72% ); pointer-events: none; z-index: 0; } /* ========================================================= DOT NAVIGATION ========================================================= */ #uj-hero-slider-49ace88 .uj-slider-dots { position: absolute; left: 50%; bottom: 25px; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; gap: 8px; z-index: 50; padding: 8px 12px; border-radius: 30px; background: rgba(255,255,255,.80); border: 1px solid rgba(8,119,209,.10); box-shadow: 0 8px 25px rgba(13,71,112,.08); backdrop-filter: blur(12px); } #uj-hero-slider-49ace88 .uj-slider-dot { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 50%; background: #c5d9e6; cursor: pointer; transition: width .35s ease, background .35s ease, transform .35s ease; } #uj-hero-slider-49ace88 .uj-slider-dot:hover { transform: scale(1.25); background: #65b8df; } #uj-hero-slider-49ace88 .uj-slider-dot.is-active { width: 28px; border-radius: 20px; background: linear-gradient( 90deg, var(--uj-blue), var(--uj-cyan) ); box-shadow: 0 3px 10px rgba(8,119,209,.22); } /* ========================================================= ANIMATIONS ========================================================= */ @keyframes ujHeroFadeUp { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: translateY(0); } } @keyframes ujHeroMediaIn { from { opacity: 0; transform: translateX(55px) scale(.94); } to { opacity: 1; transform: translateX(0) scale(1); } } @keyframes ujHeroProductIn { from { opacity: 0; transform: translateY(50px) scale(.90); } to { opacity: 1; transform: translateY(0) scale(1); } } @keyframes ujHeroGlow { 0%, 100% { transform: translateY(-50%) scale(1); opacity: .7; } 50% { transform: translateY(-50%) scale(1.08); opacity: 1; } } /* ========================================================= LAPTOP ========================================================= */ @media (max-width: 1200px) { #uj-hero-slider-49ace88, #uj-hero-slider-49ace88 .uj-hero-slider, #uj-hero-slider-49ace88 .uj-hero-slider__track, #uj-hero-slider-49ace88 .uj-hero-slide, #uj-hero-slider-49ace88 .uj-hero-slide__container { min-height: 570px; } #uj-hero-slider-49ace88 .uj-hero-slider, #uj-hero-slider-49ace88 .uj-hero-slider__track, #uj-hero-slider-49ace88 .uj-hero-slide, #uj-hero-slider-49ace88 .uj-hero-slide__container { height: 570px !important; } #uj-hero-slider-49ace88 .uj-hero-slide__container { width: 94%; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } #uj-hero-slider-49ace88 .uj-hero-slide__content { padding: 50px 35px 55px 5px; } #uj-hero-slider-49ace88 .uj-hero-slide__main-media { max-width: 580px; } #uj-hero-slider-49ace88 .uj-hero-slide__product { width: 125px; right: 5%; } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { #uj-hero-slider-49ace88, #uj-hero-slider-49ace88 .uj-hero-slider, #uj-hero-slider-49ace88 .uj-hero-slider__track, #uj-hero-slider-49ace88 .uj-hero-slide, #uj-hero-slider-49ace88 .uj-hero-slide__container { min-height: 720px; height: 720px !important; } #uj-hero-slider-49ace88 .uj-hero-slide { background-position: center center; } #uj-hero-slider-49ace88 .uj-hero-slide__container { width: 92%; display: flex; flex-direction: column; justify-content: flex-start; padding-top: 35px; } #uj-hero-slider-49ace88 .uj-hero-slide__content { width: 100%; max-width: 720px; padding: 0; text-align: center; } #uj-hero-slider-49ace88 .uj-hero-slide__logo { margin-left: auto; margin-right: auto; } #uj-hero-slider-49ace88 .uj-hero-slide__eyebrow { margin-left: auto; margin-right: auto; padding-left: 0; } #uj-hero-slider-49ace88 .uj-hero-slide__eyebrow::before { display: none; } #uj-hero-slider-49ace88 .uj-hero-slide__description { margin-left: auto; margin-right: auto; } #uj-hero-slider-49ace88 .uj-hero-slide__buttons { justify-content: center; } #uj-hero-slider-49ace88 .uj-hero-slide__media { width: 100%; min-height: 340px; flex: 1; } #uj-hero-slider-49ace88 .uj-hero-slide__main-media { width: 470px; max-height: 390px; right: 50%; transform: translateX(50%) translateY(20px) scale(.96); } #uj-hero-slider-49ace88 .uj-hero-slide.is-active .uj-hero-slide__main-media, #uj-hero-slider-49ace88 .uj-hero-slide.active .uj-hero-slide__main-media { animation: ujHeroTabletMedia 1s .12s cubic-bezier(.22,.61,.36,1) forwards; } #uj-hero-slider-49ace88 .uj-hero-slide__product { width: 230px; max-height: 330px; right: 0%; bottom: 3%; transform: translateX(50%) translateY(35px) scale(.92); } #uj-hero-slider-49ace88 .uj-hero-slide__media::before { width: 300px; height: 300px; right: 50%; transform: translate(50%, -50%); } } @keyframes ujHeroTabletMedia { from { opacity: 0; transform: translateX(50%) translateY(35px) scale(.94); } to { opacity: 1; transform: translateX(50%) translateY(0) scale(1); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 600px) { #uj-hero-slider-49ace88, #uj-hero-slider-49ace88 .uj-hero-slider, #uj-hero-slider-49ace88 .uj-hero-slider__track, #uj-hero-slider-49ace88 .uj-hero-slide, #uj-hero-slider-49ace88 .uj-hero-slide__container { min-height: 700px; height: 700px !important; } #uj-hero-slider-49ace88 .uj-hero-slide { background-position: center center; } #uj-hero-slider-49ace88 .uj-hero-slide__container { width: 91%; padding-top: 30px; } #uj-hero-slider-49ace88 .uj-hero-slide__logo { min-height: 43px; margin-bottom: 0px; padding: 6px 13px; border-radius: 11px; } #uj-hero-slider-49ace88 .uj-hero-slide__logo img { max-width: 135px; max-height: 42px; } #uj-hero-slider-49ace88 .uj-hero-slide__eyebrow { margin-bottom: 10px; font-size: 12px; letter-spacing: .9px; } #uj-hero-slider-49ace88 .uj-hero-slide__heading { margin-bottom: 7px; font-size: clamp(31px, 9vw, 42px); line-height: 1.2; letter-spacing: 1px; } #uj-hero-slider-49ace88 .uj-hero-slide__highlight { margin-bottom: 12px; font-size: clamp(18px, 5vw, 23px); line-height: 1.15; } #uj-hero-slider-49ace88 .uj-hero-slide__description { /*margin-bottom: 18px;*/ font-size: 12.5px; line-height: 1.6; } #uj-hero-slider-49ace88 .uj-hero-slide__buttons { width: 100%; justify-content: center; gap: 9px; } #uj-hero-slider-49ace88 .uj-btn { min-height: 44px; padding: 0 15px; border-radius: 10px; font-size: 11px; } #uj-hero-slider-49ace88 .uj-hero-slide__media { min-height: 340px; margin-top: 0; } #uj-hero-slider-49ace88 .uj-hero-slide__main-media { width: 390px; max-width: 115%; max-height: 330px; } #uj-hero-slider-49ace88 .uj-hero-slide__product { width: 180px; max-width: 25%; max-height: 285px; bottom: 69%; } #uj-hero-slider-49ace88 .uj-hero-slide__media::before { width: 250px; height: 250px; } #uj-hero-slider-49ace88 .uj-slider-dots { bottom: 13px; gap: 7px; padding: 7px 10px; } #uj-hero-slider-49ace88 .uj-slider-dot { width: 7px; height: 7px; } #uj-hero-slider-49ace88 .uj-slider-dot.is-active { width: 23px; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 400px) { #uj-hero-slider-49ace88, #uj-hero-slider-49ace88 .uj-hero-slider, #uj-hero-slider-49ace88 .uj-hero-slider__track, #uj-hero-slider-49ace88 .uj-hero-slide, #uj-hero-slider-49ace88 .uj-hero-slide__container { min-height: 670px; height: 670px !important; } #uj-hero-slider-49ace88 .uj-hero-slide__container { padding-top: 0px; } #uj-hero-slider-49ace88 .uj-hero-slide__heading { font-size: 30px; } #uj-hero-slider-49ace88 .uj-hero-slide__highlight { font-size: 21px; } #uj-hero-slider-49ace88 .uj-hero-slide__description { font-size: 15px; } #uj-hero-slider-49ace88 .uj-btn { min-height: 41px; padding: 0 12px; font-size: 10px; } #uj-hero-slider-49ace88 .uj-hero-slide__media { min-height: 310px; } #uj-hero-slider-49ace88 .uj-hero-slide__main-media { width: 350px; } #uj-hero-slider-49ace88 .uj-hero-slide__product { width: 165px; } } /* ========================================================= ACCESSIBILITY ========================================================= */ @media (prefers-reduced-motion: reduce) { #uj-hero-slider-49ace88 *, #uj-hero-slider-49ace88 *::before, #uj-hero-slider-49ace88 *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-dee4c17 *//* CATEGORY HEADING */ .elementor-element-dee4c17{ padding:20px 20px 30px !important; text-align:center !important; background:#fff; } .elementor-element-dee4c17 .elementor-widget-wrap{ display:flex !important; flex-direction:column !important; align-items:center !important; text-align:center !important; } /* HEADING */ .elementor-element-dee4c17 .elementor-element-c97ba41 h2{ margin:0 0 12px !important; color:#123b61 !important; font-family:Georgia,"Times New Roman",serif !important; font-size:40px !important; line-height:1.2 !important; font-weight:700 !important; } /* BLUE LINE */ .elementor-element-dee4c17 .elementor-element-c97ba41 h2:after{ content:""; display:block; width:55px; height:3px; margin:14px auto 0; border-radius:10px; background:linear-gradient(90deg,#0878d1,#35aef0); } /* SUBTEXT */ .elementor-element-dee4c17 .elementor-element-0fd8498 p{ max-width:700px !important; margin:0 auto !important; color:#668099 !important; font-family:Arial,sans-serif !important; font-size:15px !important; line-height:1.6 !important; } /* MOBILE */ @media(max-width:767px){ .elementor-element-dee4c17{ padding:38px 15px 25px !important; } .elementor-element-dee4c17 .elementor-element-c97ba41 h2{ font-size:28px !important; } .elementor-element-dee4c17 .elementor-element-0fd8498 p{ font-size:13px !important; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-899b5a5 *//* ========================================================= UJJWAL MEDICAL DEVICES PREMIUM CATEGORY UI SECTION: .elementor-element-899b5a5 HTML CHANGE: NOT REQUIRED ========================================================= */ .elementor-element-899b5a5 { --uj-blue: #0877d1; --uj-blue-dark: #005fae; --uj-text: #263445; --uj-border: #e3e9ef; width: 100% !important; position: relative !important; overflow: hidden !important; } /* ========================================================= REMOVE DEFAULT ELEMENTOR SPACING ========================================================= */ .elementor-element-899b5a5 .elementor-widget-wrap { padding: 0 !important; } .elementor-element-899b5a5 .elementor-widget-container { width: 100% !important; } /* ========================================================= CATEGORY WRAPPER ========================================================= */ .elementor-element-899b5a5 .woocommerce.categories-wrap { width: 100% !important; padding: 8px 0 18px !important; overflow: hidden !important; } /* ========================================================= DESKTOP GRID ========================================================= */ .elementor-element-899b5a5 ul.products.categories { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 24px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; transform: none !important; transition: none !important; box-sizing: border-box !important; } /* ========================================================= DESKTOP CARD ========================================================= */ .elementor-element-899b5a5 ul.products.categories > li.product.category { position: relative !important; display: flex !important; flex-direction: column !important; width: auto !important; min-width: 0 !important; height: 270px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: linear-gradient( 180deg, #ffffff 0%, #fbfdff 100% ) !important; border: 1px solid #e1e7ed !important; border-radius: 16px !important; box-shadow: 0 7px 25px rgba(15, 35, 55, .065) !important; box-sizing: border-box !important; transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease !important; } /* ========================================================= TOP BLUE ACCENT ========================================================= */ .elementor-element-899b5a5 ul.products.categories > li.product.category::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 3px !important; background: linear-gradient( 90deg, #0877d1, #4cb5ff, #0877d1 ) !important; transform: scaleX(0) !important; transform-origin: center !important; transition: transform .4s ease !important; z-index: 5 !important; } .elementor-element-899b5a5 ul.products.categories > li.product.category:hover { transform: translateY(-6px) !important; border-color: rgba(8,119,209,.28) !important; box-shadow: 0 18px 42px rgba(8,119,209,.13) !important; } .elementor-element-899b5a5 ul.products.categories > li.product.category:hover::before { transform: scaleX(1) !important; } /* ========================================================= IMAGE AREA ========================================================= */ .elementor-element-899b5a5 .cat-image { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 195px !important; padding: 10px 25px 4px !important; box-sizing: border-box !important; overflow: hidden !important; background: radial-gradient( circle at center, rgba(8,119,209,.10) 0%, rgba(8,119,209,.055) 28%, rgba(8,119,209,.018) 52%, rgba(255,255,255,0) 75% ) !important; } /* ========================================================= IMAGE SOFT CIRCLE ========================================================= */ .elementor-element-899b5a5 .cat-image::before { content: "" !important; position: absolute !important; width: 175px !important; height: 175px !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; border-radius: 50% !important; background: radial-gradient( circle, rgba(8,119,209,.08), rgba(8,119,209,.025) 55%, transparent 72% ) !important; pointer-events: none !important; } /* ========================================================= IMAGE LINK ========================================================= */ .elementor-element-899b5a5 .cat-image .image-wrap { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; z-index: 2 !important; text-decoration: none !important; } /* ========================================================= IMAGE ========================================================= */ .elementor-element-899b5a5 .cat-image img { display: block !important; width: auto !important; max-width: 100% !important; height: 158px !important; max-height: 158px !important; object-fit: contain !important; margin: 0 auto !important; filter: drop-shadow( 0 9px 12px rgba(0,0,0,.10) ) !important; transform: scale(1) !important; transition: transform .5s cubic-bezier(.2,.8,.2,1), filter .5s ease !important; } /* ========================================================= IMAGE HOVER ========================================================= */ .elementor-element-899b5a5 ul.products.categories > li.product.category:hover .cat-image img { transform: scale(1.07) translateY(-3px) !important; filter: drop-shadow( 0 14px 18px rgba(8,119,209,.16) ) !important; } /* ========================================================= TITLE ========================================================= */ .elementor-element-899b5a5 .cat-title { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 75px !important; padding: 7px 18px 16px !important; box-sizing: border-box !important; text-align: center !important; } /* ========================================================= TITLE LINK ========================================================= */ .elementor-element-899b5a5 .cat-title a { position: relative !important; display: inline-block !important; color: #263445 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.35 !important; text-align: center !important; text-decoration: none !important; transition: color .3s ease !important; } .elementor-element-899b5a5 ul.products.categories > li.product.category:hover .cat-title a { color: #0877d1 !important; } /* ========================================================= UNDERLINE ========================================================= */ .elementor-element-899b5a5 .cat-title a::after { content: "" !important; position: absolute !important; left: 50% !important; bottom: -7px !important; width: 0 !important; height: 2px !important; border-radius: 20px !important; background: #0877d1 !important; transform: translateX(-50%) !important; transition: width .3s ease !important; } .elementor-element-899b5a5 ul.products.categories > li.product.category:hover .cat-title a::after { width: 34px !important; } /* ========================================================= DESCRIPTION ========================================================= */ .elementor-element-899b5a5 .category-description { display: none !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1100px) { .elementor-element-899b5a5 ul.products.categories { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 20px !important; } } /* ========================================================= MOBILE — ONE CARD AT A TIME ========================================================= */ @media (max-width: 767px) { .elementor-element-899b5a5 { width: 100% !important; overflow: hidden !important; } .elementor-element-899b5a5 .woocommerce.categories-wrap { width: 100% !important; max-width: 100% !important; padding: 8px 0 18px !important; overflow: hidden !important; box-sizing: border-box !important; } /* ===================================================== MOBILE TRACK IMPORTANT: NO !important ON TRANSFORM JS WILL CONTROL TRANSFORM ===================================================== */ .elementor-element-899b5a5 ul.products.categories { display: flex !important; flex-wrap: nowrap !important; justify-content: flex-start !important; align-items: stretch !important; gap: 0 !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 5px 0 12px !important; list-style: none !important; transform: translate3d(0,0,0); transition: transform .7s cubic-bezier(.22,.61,.36,1); will-change: transform; box-sizing: border-box !important; } /* ===================================================== ONE CARD = ONE FULL SLIDE ===================================================== */ .elementor-element-899b5a5 ul.products.categories > li.product.category { flex: 0 0 100% !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; height: 300px !important; margin: 0 !important; padding: 0 10px !important; box-sizing: border-box !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; transform: none !important; } /* ===================================================== MOBILE IMAGE CARD ===================================================== */ .elementor-element-899b5a5 ul.products.categories > li.product.category > .cat-image { width: 100% !important; height: 215px !important; padding: 5px 15px 0 !important; box-sizing: border-box !important; background: radial-gradient( circle at center, rgba(8,119,209,.12) 0%, rgba(8,119,209,.065) 30%, rgba(8,119,209,.018) 58%, rgba(255,255,255,0) 78% ) !important; border: 1px solid #e1e7ed !important; border-bottom: 0 !important; border-radius: 18px 18px 0 0 !important; box-shadow: 0 4px 18px rgba(15,35,55,.045) !important; overflow: hidden !important; } /* ===================================================== MOBILE SOFT CIRCLE ===================================================== */ .elementor-element-899b5a5 .cat-image::before { width: 205px !important; height: 205px !important; background: radial-gradient( circle, rgba(8,119,209,.095), rgba(8,119,209,.035) 55%, transparent 72% ) !important; } /* ===================================================== MOBILE IMAGE LINK ===================================================== */ .elementor-element-899b5a5 .cat-image .image-wrap { width: 100% !important; height: 100% !important; } /* ===================================================== MOBILE BIGGER IMAGE ===================================================== */ .elementor-element-899b5a5 .cat-image img { width: auto !important; max-width: 98% !important; height: 190px !important; max-height: 190px !important; object-fit: contain !important; margin: 0 auto !important; transform: scale(1) !important; filter: drop-shadow( 0 10px 14px rgba(0,0,0,.12) ) !important; } /* ===================================================== MOBILE TITLE CARD ===================================================== */ .elementor-element-899b5a5 ul.products.categories > li.product.category > .cat-title { width: 100% !important; height: 85px !important; min-height: 85px !important; margin: 0 !important; padding: 8px 15px 14px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; background: #ffffff !important; border: 1px solid #e1e7ed !important; border-top: 0 !important; border-radius: 0 0 18px 18px !important; box-shadow: 0 10px 25px rgba(20,45,70,.08) !important; } /* ===================================================== MOBILE TITLE ===================================================== */ .elementor-element-899b5a5 .cat-title a { display: block !important; width: 100% !important; color: #263445 !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.35 !important; text-align: center !important; text-decoration: none !important; } /* ===================================================== REMOVE MOBILE UNDERLINE ===================================================== */ .elementor-element-899b5a5 .cat-title a::after { display: none !important; } /* ===================================================== DISABLE HOVER TRANSFORM ===================================================== */ .elementor-element-899b5a5 ul.products.categories > li.product.category:hover { transform: none !important; box-shadow: none !important; } .elementor-element-899b5a5 ul.products.categories > li.product.category:hover .cat-image img { transform: scale(1) !important; } .elementor-element-899b5a5 .category-description { display: none !important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .elementor-element-899b5a5 ul.products.categories > li.product.category { height: 290px !important; padding: 0 8px !important; } .elementor-element-899b5a5 ul.products.categories > li.product.category > .cat-image { height: 205px !important; padding: 3px 12px 0 !important; } .elementor-element-899b5a5 .cat-image img { height: 182px !important; max-height: 182px !important; max-width: 99% !important; } .elementor-element-899b5a5 ul.products.categories > li.product.category > .cat-title { height: 85px !important; min-height: 85px !important; } .elementor-element-899b5a5 .cat-title a { font-size: 16px !important; line-height: 1.3 !important; } } /* ========================================================= VERY SMALL MOBILE ========================================================= */ @media (max-width: 360px) { .elementor-element-899b5a5 .cat-image img { height: 172px !important; max-height: 172px !important; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-4937e6d *//* ========================================================= UJJWAL MEDICAL DEVICES — PREMIUM HERO SECTION: 4937e6d HTML CHANGE: NONE ========================================================= */ .elementor-element-4937e6d{ position:relative !important; overflow:hidden !important; padding:65px 0 !important; background: radial-gradient(circle at 78% 48%,rgba(44,145,235,.16),transparent 34%), radial-gradient(circle at 100% 100%,rgba(91,178,245,.12),transparent 35%), linear-gradient(120deg,#f8fbff 0%,#ffffff 52%,#eef8ff 100%) !important; } /* ========================================================= BACKGROUND LIGHT ========================================================= */ .elementor-element-4937e6d::before{ content:"" !important; position:absolute !important; width:760px !important; height:760px !important; right:-160px !important; top:50% !important; transform:translateY(-50%) !important; border-radius:50% !important; background: radial-gradient( circle, rgba(255,255,255,.98) 0%, rgba(225,243,255,.82) 38%, rgba(180,222,250,.30) 62%, transparent 72% ) !important; filter:blur(.2px) !important; pointer-events:none !important; z-index:0 !important; animation:heroAura 8s ease-in-out infinite !important; } /* ========================================================= BACKGROUND RING / LIGHT WAVE ========================================================= */ .elementor-element-4937e6d::after{ content:"" !important; position:absolute !important; width:590px !important; height:590px !important; right:60px !important; top:50% !important; transform:translateY(-50%) !important; border:1px solid rgba(41,139,224,.14) !important; border-radius:50% !important; box-shadow: 0 0 0 35px rgba(55,151,231,.035), 0 0 0 75px rgba(55,151,231,.025), 0 0 80px rgba(55,151,231,.10) !important; pointer-events:none !important; z-index:0 !important; animation:ringPulse 7s ease-in-out infinite !important; } /* ========================================================= CONTAINER ========================================================= */ .elementor-element-4937e6d > .elementor-container{ position:relative !important; z-index:3 !important; max-width:1250px !important; margin:0 auto !important; align-items:center !important; } /* ========================================================= LEFT CONTENT ========================================================= */ .elementor-element-4937e6d .elementor-element-fc98be7{ padding:20px 35px 20px 0 !important; position:relative !important; z-index:5 !important; } /* ========================================================= TOP LABEL ========================================================= */ .elementor-element-4937e6d .elementor-element-82b951e{ margin:0 0 18px !important; } .elementor-element-4937e6d .elementor-element-82b951e .elementor-heading-title{ position:relative !important; display:inline-block !important; padding-left:34px !important; margin:0 !important; color:#1268c7 !important; font-family:Arial,sans-serif !important; font-size:14px !important; font-weight:700 !important; line-height:1.5 !important; letter-spacing:1.6px !important; text-transform:uppercase !important; } /* Animated line */ .elementor-element-4937e6d .elementor-element-82b951e .elementor-heading-title::before{ content:"" !important; position:absolute !important; left:0 !important; top:50% !important; width:21px !important; height:3px !important; border-radius:20px !important; background:linear-gradient(90deg,#0875df,#59b7ff) !important; transform:translateY(-50%) !important; animation:linePulse 2.5s ease-in-out infinite !important; } /* ========================================================= MAIN HEADING ========================================================= */ .elementor-element-4937e6d .elementor-element-e18193e{ margin:0 0 22px !important; } .elementor-element-4937e6d .elementor-element-e18193e .elementor-heading-title{ margin:0 !important; max-width:620px !important; color:#102c52 !important; font-family:Georgia,"Times New Roman",serif !important; font-size:32px !important; font-weight:600 !important; line-height:1.3 !important; letter-spacing:-1px !important; } /* ========================================================= DESCRIPTION ========================================================= */ .elementor-element-4937e6d .elementor-element-1b58782{ margin:0 0 30px !important; } .elementor-element-4937e6d .elementor-element-1b58782 .elementor-heading-title{ margin:0 !important; max-width:610px !important; color:#506b88 !important; font-family:Arial,sans-serif !important; font-size:17px !important; font-weight:400 !important; line-height:1.7 !important; } /* ========================================================= BUTTON ========================================================= */ .elementor-element-4937e6d .elementor-element-0511f65{ margin:0 !important; } .elementor-element-4937e6d .elementor-element-0511f65 .elementor-button{ position:relative !important; overflow:hidden !important; min-width:175px !important; min-height:55px !important; padding:15px 28px !important; border:0 !important; border-radius:9px !important; background:linear-gradient( 135deg, #126bd0 0%, #2389e9 100% ) !important; color:#fff !important; font-family:Arial,sans-serif !important; font-size:14px !important; font-weight:700 !important; letter-spacing:.8px !important; box-shadow: 0 12px 28px rgba(20,108,207,.22), inset 0 1px 0 rgba(255,255,255,.25) !important; transition: transform .35s ease, box-shadow .35s ease !important; } /* Button shine */ .elementor-element-4937e6d .elementor-element-0511f65 .elementor-button::before{ content:"" !important; position:absolute !important; top:0 !important; left:-120% !important; width:70% !important; height:100% !important; background:linear-gradient( 90deg, transparent, rgba(255,255,255,.30), transparent ) !important; transform:skewX(-20deg) !important; transition:left .65s ease !important; } .elementor-element-4937e6d .elementor-element-0511f65 .elementor-button:hover{ transform:translateY(-5px) !important; box-shadow: 0 18px 38px rgba(20,108,207,.32), inset 0 1px 0 rgba(255,255,255,.3) !important; } .elementor-element-4937e6d .elementor-element-0511f65 .elementor-button:hover::before{ left:140% !important; } /* ========================================================= RIGHT MACHINE AREA ========================================================= */ .elementor-element-4937e6d .elementor-element-86ec65a{ position:relative !important; min-height:570px !important; display:flex !important; align-items:center !important; justify-content:center !important; padding:0 !important; } /* ========================================================= MACHINE BACKGROUND — STAND MERGE ========================================================= */ .elementor-element-4937e6d .elementor-element-86ec65a::before{ content:"" !important; position:absolute !important; width:570px !important; height:570px !important; left:50% !important; top:50% !important; transform:translate(-50%,-50%) !important; border-radius:50% !important; background: radial-gradient( ellipse at center, rgba(255,255,255,.98) 0%, rgba(241,249,255,.94) 40%, rgba(218,239,255,.72) 58%, rgba(190,225,251,.32) 72%, transparent 78% ) !important; box-shadow: 0 0 70px rgba(56,153,230,.13), inset 0 0 80px rgba(75,166,235,.08) !important; z-index:0 !important; animation: machineBackground 8s ease-in-out infinite !important; } /* ========================================================= INNER GLOW BEHIND MACHINES ========================================================= */ .elementor-element-4937e6d .elementor-element-86ec65a .elementor-widget-image::before{ content:"" !important; position:absolute !important; left:50% !important; top:50% !important; width:430px !important; height:430px !important; transform:translate(-50%,-50%) !important; border-radius:50% !important; background: radial-gradient( circle, rgba(255,255,255,.95) 0%, rgba(222,242,255,.55) 50%, transparent 72% ) !important; z-index:-1 !important; animation:innerGlow 5s ease-in-out infinite !important; } /* ========================================================= MACHINE IMAGE ========================================================= */ .elementor-element-4937e6d .elementor-element-ffd00c8{ position:relative !important; z-index:4 !important; width:100% !important; } .elementor-element-4937e6d .elementor-element-ffd00c8 .elementor-widget-container{ display:flex !important; align-items:center !important; justify-content:center !important; } .elementor-element-4937e6d .elementor-element-ffd00c8 img{ display:block !important; width:100% !important; max-width:660px !important; height:auto !important; object-fit:contain !important; filter: drop-shadow(0 25px 25px rgba(31,91,137,.14)) drop-shadow(0 5px 12px rgba(40,135,210,.08)) !important; transform-origin:center center !important; animation: machineBounce 5.5s ease-in-out infinite !important; transition: filter .5s ease, transform .5s ease !important; } /* ========================================================= MACHINE HOVER ========================================================= */ .elementor-element-4937e6d .elementor-element-ffd00c8:hover img{ animation-play-state:paused !important; transform:translateY(-8px) scale(1.025) !important; filter: drop-shadow(0 32px 32px rgba(31,91,137,.20)) drop-shadow(0 8px 18px rgba(40,135,210,.13)) !important; } /* ========================================================= FLOATING LIGHT DOTS ========================================================= */ .elementor-element-4937e6d .elementor-element-86ec65a::after{ content:"" !important; position:absolute !important; width:7px !important; height:7px !important; left:20% !important; top:25% !important; border-radius:50% !important; background:#63baff !important; box-shadow: 95px 90px 0 rgba(57,155,229,.55), 350px 30px 0 rgba(57,155,229,.45), 400px 230px 0 rgba(57,155,229,.35), 70px 300px 0 rgba(57,155,229,.35) !important; opacity:.55 !important; pointer-events:none !important; animation: floatingDots 7s ease-in-out infinite !important; z-index:1 !important; } /* ========================================================= ANIMATIONS ========================================================= */ /*@keyframes machineBounce{*/ /* 0%,100%{*/ /* transform:translateY(0) scale(1);*/ /* }*/ /* 25%{*/ /* transform:translateY(-7px) scale(1.005);*/ /* }*/ /* 50%{*/ /* transform:translateY(-14px) scale(1.01);*/ /* }*/ /* 75%{*/ /* transform:translateY(-6px) scale(1.005);*/ /* }*/ /*}*/ @keyframes heroAura{ 0%,100%{ transform:translateY(-50%) scale(1); opacity:.85; } 50%{ transform:translateY(-50%) scale(1.055); opacity:1; } } @keyframes ringPulse{ 0%,100%{ transform:translateY(-50%) scale(.96); opacity:.45; } 50%{ transform:translateY(-50%) scale(1.04); opacity:.85; } } @keyframes machineBackground{ 0%,100%{ transform:translate(-50%,-50%) scale(1); } 50%{ transform:translate(-50%,-50%) scale(1.045); } } @keyframes innerGlow{ 0%,100%{ transform:translate(-50%,-50%) scale(.96); opacity:.65; } 50%{ transform:translate(-50%,-50%) scale(1.05); opacity:1; } } @keyframes floatingDots{ 0%,100%{ transform:translate(0,0); opacity:.35; } 50%{ transform:translate(12px,-22px); opacity:.8; } } @keyframes linePulse{ 0%,100%{ width:21px; opacity:.8; } 50%{ width:29px; opacity:1; } } /* ========================================================= TABLET ========================================================= */ @media (max-width:1024px){ .elementor-element-4937e6d{ padding:55px 25px !important; } .elementor-element-4937e6d .elementor-element-e18193e .elementor-heading-title{ font-size:39px !important; } .elementor-element-4937e6d .elementor-element-86ec65a{ min-height:470px !important; } .elementor-element-4937e6d .elementor-element-86ec65a::before{ width:470px !important; height:470px !important; } .elementor-element-4937e6d .elementor-element-ffd00c8 img{ max-width:560px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width:767px){ .elementor-element-4937e6d{ padding:45px 18px 55px !important; text-align:center !important; } .elementor-element-4937e6d > .elementor-container{ display:flex !important; flex-direction:column !important; } .elementor-element-4937e6d .elementor-element-fc98be7{ width:100% !important; padding:0 !important; } .elementor-element-4937e6d .elementor-element-86ec65a{ width:100% !important; min-height:390px !important; margin-top:25px !important; } .elementor-element-4937e6d .elementor-element-82b951e .elementor-heading-title{ padding-left:0 !important; font-size:12px !important; letter-spacing:1.1px !important; } .elementor-element-4937e6d .elementor-element-82b951e .elementor-heading-title::before{ display:none !important; } .elementor-element-4937e6d .elementor-element-e18193e .elementor-heading-title{ max-width:100% !important; font-size:31px !important; line-height:1.16 !important; letter-spacing:-.6px !important; } .elementor-element-4937e6d .elementor-element-1b58782 .elementor-heading-title{ max-width:100% !important; font-size:15px !important; line-height:1.65 !important; } .elementor-element-4937e6d .elementor-element-86ec65a::before{ width:350px !important; height:350px !important; } .elementor-element-4937e6d .elementor-element-86ec65a::after{ display:none !important; } .elementor-element-4937e6d .elementor-widget-image::before{ width:280px !important; height:280px !important; } .elementor-element-4937e6d .elementor-element-ffd00c8 img{ max-width:430px !important; } .elementor-element-4937e6d .elementor-element-0511f65 .elementor-button{ min-width:165px !important; min-height:52px !important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width:480px){ .elementor-element-4937e6d{ padding:38px 15px 45px !important; } .elementor-element-4937e6d .elementor-element-e18193e .elementor-heading-title{ font-size:27px !important; line-height:1.18 !important; } .elementor-element-4937e6d .elementor-element-1b58782 .elementor-heading-title{ font-size:14px !important; line-height:1.65 !important; } .elementor-element-4937e6d .elementor-element-86ec65a{ min-height:310px !important; margin-top:20px !important; } .elementor-element-4937e6d .elementor-element-86ec65a::before{ width:290px !important; height:290px !important; } .elementor-element-4937e6d .elementor-widget-image::before{ width:230px !important; height:230px !important; } /*.elementor-element-4937e6d*/ /*.elementor-element-ffd00c8*/ /*img{*/ /* max-width:350px !important;*/ /*}*/ } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion:reduce){ .elementor-element-4937e6d *, .elementor-element-4937e6d::before, .elementor-element-4937e6d::after{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-e88ea83 *//* ========================================================= UJJWAL MEDICAL DEVICES SLEEP STUDY SECTION EXACT SECTION: e88ea83 ========================================================= */ section.elementor-element-e88ea83{ position:relative !important; overflow:hidden !important; padding:70px 35px !important; background: radial-gradient(circle at 8% 50%,rgba(31,133,220,.09),transparent 32%), radial-gradient(circle at 92% 15%,rgba(69,169,239,.10),transparent 30%), linear-gradient(135deg,#f7fbff 0%,#ffffff 55%,#f1f9ff 100%) !important; } /* BACKGROUND GLOW */ section.elementor-element-e88ea83:before{ content:"" !important; position:absolute !important; width:550px !important; height:550px !important; right:-250px !important; top:-260px !important; border-radius:50% !important; background:radial-gradient( circle, rgba(56,157,232,.18), rgba(56,157,232,.06) 45%, transparent 72% ) !important; pointer-events:none !important; animation:sleepGlow 8s ease-in-out infinite !important; } /* CONTAINER */ section.elementor-element-e88ea83 > .elementor-container{ position:relative !important; z-index:2 !important; /*max-width:1280px !important;*/ margin:auto !important; align-items:center !important; } /* ========================================================= LEFT IMAGE ========================================================= */ section.elementor-element-e88ea83 .elementor-element-579eb97{ position:relative !important; padding:15px 35px 15px 0 !important; } /* Image glow */ section.elementor-element-e88ea83 .elementor-element-579eb97:before{ content:"" !important; position:absolute !important; width:480px !important; height:480px !important; left:45% !important; top:50% !important; transform:translate(-50%,-50%) !important; border-radius:50% !important; background:radial-gradient( circle, rgba(77,178,239,.20), rgba(77,178,239,.08) 48%, transparent 72% ) !important; z-index:0 !important; animation:sleepCircle 6s ease-in-out infinite !important; } /* Image widget */ section.elementor-element-e88ea83 .elementor-element-6a5b74a{ position:relative !important; z-index:2 !important; width:100% !important; margin:0 !important; } /* Actual image */ section.elementor-element-e88ea83 .elementor-element-6a5b74a img{ display:block !important; width:100% !important; max-width:680px !important; height:auto !important; margin:0 auto !important; border-radius:26px !important; object-fit:cover !important; filter:drop-shadow(0 25px 40px rgba(20,80,125,.16)) !important; animation:sleepFloat 6s ease-in-out infinite !important; transition: transform .55s ease, filter .55s ease !important; } /* IMAGE HOVER */ section.elementor-element-e88ea83 .elementor-element-6a5b74a:hover img{ transform:translateY(-8px) scale(1.015) !important; filter:drop-shadow(0 32px 48px rgba(20,80,125,.25)) !important; } /* ========================================================= RIGHT CONTENT ========================================================= */ section.elementor-element-e88ea83 .elementor-element-6d3c496{ position:relative !important; padding:0px !important; } /* ========================================================= SMALL HEADING ========================================================= */ section.elementor-element-e88ea83 .elementor-element-c1e170c{ margin:0 0 14px !important; } section.elementor-element-e88ea83 .elementor-element-c1e170c .elementor-heading-title{ position:relative !important; display:inline-block !important; padding-left:42px !important; margin:0 !important; color:#35658d !important; font-family:Arial,sans-serif !important; font-size:15px !important; font-weight:600 !important; letter-spacing:1.4px !important; line-height:1.5 !important; } section.elementor-element-e88ea83 .elementor-element-c1e170c .elementor-heading-title:before{ content:"" !important; position:absolute !important; left:0 !important; top:50% !important; width:30px !important; height:3px !important; border-radius:10px !important; background:#1479d5 !important; transform:translateY(-50%) !important; } /* ========================================================= MAIN HEADING ========================================================= */ section.elementor-element-e88ea83 .elementor-element-9b75401{ margin:0 0 22px !important; } section.elementor-element-e88ea83 .elementor-element-9b75401 .elementor-heading-title{ margin:0 !important; max-width:650px !important; color:#102d52 !important; font-family:Georgia,"Times New Roman",serif !important; font-size:35px !important; font-weight:600 !important; line-height:1.4 !important; letter-spacing:-1px !important; } /* Heading underline */ section.elementor-element-e88ea83 .elementor-element-9b75401 .elementor-heading-title:after{ content:"" !important; display:block !important; width:70px !important; height:4px !important; margin-top:17px !important; border-radius:10px !important; background:linear-gradient(90deg,#1478d3,#66c0f2) !important; } /* ========================================================= CONTENT TEXT ========================================================= */ section.elementor-element-e88ea83 .elementor-element-40a5a36{ margin:0 0 25px !important; } section.elementor-element-e88ea83 .elementor-element-40a5a36 .elementor-heading-title{ max-width:650px !important; margin:0 !important; color:#526b83 !important; font-family:Arial,sans-serif !important; font-size:16px !important; font-weight:400 !important; line-height:1.8 !important; } section.elementor-element-e88ea83 .elementor-element-40a5a36 p{ margin:0 0 18px !important; } section.elementor-element-e88ea83 .elementor-element-40a5a36 p:last-child{ margin-bottom:0 !important; } /* ========================================================= BUTTON SECTION ========================================================= */ section.elementor-element-e88ea83 .elementor-element-c910946{ width:100% !important; margin-top:25px !important; } section.elementor-element-e88ea83 .elementor-element-c910946 > .elementor-container{ display:flex !important; align-items:center !important; gap:18px !important; } section.elementor-element-e88ea83 .elementor-element-1cef0d4, section.elementor-element-e88ea83 .elementor-element-53147ce{ padding:0 !important; } /* BOTH BUTTONS */ section.elementor-element-e88ea83 .elementor-element-d904264 .elementor-button, section.elementor-element-e88ea83 .elementor-element-6dc11ec .elementor-button{ position:relative !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:55px !important; padding:15px 27px !important; border-radius:8px !important; overflow:hidden !important; font-family:Arial,sans-serif !important; font-size:13px !important; font-weight:700 !important; letter-spacing:.6px !important; text-decoration:none !important; transition: transform .35s ease, box-shadow .35s ease, background .35s ease, color .35s ease !important; } /* FIRST BUTTON */ section.elementor-element-e88ea83 .elementor-element-d904264 .elementor-button{ color:#fff !important; border:1px solid #1678d4 !important; background:linear-gradient(135deg,#1175d0,#288de4) !important; box-shadow:0 12px 28px rgba(23,120,210,.25) !important; } /* SECOND BUTTON */ section.elementor-element-e88ea83 .elementor-element-6dc11ec .elementor-button{ color:#1674c8 !important; border:1px solid #1680dd !important; background:#fff !important; box-shadow:0 8px 22px rgba(30,110,170,.08) !important; } /* BUTTON SHINE */ section.elementor-element-e88ea83 .elementor-element-d904264 .elementor-button:before, section.elementor-element-e88ea83 .elementor-element-6dc11ec .elementor-button:before{ content:"" !important; position:absolute !important; left:-120% !important; top:0 !important; width:70% !important; height:100% !important; background:linear-gradient( 110deg, transparent, rgba(255,255,255,.4), transparent ) !important; transform:skewX(-20deg) !important; transition:left .65s ease !important; } /* HOVER */ section.elementor-element-e88ea83 .elementor-element-d904264 .elementor-button:hover, section.elementor-element-e88ea83 .elementor-element-6dc11ec .elementor-button:hover{ transform:translateY(-4px) !important; } section.elementor-element-e88ea83 .elementor-element-d904264 .elementor-button:hover{ box-shadow:0 18px 38px rgba(23,120,210,.35) !important; } section.elementor-element-e88ea83 .elementor-element-6dc11ec .elementor-button:hover{ color:#fff !important; background:#167bd5 !important; box-shadow:0 15px 32px rgba(23,120,210,.25) !important; } section.elementor-element-e88ea83 .elementor-element-d904264 .elementor-button:hover:before, section.elementor-element-e88ea83 .elementor-element-6dc11ec .elementor-button:hover:before{ left:140% !important; } /* ========================================================= FLOATING DECORATION ========================================================= */ section.elementor-element-e88ea83 .elementor-element-6d3c496:before{ content:"" !important; position:absolute !important; right:8% !important; top:5% !important; width:7px !important; height:7px !important; border-radius:50% !important; background:#3195df !important; box-shadow: 45px 80px 0 rgba(49,149,223,.25), -45px 145px 0 rgba(49,149,223,.18) !important; animation:sleepDots 5s ease-in-out infinite !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width:1024px){ section.elementor-element-e88ea83{ padding:55px 25px !important; } section.elementor-element-e88ea83 .elementor-element-579eb97{ padding-right:20px !important; } section.elementor-element-e88ea83 .elementor-element-6d3c496{ padding-left:20px !important; } section.elementor-element-e88ea83 .elementor-element-9b75401 .elementor-heading-title{ font-size:37px !important; } section.elementor-element-e88ea83 .elementor-element-40a5a36 .elementor-heading-title{ font-size:15px !important; } section.elementor-element-e88ea83 .elementor-element-d904264 .elementor-button, section.elementor-element-e88ea83 .elementor-element-6dc11ec .elementor-button{ padding:14px 18px !important; font-size:11px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width:767px){ section.elementor-element-e88ea83{ padding:40px 18px 50px !important; } section.elementor-element-e88ea83 > .elementor-container{ display:flex !important; flex-direction:column-reverse !important; } section.elementor-element-e88ea83 .elementor-element-579eb97{ width:100% !important; padding:0 !important; order:1 !important; } section.elementor-element-e88ea83 .elementor-element-6d3c496{ width:100% !important; padding:32px 0 0 !important; order:2 !important; text-align:center !important; } section.elementor-element-e88ea83 .elementor-element-579eb97:before{ width:330px !important; height:330px !important; } section.elementor-element-e88ea83 .elementor-element-6a5b74a img{ max-width:100% !important; border-radius:18px !important; } /* SMALL TITLE */ section.elementor-element-e88ea83 .elementor-element-c1e170c .elementor-heading-title{ padding-left:0 !important; font-size:12px !important; letter-spacing:1px !important; } section.elementor-element-e88ea83 .elementor-element-c1e170c .elementor-heading-title:before{ display:none !important; } /* MAIN TITLE */ section.elementor-element-e88ea83 .elementor-element-9b75401{ margin-bottom:20px !important; } section.elementor-element-e88ea83 .elementor-element-9b75401 .elementor-heading-title{ max-width:100% !important; font-size:30px !important; line-height:1.18 !important; letter-spacing:-.5px !important; } section.elementor-element-e88ea83 .elementor-element-9b75401 .elementor-heading-title:after{ margin:14px auto 0 !important; } /* TEXT */ section.elementor-element-e88ea83 .elementor-element-40a5a36{ margin-bottom:20px !important; } section.elementor-element-e88ea83 .elementor-element-40a5a36 .elementor-heading-title{ max-width:100% !important; font-size:15px !important; line-height:1.7 !important; } /* BUTTONS */ section.elementor-element-e88ea83 .elementor-element-c910946{ margin-top:20px !important; } section.elementor-element-e88ea83 .elementor-element-c910946 > .elementor-container{ display:flex !important; flex-direction:column !important; gap:12px !important; } section.elementor-element-e88ea83 .elementor-element-1cef0d4, section.elementor-element-e88ea83 .elementor-element-53147ce{ width:100% !important; } section.elementor-element-e88ea83 .elementor-element-d904264, section.elementor-element-e88ea83 .elementor-element-6dc11ec{ width:100% !important; text-align:center !important; } section.elementor-element-e88ea83 .elementor-element-d904264 .elementor-button, section.elementor-element-e88ea83 .elementor-element-6dc11ec .elementor-button{ width:100% !important; min-height:52px !important; } section.elementor-element-e88ea83 .elementor-element-6d3c496:before{ display:none !important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width:480px){ section.elementor-element-e88ea83{ padding:44px 06px 42px !important; } section.elementor-element-e88ea83 .elementor-element-6d3c496{ padding-top:27px !important; } section.elementor-element-e88ea83 .elementor-element-9b75401 .elementor-heading-title{ font-size:27px !important; } section.elementor-element-e88ea83 .elementor-element-40a5a36 .elementor-heading-title{ font-size:14px !important; } section.elementor-element-e88ea83 .elementor-element-6a5b74a img{ border-radius:15px !important; } } /* ========================================================= ANIMATIONS ========================================================= */ @keyframes sleepFloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-8px); } } @keyframes sleepCircle{ 0%,100%{ transform:translate(-50%,-50%) scale(1); opacity:.7; } 50%{ transform:translate(-50%,-50%) scale(1.08); opacity:1; } } @keyframes sleepGlow{ 0%,100%{ transform:translate(0,0) scale(1); opacity:.7; } 50%{ transform:translate(-20px,20px) scale(1.06); opacity:1; } } @keyframes sleepDots{ 0%,100%{ transform:translateY(0); opacity:.35; } 50%{ transform:translateY(-12px); opacity:.8; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-57e032b *//* ========================================================= UMD — TRUSTED GLOBAL BRANDS CSS ONLY — NO HTML CHANGES REQUIRED ========================================================= */ .elementor-element-57e032b { position: relative; overflow: hidden; padding: 55px 0 60px !important; background: radial-gradient(circle at 15% 35%, rgba(20, 119, 230, .08) 1px, transparent 2px), radial-gradient(circle at 82% 20%, rgba(20, 119, 230, .07) 1px, transparent 2px), linear-gradient(135deg, #f8fcff 0%, #eef8ff 48%, #f8fcff 100%); background-size: 12px 12px, 12px 12px, 100% 100%; } /* Soft background glow */ .elementor-element-57e032b::before { content: ""; position: absolute; width: 520px; height: 520px; top: -260px; left: -180px; border-radius: 50%; background: radial-gradient( circle, rgba(67, 163, 245, .13) 0%, rgba(67, 163, 245, .05) 40%, transparent 72% ); pointer-events: none; } .elementor-element-57e032b::after { content: ""; position: absolute; width: 500px; height: 500px; right: -220px; bottom: -300px; border-radius: 50%; background: radial-gradient( circle, rgba(67, 163, 245, .12) 0%, rgba(67, 163, 245, .04) 42%, transparent 72% ); pointer-events: none; } /* ========================================================= CONTAINER ========================================================= */ .elementor-element-57e032b .elementor-container { position: relative; z-index: 2; max-width: 1380px !important; } /* ========================================================= TOP LABEL — TRUSTED BRANDS ========================================================= */ .elementor-element-7bc2aad { margin-bottom: 8px !important; } .elementor-element-7bc2aad .elementor-heading-title { position: relative; display: inline-flex; align-items: center; gap: 14px; color: #1476df !important; font-family: Arial, sans-serif !important; font-size: 13px !important; font-weight: 800 !important; letter-spacing: 2px !important; line-height: 1.2 !important; text-transform: uppercase; } /* Left line */ .elementor-element-7bc2aad .elementor-heading-title::before { content: ""; width: 30px; height: 3px; border-radius: 10px; background: #1476df; } /* Right line */ .elementor-element-7bc2aad .elementor-heading-title::after { content: ""; width: 30px; height: 3px; border-radius: 10px; background: #1476df; } /* ========================================================= MAIN HEADING ========================================================= */ .elementor-element-9d7185c { margin-bottom: 7px !important; } .elementor-element-9d7185c .elementor-heading-title { color: #0c2d54 !important; font-family: Georgia, "Times New Roman", serif !important; font-size: clamp(34px, 4vw, 48px) !important; font-weight: 700 !important; line-height: 1.08 !important; letter-spacing: -1px !important; text-align: center; } /* ========================================================= SUBTITLE ========================================================= */ .elementor-element-9281ac6 { margin-bottom: 30px !important; } .elementor-element-9281ac6 .elementor-heading-title { max-width: 820px; margin: 0 auto; color: #627894 !important; font-family: Arial, sans-serif !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.7 !important; text-align: center; } /* ========================================================= BRANDS AREA ========================================================= */ .elementor-element-9c63e12 { width: 100%; position: relative; } /* ========================================================= CAROUSEL ========================================================= */ .elementor-element-9c63e12 .elementor-brands { width: 100%; } .elementor-element-9c63e12 .elementor-brand-wrapper { position: relative; width: 100%; } .elementor-element-9c63e12 .tmcore-carousel { width: 100%; overflow: visible !important; } /* ========================================================= TRACK ========================================================= */ .elementor-element-9c63e12 .splide__track { overflow: hidden !important; padding: 8px 0 18px !important; } .elementor-element-9c63e12 .splide__list { align-items: stretch; } /* ========================================================= BRAND ITEM ========================================================= */ .elementor-element-9c63e12 .elementor-brand-item { padding: 0 8px; box-sizing: border-box; } /* ========================================================= BRAND CARD ========================================================= */ .elementor-element-9c63e12 .elementor-brand-image { position: relative; height: 150px; display: flex; align-items: center; justify-content: center; padding: 22px 32px; background: rgba(255, 255, 255, .94); border: 1px solid rgba(27, 125, 224, .10); border-radius: 16px; box-shadow: 0 8px 25px rgba(30, 94, 145, .07), 0 2px 6px rgba(30, 94, 145, .04); transition: transform .45s cubic-bezier(.22, .61, .36, 1), box-shadow .45s ease, border-color .45s ease, background .45s ease; } /* Top subtle blue line */ .elementor-element-9c63e12 .elementor-brand-image::before { content: ""; position: absolute; top: 0; left: 50%; width: 0; height: 3px; border-radius: 0 0 10px 10px; background: #1476df; transform: translateX(-50%); transition: width .45s ease; } /* ========================================================= LOGO LINK ========================================================= */ .elementor-element-9c63e12 .elementor-brand-image a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-decoration: none; } /* ========================================================= LOGO IMAGE ========================================================= */ .elementor-element-9c63e12 .elementor-brand-image img { display: block; width: 100% !important; max-width: 270px !important; height: 92px !important; object-fit: contain !important; object-position: center !important; margin: 0 auto !important; filter: none !important; transition: transform .45s cubic-bezier(.22, .61, .36, 1), filter .45s ease; } /* ========================================================= HOVER EFFECT ========================================================= */ .elementor-element-9c63e12 .elementor-brand-image:hover { transform: translateY(-7px); background: #ffffff; border-color: rgba(20, 118, 223, .22); box-shadow: 0 18px 38px rgba(20, 91, 150, .13), 0 5px 12px rgba(20, 118, 223, .07); } .elementor-element-9c63e12 .elementor-brand-image:hover::before { width: 55px; } .elementor-element-9c63e12 .elementor-brand-image:hover img { transform: scale(1.055); } /* ========================================================= ACTIVE SLIDE ========================================================= */ .elementor-element-9c63e12 .splide__slide.is-active .elementor-brand-image { box-shadow: 0 12px 30px rgba(30, 94, 145, .09), 0 2px 7px rgba(30, 94, 145, .04); } /* ========================================================= CAROUSEL SMOOTHNESS ========================================================= */ .elementor-element-9c63e12 .splide__list { transition-timing-function: cubic-bezier(.25, 1, .5, 1) !important; } .elementor-element-9c63e12 .splide__slide { backface-visibility: hidden; transform: translateZ(0); } /* ========================================================= OPTIONAL NAVIGATION — VISUAL ARROW BUTTONS Existing HTML is untouched. ========================================================= */ .elementor-element-9c63e12 .elementor-brand-wrapper::before, .elementor-element-9c63e12 .elementor-brand-wrapper::after { position: absolute; top: 50%; z-index: 10; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(255, 255, 255, .96); color: #1476df; font-family: Arial, sans-serif; font-size: 27px; font-weight: 400; box-shadow: 0 8px 20px rgba(30, 94, 145, .12); transform: translateY(-50%); pointer-events: none; } .elementor-element-9c63e12 .elementor-brand-wrapper::before { content: "‹"; left: -20px; } .elementor-element-9c63e12 .elementor-brand-wrapper::after { content: "›"; right: -20px; } /* ========================================================= DESKTOP — 3 LOGOS ========================================================= */ @media (min-width: 1025px) { .elementor-element-9c63e12 .elementor-brand-item { width: 33.3333% !important; } .elementor-element-9c63e12 .elementor-brand-image { height: 155px; } } /* ========================================================= TABLET — 2 LOGOS ========================================================= */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-element-57e032b { padding: 48px 20px 52px !important; } .elementor-element-9c63e12 .elementor-brand-item { width: 50% !important; padding: 0 7px; } .elementor-element-9c63e12 .elementor-brand-image { height: 140px; padding: 20px 25px; } .elementor-element-9c63e12 .elementor-brand-image img { max-width: 230px !important; height: 82px !important; } .elementor-element-9c63e12 .elementor-brand-wrapper::before { left: -10px; } .elementor-element-9c63e12 .elementor-brand-wrapper::after { right: -10px; } } /* ========================================================= MOBILE — 1 LOGO ========================================================= */ @media (max-width: 767px) { .elementor-element-57e032b { padding: 40px 15px 45px !important; } /* Label */ .elementor-element-7bc2aad .elementor-heading-title { font-size: 10px !important; letter-spacing: 1.4px !important; gap: 8px; } .elementor-element-7bc2aad .elementor-heading-title::before, .elementor-element-7bc2aad .elementor-heading-title::after { width: 20px; height: 2px; } /* Main heading */ .elementor-element-9d7185c .elementor-heading-title { font-size: 31px !important; line-height: 1.12 !important; letter-spacing: -.5px !important; padding: 0 8px; } /* Subtitle */ .elementor-element-9281ac6 { margin-bottom: 22px !important; } .elementor-element-9281ac6 .elementor-heading-title { font-size: 13px !important; line-height: 1.6 !important; padding: 0 10px; } /* One logo */ .elementor-element-9c63e12 .elementor-brand-item { width: 100% !important; padding: 0 4px; } /* Card */ .elementor-element-9c63e12 .elementor-brand-image { height: 125px; padding: 18px 22px; border-radius: 14px; } /* Logo */ .elementor-element-9c63e12 .elementor-brand-image img { max-width: 230px !important; height: 76px !important; } /* Mobile arrows */ .elementor-element-9c63e12 .elementor-brand-wrapper::before, .elementor-element-9c63e12 .elementor-brand-wrapper::after { width: 34px; height: 34px; font-size: 23px; } .elementor-element-9c63e12 .elementor-brand-wrapper::before { left: -4px; } .elementor-element-9c63e12 .elementor-brand-wrapper::after { right: -4px; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .elementor-element-57e032b { padding: 34px 12px 38px !important; } .elementor-element-9d7185c .elementor-heading-title { font-size: 27px !important; } .elementor-element-9281ac6 .elementor-heading-title { font-size: 12.5px !important; } .elementor-element-9c63e12 .elementor-brand-image { height: 115px; padding: 15px 20px; } .elementor-element-9c63e12 .elementor-brand-image img { max-width: 205px !important; height: 70px !important; } .elementor-element-9c63e12 .elementor-brand-wrapper::before { left: -7px; } .elementor-element-9c63e12 .elementor-brand-wrapper::after { right: -7px; } } /* ========================================================= ACCESSIBILITY / REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-element-9c63e12 *, .elementor-element-9c63e12 *::before, .elementor-element-9c63e12 *::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-1b25d23 *//* ===== MEDICAL EQUIPMENT RENTAL — FINAL STRIP BANNER ===== */ .elementor-element-1b25d23 { position: relative; overflow: hidden; padding: 38px 0 !important; background: linear-gradient(100deg, #f4faff 0%, #ffffff 52%, #eef8ff 100%); border-radius: 22px; box-shadow: 0 12px 35px rgba(0, 80, 150, 0.08); } /* Soft background glow */ .elementor-element-1b25d23::before { content: ""; position: absolute; width: 420px; height: 420px; right: -180px; top: -220px; border-radius: 50%; background: rgba(0, 126, 255, 0.07); pointer-events: none; } /* ===== MACHINE GROUND / SOFT SURFACE ===== */ .elementor-element-1b25d23::after { content: ""; position: absolute; width: 620px; height: 75px; right: 55px; bottom: 28px; border-radius: 50%; background: radial-gradient( ellipse, rgba(65, 105, 135, 0.20) 0%, rgba(65, 105, 135, 0.11) 38%, rgba(65, 105, 135, 0.04) 65%, transparent 78% ); filter: blur(9px); pointer-events: none; z-index: 1; } /* ===== LEFT CONTENT ===== */ .elementor-element-1b25d23 .elementor-element-b647fc6 { position: relative; z-index: 3; padding: 5px 20px 5px 45px; } /* Small heading */ .elementor-element-1b25d23 .elementor-element-79dcf4d p { margin: 0 0 8px; font-size: 13px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #1676d2; } /* Main heading */ .elementor-element-1b25d23 .elementor-element-d7b8ab1 h2 { margin: 0 0 12px; font-size: 34px; line-height: 1.15; font-weight: 700; color: #102a43; } /* Description */ .elementor-element-1b25d23 .elementor-element-2add7e4 p { margin: 0; max-width: 620px; font-size: 16px; line-height: 1.65; color: #60758a; } /* ===== MACHINE IMAGE ===== */ .elementor-element-1b25d23 .elementor-element-9128e89 { position: relative; z-index: 3; display: flex; align-items: center; justify-content: center; } /* Ground shadow directly beneath machine */ .elementor-element-1b25d23 .elementor-element-9128e89::after { content: ""; position: absolute; width: 78%; height: 42px; left: 11%; bottom: 30px; border-radius: 50%; background: rgba(55, 85, 105, 0.22); filter: blur(15px); transform: scaleY(.55); z-index: -1; pointer-events: none; } /* Machine */ .elementor-element-1b25d23 .elementor-element-1fcc9d9 { position: relative; z-index: 2; } .elementor-element-1b25d23 .elementor-element-1fcc9d9 img { position: relative; width: 100%; max-width: 650px; height: auto; display: block; object-fit: contain; transform: translateX(15px); filter: drop-shadow(0 18px 12px rgba(40, 65, 85, 0.10)); transition: transform .5s ease, filter .5s ease; } /* Subtle hover */ .elementor-element-1b25d23:hover .elementor-element-1fcc9d9 img { transform: translateX(5px) translateY(-3px) scale(1.02); filter: drop-shadow(0 22px 15px rgba(40, 65, 85, 0.15)); } /* ===== BUTTON AREA ===== */ .elementor-element-1b25d23 .elementor-element-a457979 { margin-top: 22px; } .elementor-element-1b25d23 .elementor-element-3eda66f, .elementor-element-1b25d23 .elementor-element-8341f0d { width: auto; } /* Buttons */ .elementor-element-1b25d23 .elementor-element-43a5dbb .elementor-button, .elementor-element-1b25d23 .elementor-element-5d8f0a7 .elementor-button { min-height: 46px; padding: 0 22px; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; font-size: 12px; font-weight: 700; letter-spacing: .4px; text-decoration: none; transition: all .3s ease; } /* Primary */ .elementor-element-1b25d23 .elementor-element-43a5dbb .elementor-button { background: #1478dc; color: #fff; box-shadow: 0 7px 18px rgba(20, 120, 220, .20); } /* Secondary */ .elementor-element-1b25d23 .elementor-element-5d8f0a7 .elementor-button { background: #fff; color: #1478dc; border: 1px solid #d7e7f5; } /* Button hover */ .elementor-element-1b25d23 .elementor-element-43a5dbb .elementor-button:hover { background: #0d65bf; transform: translateY(-2px); box-shadow: 0 10px 22px rgba(20, 120, 220, .25); } .elementor-element-1b25d23 .elementor-element-5d8f0a7 .elementor-button:hover { background: #f3f9ff; border-color: #1478dc; transform: translateY(-2px); } /* Remove Elementor extra spacing */ .elementor-element-1b25d23 .elementor-widget { margin-bottom: 0; } /* ===== SMOOTH ENTRANCE ===== */ .elementor-element-1b25d23 .elementor-element-b647fc6 { animation: rentalTextIn .8s ease both; } .elementor-element-1b25d23 .elementor-element-9128e89 { animation: rentalImageIn .9s ease .15s both; } @keyframes rentalTextIn { from { opacity: 0; transform: translateX(-35px); } to { opacity: 1; transform: translateX(0); } } @keyframes rentalImageIn { from { opacity: 0; transform: translateX(35px); } to { opacity: 1; transform: translateX(0); } } /* ===== TABLET ===== */ @media (max-width: 1024px) { .elementor-element-1b25d23 { padding: 30px 0 !important; } .elementor-element-1b25d23 .elementor-element-b647fc6 { padding-left: 30px; } .elementor-element-1b25d23 .elementor-element-d7b8ab1 h2 { font-size: 28px; } .elementor-element-1b25d23 .elementor-element-2add7e4 p { font-size: 14px; } .elementor-element-1b25d23 .elementor-element-1fcc9d9 img { transform: none; } .elementor-element-1b25d23 .elementor-element-9128e89::after { bottom: 20px; width: 82%; left: 9%; } .elementor-element-1b25d23::after { width: 480px; right: 15px; } .elementor-element-1b25d23 .elementor-element-a457979 { margin-top: 18px; } .elementor-element-1b25d23 .elementor-element-43a5dbb .elementor-button, .elementor-element-1b25d23 .elementor-element-5d8f0a7 .elementor-button { padding: 0 16px; } } /* ===== MOBILE ===== */ @media (max-width: 767px) { .elementor-element-1b25d23 { margin: 15px 12px !important; padding: 28px 20px 20px !important; border-radius: 18px; } .elementor-element-1b25d23 .elementor-container { display: flex; flex-direction: column; } .elementor-element-1b25d23 .elementor-element-b647fc6 { width: 100% !important; padding: 0 !important; text-align: center; } .elementor-element-1b25d23 .elementor-element-79dcf4d p { font-size: 11px; letter-spacing: 1.5px; } .elementor-element-1b25d23 .elementor-element-d7b8ab1 h2 { font-size: 25px; line-height: 1.2; margin-bottom: 10px; } .elementor-element-1b25d23 .elementor-element-2add7e4 p { font-size: 14px; line-height: 1.55; } /* ===== BUTTONS INLINE ===== */ .elementor-element-1b25d23 .elementor-element-a457979 { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: center !important; gap: 8px !important; width: 100% !important; margin-top: 18px; } .elementor-element-1b25d23 .elementor-element-3eda66f, .elementor-element-1b25d23 .elementor-element-8341f0d { width: auto !important; flex: 0 0 auto !important; margin: 0 !important; } .elementor-element-1b25d23 .elementor-element-43a5dbb, .elementor-element-1b25d23 .elementor-element-5d8f0a7 { width: auto !important; margin: 0 !important; } .elementor-element-1b25d23 .elementor-element-43a5dbb .elementor-button, .elementor-element-1b25d23 .elementor-element-5d8f0a7 .elementor-button { min-height: 42px; padding: 0 12px; font-size: 9px; white-space: nowrap; display: inline-flex !important; align-items: center; justify-content: center; } /* ===== IMAGE ===== */ .elementor-element-1b25d23 .elementor-element-9128e89 { width: 100% !important; margin-top: 18px; } .elementor-element-1b25d23 .elementor-element-1fcc9d9 img { width: 100%; max-width: 430px; transform: none; } /* ===== MACHINE GROUND SHADOW ===== */ .elementor-element-1b25d23 .elementor-element-9128e89::after { width: 80%; left: 10%; height: 32px; bottom: 12px; filter: blur(12px); } .elementor-element-1b25d23::before { width: 250px; height: 250px; right: -130px; top: -120px; } .elementor-element-1b25d23::after { width: 90%; height: 45px; right: 5%; bottom: 18px; filter: blur(10px); } } /* ===== SMALL MOBILE ===== */ @media (max-width: 480px) { .elementor-element-1b25d23 { padding: 24px 15px 15px !important; } .elementor-element-1b25d23 .elementor-element-d7b8ab1 h2 { font-size: 22px; } .elementor-element-1b25d23 .elementor-element-2add7e4 p { font-size: 13px; } /* Keep both buttons INLINE */ .elementor-element-1b25d23 .elementor-element-a457979 { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: center !important; gap: 6px !important; width: 100% !important; } .elementor-element-1b25d23 .elementor-element-3eda66f, .elementor-element-1b25d23 .elementor-element-8341f0d { width: auto !important; flex: 0 0 auto !important; } .elementor-element-1b25d23 .elementor-element-43a5dbb, .elementor-element-1b25d23 .elementor-element-5d8f0a7 { width: auto !important; margin: 0 !important; } .elementor-element-1b25d23 .elementor-element-43a5dbb .elementor-button, .elementor-element-1b25d23 .elementor-element-5d8f0a7 .elementor-button { min-height: 40px; padding: 0 9px !important; font-size: 8px !important; white-space: nowrap; } /* ===== MACHINE SHADOW ===== */ .elementor-element-1b25d23 .elementor-element-9128e89::after { width: 82%; left: 9%; bottom: 8px; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-949b9b4 *//* ========================================================= UJJWAL MEDICAL DEVICES EVENTS & EXHIBITIONS – FINAL UI Elementor Section: 949b9b4 ========================================================= */ /* ========================================================= SECTION ========================================================= */ .elementor-element-949b9b4 { position: relative; overflow: hidden; width: 100%; padding: 70px 0 0px !important; background: radial-gradient(circle at 15% 25%, rgba(31,132,207,.06), transparent 28%), radial-gradient(circle at 90% 70%, rgba(31,132,207,.05), transparent 30%), linear-gradient(180deg, #f7fbff 0%, #ffffff 100%); } .elementor-element-949b9b4 .elementor-container { width: 100%; max-width: 1450px !important; } /* ========================================================= HEADING ========================================================= */ .elementor-element-949b9b4 .elementor-element-b447cb3 { width: 100%; text-align: center !important; margin: 0 0 8px !important; } .elementor-element-949b9b4 .elementor-element-b447cb3 .elementor-heading-title { display: inline-flex !important; align-items: center; justify-content: center; gap: 14px; color: #237bc5 !important; font-size: 13px !important; line-height: 1 !important; font-weight: 700 !important; letter-spacing: 4px !important; text-transform: uppercase; } .elementor-element-949b9b4 .elementor-element-b447cb3 .elementor-heading-title::before, .elementor-element-949b9b4 .elementor-element-b447cb3 .elementor-heading-title::after { content: ""; display: block; width: 34px; height: 1px; background: #237bc5; } .elementor-element-949b9b4 .elementor-element-7834071 { width: 100%; text-align: center !important; margin: 0 0 10px !important; } .elementor-element-949b9b4 .elementor-element-7834071 h2 { margin: 0 !important; color: #102b52 !important; font-size: 48px !important; line-height: 1.15 !important; font-weight: 800 !important; text-align: center !important; } .elementor-element-949b9b4 .elementor-element-3a0848c { width: 100%; max-width: 900px; margin: 0 auto 38px !important; text-align: center !important; } .elementor-element-949b9b4 .elementor-element-3a0848c .elementor-heading-title { color: #58677b !important; font-size: 17px !important; line-height: 1.65 !important; text-align: center !important; } /* ========================================================= CAROUSEL CONTAINER ========================================================= */ .elementor-element-949b9b4 .elementor-testimonial-item-wrapper { width: 100%; position: relative; } .elementor-element-949b9b4 .tmcore-carousel { width: 100%; position: relative; padding: 0 0 20px !important; } .elementor-element-949b9b4 .splide__track { width: 100% !important; overflow: hidden !important; } .elementor-element-949b9b4 .splide__list { align-items: stretch !important; } /* ========================================================= IMPORTANT: FORCE 3 CARDS ON DESKTOP ========================================================= */ .elementor-element-949b9b4 .splide__slide { width: 33.333333% !important; max-width: 33.333333% !important; min-width: 33.333333% !important; height: auto !important; padding: 0 9px !important; box-sizing: border-box !important; } /* ========================================================= EVENT CARD ========================================================= */ .elementor-element-949b9b4 .item-box { position: relative; width: 100% !important; max-width: 100% !important; height: 100% !important; min-height: 0 !important; display: flex !important; flex-direction: column !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: #ffffff !important; border: 1px solid #e4ebf3 !important; border-radius: 18px !important; box-shadow: 0 8px 28px rgba(18, 73, 123, .09) !important; transform: translateY(0); transition: transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s ease, border-color .35s ease !important; } .elementor-element-949b9b4 .item-box:hover { transform: translateY(-8px) !important; border-color: #b9d9f2 !important; box-shadow: 0 20px 45px rgba(14, 100, 174, .16) !important; } /* ========================================================= IMAGE ========================================================= */ .elementor-element-949b9b4 .elementor-testimonial-image { order: 1 !important; position: relative !important; display: block !important; width: 100% !important; height: 265px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; flex-shrink: 0 !important; } .elementor-element-949b9b4 .elementor-testimonial-image img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; margin: 0 !important; padding: 0 !important; transition: transform .7s cubic-bezier(.2,.8,.2,1), filter .45s ease !important; } .elementor-element-949b9b4 .item-box:hover .elementor-testimonial-image img { transform: scale(1.055) !important; } /* Image overlay */ .elementor-element-949b9b4 .elementor-testimonial-image::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 75px; background: linear-gradient( to top, rgba(10,42,76,.20), transparent ); pointer-events: none; } /* ========================================================= EVENT BADGE ========================================================= */ .elementor-element-949b9b4 .item-box::before { content: "EXHIBITION"; position: absolute; z-index: 10; top: 17px; left: 20px; display: flex; align-items: center; justify-content: center; min-height: 34px; padding: 0 14px; border-radius: 7px; background: #0875c5; color: #ffffff !important; font-size: 11px !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: .4px !important; text-transform: uppercase; box-shadow: 0 6px 15px rgba(0,83,157,.22); transition: transform .35s ease, background .35s ease; } .elementor-element-949b9b4 .item-box:hover::before { transform: translateY(-2px); background: #075da2; } /* Conference badge */ .elementor-element-949b9b4 #splide02-slide01 .item-box::before, .elementor-element-949b9b4 #splide02-clone01 .item-box::before, .elementor-element-949b9b4 #splide02-clone07 .item-box::before { content: "CONFERENCE"; } /* ========================================================= TITLE ========================================================= */ .elementor-element-949b9b4 .item-box > .title { order: 2 !important; display: block !important; width: 100% !important; box-sizing: border-box !important; margin: 0 !important; padding: 20px 26px 5px !important; color: #173d72 !important; font-family: inherit !important; font-size: 25px !important; line-height: 1.28 !important; font-weight: 800 !important; text-align: left !important; white-space: normal !important; } /* ========================================================= DATE ========================================================= */ .elementor-element-949b9b4 .item-box .details { order: 3 !important; display: flex !important; align-items: center !important; width: 100% !important; box-sizing: border-box !important; margin: 0 !important; padding: 5px 26px 4px !important; min-height: 32px !important; text-align: left !important; } .elementor-element-949b9b4 .item-box .details .name { position: relative !important; display: block !important; margin: 0 !important; padding: 0 0 0 26px !important; color: #52637a !important; font-size: 14px !important; line-height: 1.4 !important; font-weight: 700 !important; letter-spacing: .2px !important; } /*.elementor-element-949b9b4 .item-box .details .name::before {*/ /* content: "";*/ /* position: absolute;*/ /* left: 0;*/ /* top: -1px;*/ /* color: #0876c7;*/ /* font-size: 16px;*/ /* line-height: 1;*/ /*}*/ /* Remove empty job */ .elementor-element-949b9b4 .item-box .details .job { display: none !important; } /* ========================================================= DESCRIPTION ========================================================= */ .elementor-element-949b9b4 .item-box > .content { order: 4 !important; display: block !important; width: 100% !important; box-sizing: border-box !important; margin: 0 !important; padding: 9px 26px 24px !important; color: #59687c !important; font-size: 15px !important; line-height: 1.65 !important; font-weight: 400 !important; text-align: left !important; flex: 1 1 auto !important; } /* ========================================================= VIEW EVENT BUTTON ========================================================= */ .elementor-element-949b9b4 .item-box > .content::after { content: "View Event →"; display: flex !important; align-items: center !important; justify-content: center !important; width: 170px !important; height: 46px !important; box-sizing: border-box !important; margin-top: 17px !important; border: 1.5px solid #1478ca !important; border-radius: 25px !important; background: #ffffff !important; color: #0869b7 !important; font-size: 15px !important; line-height: 1 !important; font-weight: 700 !important; box-shadow: none !important; transition: background .35s ease, color .35s ease, transform .35s ease, box-shadow .35s ease !important; } .elementor-element-949b9b4 .item-box:hover .item-box > .content::after { background: #1478ca !important; color: #ffffff !important; transform: translateX(3px); box-shadow: 0 8px 20px rgba(20,120,202,.20) !important; } /* Correct .elementor-5034 .elementor-element.elementor-element-949b9b4 */ .elementor-element-949b9b4 .item-box:hover > .content::after { background: #1478ca !important; color: #ffffff !important; transform: translateX(3px); } /* ========================================================= PAGINATION ========================================================= */ .elementor-element-949b9b4 .splide__pagination { position: relative !important; left: auto !important; bottom: auto !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 7px !important; margin: 18px 0 0 !important; padding: 0 !important; } .elementor-element-949b9b4 .splide__pagination__page { width: 9px !important; height: 9px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: #b8d5e9 !important; opacity: 1 !important; transform: none !important; transition: width .35s ease, background .35s ease !important; } .elementor-element-949b9b4 .splide__pagination__page.is-active { width: 31px !important; border-radius: 10px !important; background: #1478ca !important; } /* ========================================================= DESKTOP ARROW VISUALS ========================================================= */ @media (min-width: 1100px) { .elementor-element-949b9b4 .tmcore-carousel::before, .elementor-element-949b9b4 .tmcore-carousel::after { position: absolute; z-index: 20; top: 46%; width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #ffffff; color: #126db8; font-size: 28px; font-weight: 400; box-shadow: 0 6px 22px rgba(15,70,115,.13); pointer-events: none; } .elementor-element-949b9b4 .tmcore-carousel::before { content: "‹"; left: -30px; } .elementor-element-949b9b4 .tmcore-carousel::after { content: "›"; right: -30px; } } /* ========================================================= CARD REVEAL ANIMATION ========================================================= */ @keyframes eventCardUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } } .elementor-element-949b9b4 .splide__slide.is-visible .item-box { animation: eventCardUp .65s cubic-bezier(.2,.8,.2,1) both; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1100px) and (min-width: 768px) { .elementor-element-949b9b4 { padding: 60px 20px 65px !important; } .elementor-element-949b9b4 .elementor-element-7834071 h2 { font-size: 40px !important; } .elementor-element-949b9b4 .splide__slide { width: 100% !important; max-width: 100% !important; min-width: 100% !important; padding: 0 8px !important; } .elementor-element-949b9b4 .elementor-testimonial-image { height: 300px !important; } .elementor-element-949b9b4 .item-box > .title { font-size: 24px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-element-949b9b4 { padding: 50px 12px 55px !important; } .elementor-element-949b9b4 .elementor-container { width: 100% !important; } /* Heading */ .elementor-element-949b9b4 .elementor-element-b447cb3 .elementor-heading-title { font-size: 11px !important; letter-spacing: 3px !important; gap: 9px; } .elementor-element-949b9b4 .elementor-element-b447cb3 .elementor-heading-title::before, .elementor-element-949b9b4 .elementor-element-b447cb3 .elementor-heading-title::after { width: 22px; } .elementor-element-949b9b4 .elementor-element-7834071 h2 { font-size: 30px !important; line-height: 1.2 !important; } .elementor-element-949b9b4 .elementor-element-3a0848c { padding: 0 8px; margin-bottom: 28px !important; } .elementor-element-949b9b4 .elementor-element-3a0848c .elementor-heading-title { font-size: 14px !important; line-height: 1.6 !important; } /* One card on mobile */ .elementor-element-949b9b4 .splide__slide { width: 100% !important; max-width: 100% !important; min-width: 100% !important; padding: 0 2px !important; } /* Card */ .elementor-element-949b9b4 .item-box { border-radius: 16px !important; } /* Image */ .elementor-element-949b9b4 .elementor-testimonial-image { height: 220px !important; } /* Badge */ .elementor-element-949b9b4 .item-box::before { top: 15px; left: 15px; min-height: 32px; padding: 0 11px; font-size: 10px !important; } /* Title */ .elementor-element-949b9b4 .item-box > .title { padding: 18px 20px 5px !important; font-size: 21px !important; line-height: 1.3 !important; text-align: left !important; } /* Date */ .elementor-element-949b9b4 .item-box .details { padding: 5px 20px 3px !important; } .elementor-element-949b9b4 .item-box .details .name { font-size: 13px !important; } /* Description */ .elementor-element-949b9b4 .item-box > .content { padding: 8px 20px 22px !important; font-size: 14px !important; line-height: 1.6 !important; } /* Button */ .elementor-element-949b9b4 .item-box > .content::after { width: 155px !important; height: 43px !important; margin-top: 15px !important; font-size: 14px !important; } /* Mobile hover */ .elementor-element-949b9b4 .item-box:hover { transform: translateY(-4px) !important; } .elementor-element-949b9b4 .item-box:hover .elementor-testimonial-image img { transform: scale(1.035) !important; } /* Hide CSS arrow visuals */ .elementor-element-949b9b4 .tmcore-carousel::before, .elementor-element-949b9b4 .tmcore-carousel::after { display: none !important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .elementor-element-949b9b4 { padding-left: 10px !important; padding-right: 10px !important; } .elementor-element-949b9b4 .elementor-element-7834071 h2 { font-size: 27px !important; } .elementor-element-949b9b4 .elementor-testimonial-image { height: 205px !important; } .elementor-element-949b9b4 .item-box > .title { font-size: 19px !important; } .elementor-element-949b9b4 .item-box > .content { font-size: 13.5px !important; } div#splide02 { margin-left: 0px !important; } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-element-949b9b4 *, .elementor-element-949b9b4 *::before, .elementor-element-949b9b4 *::after { animation: none !important; transition: none !important; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-1ca825d *//* ========================================================= UMD — INDIA DISTRIBUTOR NETWORK SECTION ID: 1ca825d LIGHT DOTTED HOMEPAGE THEME BLUE ONLY FULLY RESPONSIVE ========================================================= */ /* ========================================================= VARIABLES ========================================================= */ [data-id="1ca825d"] { --umd-blue: #1675d1; --umd-blue-dark: #0d5ca8; --umd-heading: #12395f; --umd-text: #617b96; position: relative; overflow: hidden; /* * LIGHT DOTTED TEXTURE * Similar to Trusted Brands section */ background-color: #f8fcff !important; background-image: radial-gradient( circle, rgba(22, 117, 209, 0.085) 1.25px, transparent 1.35px ) !important; background-size: 13px 13px !important; padding: 10px 0 20px !important; } /* ========================================================= VERY LIGHT OVERLAY ========================================================= */ [data-id="1ca825d"]::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient( 180deg, rgba(255,255,255,0.18) 0%, rgba(247,252,255,0.08) 50%, rgba(255,255,255,0.25) 100% ); } /* ========================================================= SOFT BLUE GLOW — LEFT ========================================================= */ [data-id="1ca825d"]::after { content: ""; position: absolute; width: 480px; height: 480px; left: -260px; top: 50%; transform: translateY(-50%); border-radius: 50%; background: radial-gradient( circle, rgba(22,117,209,0.045) 0%, rgba(22,117,209,0.018) 42%, transparent 72% ); pointer-events: none; z-index: 0; } /* ========================================================= MAIN CONTAINER ========================================================= */ [data-id="1ca825d"] > .elementor-container { position: relative; z-index: 2; width: 92%; max-width: 1240px; margin-left: auto; margin-right: auto; display: flex; align-items: center; gap: 55px; } /* ========================================================= LEFT COLUMN — MAP ========================================================= */ [data-id="1ca825d"] [data-id="f1f273f"] { width: 50%; position: relative; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } /* ========================================================= MAP SOFT GLOW ========================================================= */ [data-id="1ca825d"] [data-id="f1f273f"]::before { content: ""; position: absolute; width: 430px; height: 430px; max-width: 90%; border-radius: 50%; background: radial-gradient( circle, rgba(22,117,209,0.065) 0%, rgba(22,117,209,0.025) 42%, transparent 70% ); filter: blur(15px); pointer-events: none; z-index: 0; } /* ========================================================= IMAGE WIDGET ========================================================= */ [data-id="1ca825d"] [data-id="3215a76"] { width: 100%; position: relative; z-index: 2; text-align: center; margin: 0 !important; } /* ========================================================= INDIA MAP ========================================================= */ [data-id="1ca825d"] [data-id="3215a76"] img { display: block; width: 100%; max-width: 560px; height: auto; margin: 0 auto; object-fit: contain; filter: drop-shadow( 0 16px 28px rgba(18,57,95,0.10) ); transition: transform 0.4s ease, filter 0.4s ease; } /* ========================================================= MAP HOVER ========================================================= */ @media (min-width: 768px) { [data-id="1ca825d"] [data-id="3215a76"] img:hover { transform: translateY(-5px) scale(1.012); filter: drop-shadow( 0 22px 36px rgba(18,57,95,0.14) ); } } /* ========================================================= RIGHT COLUMN ========================================================= */ [data-id="1ca825d"] [data-id="c1dd7e4"] { width: 50%; position: relative; z-index: 3; min-width: 0; } /* ========================================================= SMALL LABEL ========================================================= */ [data-id="1ca825d"] [data-id="ab5a28d"] { margin: 0 0 13px 0 !important; } [data-id="1ca825d"] [data-id="ab5a28d"] .elementor-heading-title { position: relative; display: inline-flex; align-items: center; color: var(--umd-blue) !important; font-size: 13px; font-weight: 700; line-height: 1.3; letter-spacing: 2.5px; text-transform: uppercase; } /* ========================================================= BLUE LINES ========================================================= */ [data-id="1ca825d"] [data-id="ab5a28d"] .elementor-heading-title::before { content: ""; display: block; width: 35px; height: 2px; margin-right: 13px; flex-shrink: 0; background: var(--umd-blue); border-radius: 10px; } /* ========================================================= MAIN HEADING ========================================================= */ [data-id="1ca825d"] [data-id="87437bb"] { margin: 0 0 20px 0 !important; } [data-id="1ca825d"] [data-id="87437bb"] .elementor-heading-title { margin: 0 !important; color: var(--umd-heading) !important; font-size: clamp(38px, 4vw, 56px); font-weight: 700; line-height: 1.08; letter-spacing: -1.25px; word-wrap: break-word; } /* ========================================================= DESCRIPTION ========================================================= */ [data-id="1ca825d"] [data-id="8264141"] { width: 100%; max-width: 610px; margin: 0 0 30px 0 !important; } [data-id="1ca825d"] [data-id="8264141"] .elementor-heading-title { margin: 0 !important; color: var(--umd-text) !important; font-size: 17px; font-weight: 400; line-height: 1.75; letter-spacing: 0; } /* ========================================================= BUTTON ========================================================= */ [data-id="1ca825d"] [data-id="0ffec73"] { margin: 0 !important; } [data-id="1ca825d"] [data-id="0ffec73"] .elementor-button { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 27px; background: var(--umd-blue) !important; border: 1px solid var(--umd-blue) !important; border-radius: 5px; color: #ffffff !important; font-size: 15.5px; font-weight: 600; line-height: 1; text-decoration: none; box-shadow: 0 8px 20px rgba(22,117,209,0.15); transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; } /* ========================================================= BUTTON HOVER ========================================================= */ [data-id="1ca825d"] [data-id="0ffec73"] .elementor-button:hover { background: var(--umd-blue-dark) !important; border-color: var(--umd-blue-dark) !important; color: #ffffff !important; transform: translateY(-2px); box-shadow: 0 12px 28px rgba(22,117,209,0.22); } /* ========================================================= BUTTON TEXT ========================================================= */ [data-id="1ca825d"] [data-id="0ffec73"] .elementor-button-text { transition: transform 0.3s ease; } [data-id="1ca825d"] [data-id="0ffec73"] .elementor-button:hover .elementor-button-text { transform: translateX(3px); } /* ========================================================= TABLET — 1024px ========================================================= */ @media (max-width: 1024px) { [data-id="1ca825d"] { padding: 65px 0 70px !important; } [data-id="1ca825d"] > .elementor-container { width: 90%; gap: 35px; } [data-id="1ca825d"] [data-id="f1f273f"], [data-id="1ca825d"] [data-id="c1dd7e4"] { width: 50%; } [data-id="1ca825d"] [data-id="3215a76"] img { max-width: 500px; } [data-id="1ca825d"] [data-id="87437bb"] .elementor-heading-title { font-size: 43px; } [data-id="1ca825d"] [data-id="8264141"] .elementor-heading-title { font-size: 16px; line-height: 1.7; } } /* ========================================================= MOBILE — 767px ========================================================= */ @media (max-width: 767px) { [data-id="1ca825d"] { padding: 52px 0 58px !important; background-size: 12px 12px !important; } [data-id="1ca825d"] > .elementor-container { width: 88%; display: flex; flex-direction: column; align-items: stretch; gap: 5px; } /* Full width */ [data-id="1ca825d"] [data-id="f1f273f"], [data-id="1ca825d"] [data-id="c1dd7e4"] { width: 100%; max-width: 100%; } /* Map first */ [data-id="1ca825d"] [data-id="f1f273f"] { order: 1; } /* Content second */ [data-id="1ca825d"] [data-id="c1dd7e4"] { order: 2; text-align: left; } /* Map */ [data-id="1ca825d"] [data-id="3215a76"] { margin-bottom: 10px !important; } [data-id="1ca825d"] [data-id="3215a76"] img { width: 90%; max-width: 430px; } /* Label */ [data-id="1ca825d"] [data-id="ab5a28d"] { margin-bottom: 9px !important; } [data-id="1ca825d"] [data-id="ab5a28d"] .elementor-heading-title { font-size: 11.5px; letter-spacing: 1.9px; } [data-id="1ca825d"] [data-id="ab5a28d"] .elementor-heading-title::before { width: 25px; height: 2px; margin-right: 9px; } /* Heading */ [data-id="1ca825d"] [data-id="87437bb"] { margin-bottom: 15px !important; } [data-id="1ca825d"] [data-id="87437bb"] .elementor-heading-title { font-size: 35px; line-height: 1.12; letter-spacing: -0.7px; } /* Description */ [data-id="1ca825d"] [data-id="8264141"] { max-width: 100%; margin-bottom: 24px !important; } [data-id="1ca825d"] [data-id="8264141"] .elementor-heading-title { font-size: 15.5px; line-height: 1.7; } /* Button */ [data-id="1ca825d"] [data-id="0ffec73"] .elementor-button { min-height: 48px; padding: 0 22px; font-size: 15px; } /* Reduce glow */ [data-id="1ca825d"] [data-id="f1f273f"]::before { width: 300px; height: 300px; } } /* ========================================================= SMALL MOBILE — 480px ========================================================= */ @media (max-width: 480px) { [data-id="1ca825d"] { padding: 45px 0 50px !important; } [data-id="1ca825d"] > .elementor-container { width: 88%; gap: 3px; } [data-id="1ca825d"] [data-id="3215a76"] img { width: 94%; max-width: 400px; } [data-id="1ca825d"] [data-id="87437bb"] .elementor-heading-title { font-size: 31px; line-height: 1.12; letter-spacing: -0.5px; } [data-id="1ca825d"] [data-id="8264141"] .elementor-heading-title { font-size: 15px; line-height: 1.65; } [data-id="1ca825d"] [data-id="0ffec73"] .elementor-button { min-height: 47px; padding: 0 20px; } } /* ========================================================= EXTRA SMALL — 360px ========================================================= */ @media (max-width: 360px) { [data-id="1ca825d"] { padding: 40px 0 45px !important; } [data-id="1ca825d"] > .elementor-container { width: 90%; } [data-id="1ca825d"] [data-id="3215a76"] img { width: 96%; } [data-id="1ca825d"] [data-id="87437bb"] .elementor-heading-title { font-size: 28px; } [data-id="1ca825d"] [data-id="8264141"] .elementor-heading-title { font-size: 14.5px; line-height: 1.65; } [data-id="1ca825d"] [data-id="0ffec73"] .elementor-button { min-height: 46px; padding: 0 18px; font-size: 14px; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-4d6896c *//* ========================================================= UMD — EXPERT CONSULTATION / SOCIAL FOLLOW SECTION SECTION ID: 4d6896c FINAL CSS — LINKEDIN FIXED ========================================================= */ /* ========================================================= SECTION ========================================================= */ .elementor-element-4d6896c { position: relative !important; width: 100% !important; padding: 28px 0 !important; overflow: hidden !important; background: radial-gradient( circle at 8% 50%, rgba(57,166,255,.14), transparent 30% ), radial-gradient( circle at 92% 20%, rgba(61,169,255,.12), transparent 32% ), linear-gradient( 180deg, #ffffff 0%, #f3faff 100% ) !important; } /* ========================================================= BACKGROUND ORBS ========================================================= */ .elementor-element-4d6896c::before { content: ""; position: absolute; width: 340px; height: 340px; left: -190px; top: 50%; transform: translateY(-50%); border-radius: 50%; background: radial-gradient( circle, rgba(62,171,255,.18), rgba(62,171,255,.05) 55%, transparent 72% ); pointer-events: none; animation: umdSocialOrb 9s ease-in-out infinite; } .elementor-element-4d6896c::after { content: ""; position: absolute; width: 280px; height: 280px; right: -130px; top: -110px; border-radius: 50%; background: radial-gradient( circle, rgba(62,171,255,.15), transparent 70% ); pointer-events: none; animation: umdSocialOrb2 10s ease-in-out infinite; } /* ========================================================= MAIN GLASS CONTAINER ========================================================= */ .elementor-element-4d6896c > .elementor-container { position: relative; z-index: 5; width: calc(100% - 80px) !important; max-width: 1960px !important; min-height: 290px; margin: 0 auto !important; padding: 25px 55px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 30px; overflow: hidden; border-radius: 28px; border: 1px solid rgba(255,255,255,.95); background: linear-gradient( 115deg, rgba(238,249,255,.94), rgba(252,254,255,.97) 48%, rgba(238,249,255,.94) ); box-shadow: 0 24px 60px rgba(42,139,195,.15), 0 6px 22px rgba(42,139,195,.07), inset 0 1px 0 rgba(255,255,255,.95); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); transition: transform .45s ease, box-shadow .45s ease; } /* ========================================================= INNER LIGHT ========================================================= */ .elementor-element-4d6896c > .elementor-container::before { content: ""; position: absolute; width: 480px; height: 480px; left: -250px; top: -280px; border-radius: 50%; background: radial-gradient( circle, rgba(91,188,255,.18), transparent 68% ); pointer-events: none; } /* ========================================================= LEFT COLUMN ========================================================= */ .elementor-element-4d6896c .elementor-element-c53fbc7 { width: 48% !important; flex: 1 1 48%; position: relative; z-index: 3; padding: 0 !important; animation: umdSocialLeft .85s ease both; } /* ========================================================= LEFT LABEL ========================================================= */ .elementor-element-4d6896c .elementor-element-996e1d2 { margin: 0 0 12px !important; } .elementor-element-4d6896c .elementor-element-996e1d2 .elementor-heading-title { position: relative; display: inline-flex; align-items: center; gap: 12px; margin: 0 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 13px !important; line-height: 1 !important; font-weight: 500 !important; letter-spacing: 2px !important; text-transform: uppercase; color: #2385e8 !important; } .elementor-element-4d6896c .elementor-element-996e1d2 .elementor-heading-title::before { content: ""; width: 34px; height: 2px; flex: 0 0 34px; border-radius: 10px; background: linear-gradient( 90deg, #43aaff, #147de1 ); box-shadow: 0 0 8px rgba(36,139,236,.22); } /* ========================================================= MAIN HEADING ========================================================= */ .elementor-element-4d6896c .elementor-element-5a89cd4 { margin: 0 0 10px !important; } .elementor-element-4d6896c .elementor-element-5a89cd4 .elementor-heading-title { margin: 0 !important; max-width: 720px; font-family: Georgia, "Times New Roman", serif !important; font-size: 14 !important; line-height: 1.05 !important; font-weight: 700 !important; letter-spacing: -1.4px !important; color: #123d68 !important; } /* ========================================================= DESCRIPTION ========================================================= */ .elementor-element-4d6896c .elementor-element-6a37301 { margin: 0 !important; max-width: 720px; } .elementor-element-4d6896c .elementor-element-6a37301 .elementor-heading-title { margin: 0 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 13px !important; line-height: 1.55 !important; font-weight: 400 !important; color: #617990 !important; } /* ========================================================= CENTER IMAGE ========================================================= */ .elementor-element-4d6896c .elementor-element-0fa124e { width: 25% !important; flex: 0 0 25%; position: relative; z-index: 3; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; animation: umdSocialCenter .9s ease .12s both; } /* ========================================================= IMAGE GLOW ========================================================= */ .elementor-element-4d6896c .elementor-element-0fa124e::before { content: ""; position: absolute; width: 230px; height: 230px; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%; background: radial-gradient( circle, rgba(72,176,255,.20), rgba(72,176,255,.07) 45%, transparent 72% ); filter: blur(5px); pointer-events: none; } .elementor-element-4d6896c .elementor-element-4063992 { position: relative; z-index: 2; width: 100%; display: flex; align-items: center; justify-content: center; margin: 0 !important; } .elementor-element-4d6896c .elementor-element-4063992 img { width: 245px !important; height: 245px !important; max-width: 100% !important; object-fit: contain; display: block; filter: drop-shadow( 0 18px 22px rgba(23,124,210,.16) ); animation: umdPhoneFloat 5s ease-in-out infinite; transition: transform .45s ease, filter .45s ease; } .elementor-element-4d6896c .elementor-element-0fa124e:hover .elementor-element-4063992 img { transform: translateY(-7px) scale(1.045); filter: drop-shadow( 0 25px 32px rgba(23,124,210,.24) ); } /* ========================================================= RIGHT COLUMN ========================================================= */ .elementor-element-4d6896c .elementor-element-3c893ec { width: 27% !important; flex: 0 0 27%; position: relative; z-index: 3; padding: 0 0 0 30px !important; border-left: 1px solid rgba(77,154,208,.22); animation: umdSocialRight .85s ease .2s both; } /* ========================================================= FOLLOW TITLE ========================================================= */ .elementor-element-4d6896c .elementor-element-2d31afd { margin: 0 0 24px !important; } .elementor-element-4d6896c .elementor-element-2d31afd .elementor-heading-title { font-size: 0 !important; margin: 0 !important; line-height: 1 !important; } .elementor-element-4d6896c .elementor-element-2d31afd .elementor-heading-title::after { content: "FOLLOW US ON"; display: block; font-family: Arial, Helvetica, sans-serif !important; font-size: 18px !important; font-weight: 700 !important; letter-spacing: 2px; line-height: 1.2; color: #126fc7; } /* ========================================================= SOCIAL WRAPPER ========================================================= */ .elementor-element-4d6896c .elementor-element-c9caf36 { width: 100% !important; margin: 0 !important; } .elementor-element-4d6896c .elementor-social-icons-wrapper { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 17px !important; flex-wrap: nowrap !important; width: max-content; max-width: 100%; } /* ========================================================= SOCIAL ITEM ========================================================= */ .elementor-element-4d6896c .elementor-social-icons-wrapper .elementor-grid-item { width: 58px !important; height: 58px !important; flex: 0 0 58px !important; display: block !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= SOCIAL BUTTON ========================================================= */ .elementor-element-4d6896c .elementor-social-icons-wrapper .elementor-icon { position: relative; width: 58px !important; height: 58px !important; min-width: 58px !important; min-height: 58px !important; padding: 0 !important; margin: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; overflow: hidden; text-decoration: none !important; border: 2px solid rgba(255,255,255,.92) !important; box-shadow: 0 10px 20px rgba(32,119,185,.17), 0 2px 7px rgba(32,119,185,.08); transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease, filter .35s ease; } /* ========================================================= REMOVE FONT AWESOME ========================================================= */ .elementor-element-4d6896c .elementor-social-icons-wrapper .elementor-icon i { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; } /* ========================================================= UNIVERSAL ICON LAYER ========================================================= */ .elementor-element-4d6896c .elementor-social-icons-wrapper .elementor-icon::before { content: ""; position: absolute; left: 50%; top: 50%; width: 28px; height: 28px; transform: translate(-50%,-50%); background-repeat: no-repeat; background-position: center; background-size: contain; z-index: 5; pointer-events: none; } /* ========================================================= FACEBOOK ========================================================= */ .elementor-element-4d6896c .elementor-social-icon-facebook { background: linear-gradient( 145deg, #48a7ff, #0879dc ) !important; } .elementor-element-4d6896c .elementor-social-icon-facebook::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M13.5 21v-8h2.7l.4-3h-3.1V8.1c0-.9.3-1.5 1.6-1.5h1.7V4c-.3 0-1.4-.1-2.5-.1-2.5 0-4.2 1.5-4.2 4.3V10H7.3v3h2.8v8z'/%3E%3C/svg%3E"); width: 29px; height: 29px; } /* ========================================================= INSTAGRAM ========================================================= */ .elementor-element-4d6896c .elementor-social-icon-x-twitter { background: linear-gradient( 135deg, #833ab4 0%, #fd1d1d 48%, #fcb045 100% ) !important; } .elementor-element-4d6896c .elementor-social-icon-x-twitter::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='18' height='18' rx='5' fill='none' stroke='white' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='4' fill='none' stroke='white' stroke-width='2'/%3E%3Ccircle cx='17.5' cy='6.7' r='1.2' fill='white'/%3E%3C/svg%3E"); width: 29px; height: 29px; } /* ========================================================= YOUTUBE ========================================================= */ .elementor-element-4d6896c .elementor-social-icon-youtube { background: linear-gradient( 145deg, #ff4545, #e60000 ) !important; } .elementor-element-4d6896c .elementor-social-icon-youtube::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M21.6 7.2a2.9 2.9 0 0 0-2-2C17.8 4.7 12 4.7 12 4.7s-5.8 0-7.6.5a2.9 2.9 0 0 0-2 2C2 9 2 12 2 12s0 3 .4 4.8a2.9 2.9 0 0 0 2 2c1.8.5 7.6.5 7.6.5s5.8 0 7.6-.5a2.9 2.9 0 0 0 2-2C22 15 22 12 22 12s0-3-.4-4.8ZM10 15.3V8.7l6 3.3-6 3.3Z'/%3E%3C/svg%3E"); width: 30px; height: 30px; } /* ========================================================= LINKEDIN — FIX ========================================================= */ .elementor-element-4d6896c .elementor-social-icon-linkedin { background: linear-gradient( 145deg, #1688d8, #0066a8 ) !important; } .elementor-element-4d6896c .elementor-social-icon-linkedin::before { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M5.2 3.5A2.2 2.2 0 1 1 5.2 8a2.2 2.2 0 0 1 0-4.5ZM3.3 9.7h3.8V21H3.3V9.7Zm6.1 0h3.6v1.5h.1c.5-.9 1.8-1.9 3.7-1.9 4 0 4.7 2.6 4.7 6V21h-3.8v-5c0-1.2 0-2.8-1.7-2.8s-2 1.3-2 2.7V21H9.4V9.7Z'/%3E%3C/svg%3E"); width: 29px; height: 29px; } /* ========================================================= ICON SHINE ========================================================= */ .elementor-element-4d6896c .elementor-social-icons-wrapper .elementor-icon::after { content: ""; position: absolute; width: 85px; height: 30px; left: -110px; top: 5px; transform: rotate(-28deg); background: linear-gradient( 90deg, transparent, rgba(255,255,255,.42), transparent ); transition: left .55s ease; z-index: 8; pointer-events: none; } /* ========================================================= HOVER ========================================================= */ .elementor-element-4d6896c .elementor-social-icons-wrapper .elementor-icon:hover { transform: translateY(-7px) scale(1.07); box-shadow: 0 17px 30px rgba(30,126,207,.25), 0 0 0 5px rgba(73,168,244,.08); filter: saturate(1.12); } .elementor-element-4d6896c .elementor-social-icons-wrapper .elementor-icon:hover::after { left: 90px; } .elementor-element-4d6896c .elementor-social-icons-wrapper .elementor-icon:hover::before { transform: translate(-50%,-50%) scale(1.10); transition: transform .3s ease; } /* ========================================================= ENTRY ANIMATIONS ========================================================= */ .elementor-element-4d6896c .elementor-social-icons-wrapper .elementor-grid-item:nth-child(1) { animation: umdIconPop .65s ease .35s both; } .elementor-element-4d6896c .elementor-social-icons-wrapper .elementor-grid-item:nth-child(2) { animation: umdIconPop .65s ease .45s both; } .elementor-element-4d6896c .elementor-social-icons-wrapper .elementor-grid-item:nth-child(3) { animation: umdIconPop .65s ease .55s both; } .elementor-element-4d6896c .elementor-social-icons-wrapper .elementor-grid-item:nth-child(4) { animation: umdIconPop .65s ease .65s both; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1200px) { .elementor-element-4d6896c > .elementor-container { width: calc(100% - 50px) !important; padding: 25px 38px !important; gap: 20px; } .elementor-element-4d6896c .elementor-element-c53fbc7 { width: 46% !important; flex-basis: 46%; } .elementor-element-4d6896c .elementor-element-0fa124e { width: 25% !important; flex-basis: 25%; } .elementor-element-4d6896c .elementor-element-3c893ec { width: 29% !important; flex-basis: 29%; padding-left: 22px !important; } .elementor-element-4d6896c .elementor-element-4063992 img { width: 205px !important; height: 205px !important; } .elementor-element-4d6896c .elementor-element-5a89cd4 .elementor-heading-title { font-size: 39px !important; } .elementor-element-4d6896c .elementor-element-6a37301 .elementor-heading-title { font-size: 15px !important; } .elementor-element-4d6896c .elementor-social-icons-wrapper { gap: 10px !important; } .elementor-element-4d6896c .elementor-social-icons-wrapper .elementor-grid-item, .elementor-element-4d6896c .elementor-social-icons-wrapper .elementor-icon { width: 50px !important; height: 50px !important; min-width: 50px !important; min-height: 50px !important; flex-basis: 50px !important; } .elementor-element-4d6896c .elementor-social-icons-wrapper .elementor-icon::before { width: 25px; height: 25px; } } /* ========================================================= TABLET / MOBILE ========================================================= */ @media (max-width: 900px) { .elementor-element-4d6896c { padding: 20px 0 !important; } .elementor-element-4d6896c > .elementor-container { width: calc(100% - 32px) !important; min-height: auto; padding: 35px 28px !important; flex-wrap: wrap; justify-content: center !important; text-align: center; gap: 25px; } .elementor-element-4d6896c .elementor-element-c53fbc7 { width: 100% !important; flex-basis: 100% !important; } .elementor-element-4d6896c .elementor-element-0fa124e { width: 100% !important; flex-basis: 100% !important; order: 2; } .elementor-element-4d6896c .elementor-element-3c893ec { width: 100% !important; flex-basis: 100% !important; order: 3; padding: 22px 0 0 !important; border-left: 0; border-top: 1px solid rgba(77,154,208,.18); } .elementor-element-4d6896c .elementor-element-996e1d2 .elementor-heading-title { justify-content: center; } .elementor-element-4d6896c .elementor-element-5a89cd4 .elementor-heading-title { max-width: 650px; margin: 0 auto !important; font-size: 38px !important; } .elementor-element-4d6896c .elementor-element-6a37301 .elementor-heading-title { max-width: 650px; margin: 0 auto !important; } .elementor-element-4d6896c .elementor-element-4063992 img { width: 210px !important; height: 210px !important; } .elementor-element-4d6896c .elementor-element-2d31afd { margin-bottom: 18px !important; } .elementor-element-4d6896c .elementor-social-icons-wrapper { justify-content: center !important; margin: 0 auto !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-element-4d6896c { padding: 16px 0 !important; } .elementor-element-4d6896c > .elementor-container { width: calc(100% - 22px) !important; padding: 28px 18px !important; border-radius: 22px; gap: 20px; } .elementor-element-4d6896c .elementor-element-996e1d2 { margin-bottom: 10px !important; } .elementor-element-4d6896c .elementor-element-996e1d2 .elementor-heading-title { font-size: 11px !important; letter-spacing: 1.5px !important; gap: 8px; } .elementor-element-4d6896c .elementor-element-996e1d2 .elementor-heading-title::before { width: 25px; flex-basis: 25px; } .elementor-element-4d6896c .elementor-element-5a89cd4 .elementor-heading-title { font-size: 29px !important; line-height: 1.1 !important; letter-spacing: -.7px !important; } .elementor-element-4d6896c .elementor-element-6a37301 .elementor-heading-title { font-size: 13.5px !important; line-height: 1.6 !important; } .elementor-element-4d6896c .elementor-element-4063992 img { width: 175px !important; height: 175px !important; } .elementor-element-4d6896c .elementor-element-0fa124e::before { width: 170px; height: 170px; } .elementor-element-4d6896c .elementor-element-2d31afd .elementor-heading-title::after { font-size: 14px !important; letter-spacing: 1.7px; text-align: center; } .elementor-element-4d6896c .elementor-social-icons-wrapper { gap: 11px !important; } .elementor-element-4d6896c .elementor-social-icons-wrapper .elementor-grid-item, .elementor-element-4d6896c .elementor-social-icons-wrapper .elementor-icon { width: 48px !important; height: 48px !important; min-width: 48px !important; min-height: 48px !important; flex: 0 0 48px !important; } .elementor-element-4d6896c .elementor-social-icons-wrapper .elementor-icon::before { width: 24px; height: 24px; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .elementor-element-4d6896c > .elementor-container { width: calc(100% - 16px) !important; padding: 25px 15px !important; border-radius: 20px; } .elementor-element-4d6896c .elementor-element-5a89cd4 .elementor-heading-title { font-size: 26px !important; } .elementor-element-4d6896c .elementor-element-6a37301 .elementor-heading-title { font-size: 13px !important; } .elementor-element-4d6896c .elementor-element-4063992 img { width: 155px !important; height: 155px !important; } .elementor-element-4d6896c .elementor-social-icons-wrapper { gap: 8px !important; } .elementor-element-4d6896c .elementor-social-icons-wrapper .elementor-grid-item, .elementor-element-4d6896c .elementor-social-icons-wrapper .elementor-icon { width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; flex: 0 0 44px !important; } .elementor-element-4d6896c .elementor-social-icons-wrapper .elementor-icon::before { width: 22px; height: 22px; } } /* ========================================================= ANIMATIONS ========================================================= */ @keyframes umdSocialLeft { from { opacity: 0; transform: translateX(-35px); } to { opacity: 1; transform: translateX(0); } } @keyframes umdSocialCenter { from { opacity: 0; transform: translateY(25px) scale(.92); } to { opacity: 1; transform: translateY(0) scale(1); } } @keyframes umdSocialRight { from { opacity: 0; transform: translateX(35px); } to { opacity: 1; transform: translateX(0); } } @keyframes umdIconPop { from { opacity: 0; transform: translateY(15px) scale(.7); } to { opacity: 1; transform: translateY(0) scale(1); } } @keyframes umdPhoneFloat { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-8px) rotate(-1deg); } } @keyframes umdSocialOrb { 0%, 100% { transform: translateY(-50%) translateX(0); } 50% { transform: translateY(-50%) translateX(25px); } } @keyframes umdSocialOrb2 { 0%, 100% { transform: translate(0,0); } 50% { transform: translate(-20px,20px); } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-element-4d6896c *, .elementor-element-4d6896c::before, .elementor-element-4d6896c::after { animation: none !important; transition: none !important; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-1f04adf *//* ========================================================= UMD — EXPERT CONSULTATION / CONTACT SECTION FINAL RESPONSIVE CSS SECTION: 1f04adf HTML EDIT REQUIRED: NO ========================================================= */ /* ========================================================= ROOT SECTION ========================================================= */ .elementor-element-1f04adf { position: relative; overflow: hidden; padding: 85px 0 !important; background: radial-gradient( circle at 78% 20%, rgba(65, 174, 255, 0.15), transparent 32% ), radial-gradient( circle at 5% 85%, rgba(91, 190, 255, 0.10), transparent 30% ), linear-gradient( 135deg, #ffffff 0%, #f8fcff 48%, #eef8ff 100% ); } /* ========================================================= BACKGROUND EFFECTS ========================================================= */ .elementor-element-1f04adf::before { content: ""; position: absolute; width: 520px; height: 520px; right: -180px; top: -220px; border-radius: 50%; background: radial-gradient( circle, rgba(76, 184, 255, 0.14), rgba(76, 184, 255, 0.03) 55%, transparent 70% ); pointer-events: none; animation: umdContactFloat 8s ease-in-out infinite; } .elementor-element-1f04adf::after { content: ""; position: absolute; width: 420px; height: 180px; left: -140px; bottom: -100px; border-radius: 50%; background: rgba(93, 190, 255, 0.08); filter: blur(5px); pointer-events: none; } /* ========================================================= MAIN CONTAINER ========================================================= */ .elementor-element-1f04adf > .elementor-container { position: relative; z-index: 2; max-width: 1180px; display: flex; align-items: center; gap: 65px; } /* ========================================================= LEFT CONTENT ========================================================= */ .elementor-element-1f04adf .elementor-element-af828e0 { width: 54%; padding: 20px 0 !important; } /* ========================================================= LABEL ========================================================= */ .elementor-element-1f04adf .elementor-element-2b6c287 { margin-bottom: 17px !important; } .elementor-element-1f04adf .elementor-element-2b6c287 p { position: relative; display: inline-flex; align-items: center; margin: 0 !important; font-size: 14px !important; font-weight: 700 !important; letter-spacing: 2px; color: #087ee8 !important; text-transform: uppercase; } .elementor-element-1f04adf .elementor-element-2b6c287 p::before { content: ""; width: 34px; height: 2px; margin-right: 14px; border-radius: 20px; background: #087ee8; } /* ========================================================= MAIN HEADING ========================================================= */ .elementor-element-1f04adf .elementor-element-8196b24 { margin-bottom: 20px !important; } .elementor-element-1f04adf .elementor-element-8196b24 h2 { margin: 0 !important; max-width: 620px; font-family: Georgia, "Times New Roman", serif; font-size: clamp(38px, 4vw, 58px) !important; line-height: 1.08 !important; font-weight: 700 !important; letter-spacing: -1.4px; color: #123d68 !important; } /* ========================================================= DESCRIPTION ========================================================= */ .elementor-element-1f04adf .elementor-element-19d061b { max-width: 620px; margin-bottom: 34px !important; } .elementor-element-1f04adf .elementor-element-19d061b p { margin: 0 !important; font-size: 17px !important; line-height: 1.75 !important; color: #60758d !important; } /* ========================================================= LEFT BUTTON AREA ========================================================= */ .elementor-element-1f04adf .elementor-element-44ef6ce { margin: 0 !important; } .elementor-element-1f04adf .elementor-element-44ef6ce > .elementor-container { gap: 14px !important; align-items: stretch !important; } .elementor-element-1f04adf .elementor-element-4ba905f, .elementor-element-1f04adf .elementor-element-2f537e8 { width: auto !important; flex: 0 1 auto; } /* ========================================================= BUTTONS ========================================================= */ .elementor-element-1f04adf .elementor-element-7b84144 a, .elementor-element-1f04adf .elementor-element-105917e a { position: relative; min-height: 54px; padding: 0 27px !important; display: inline-flex !important; align-items: center; justify-content: center; border-radius: 10px !important; font-size: 14px !important; font-weight: 700 !important; transition: transform .35s ease, box-shadow .35s ease, background .35s ease, border-color .35s ease; } /* PRIMARY */ .elementor-element-1f04adf .elementor-element-7b84144 a { color: #ffffff !important; background: linear-gradient( 135deg, #087ee8, #0b9bea ) !important; box-shadow: 0 12px 28px rgba(8,126,232,.20); } .elementor-element-1f04adf .elementor-element-7b84144 a:hover { transform: translateY(-4px); box-shadow: 0 18px 35px rgba(8,126,232,.30); } /* SECONDARY */ .elementor-element-1f04adf .elementor-element-105917e a { color: #087ee8 !important; background: rgba(255,255,255,.85) !important; border: 1.5px solid #83c7f7 !important; box-shadow: 0 8px 22px rgba(35,130,190,.07); } .elementor-element-1f04adf .elementor-element-105917e a:hover { color: #ffffff !important; background: #087ee8 !important; border-color: #087ee8 !important; transform: translateY(-4px); box-shadow: 0 15px 30px rgba(8,126,232,.22); } /* ========================================================= RIGHT FORM COLUMN ========================================================= */ .elementor-element-1f04adf .elementor-element-83f9737 { width: 46%; padding: 0 !important; } /* ========================================================= FORM CARD ========================================================= */ .elementor-element-1f04adf .elementor-element-83f9737 .elementor-widget-wrap { position: relative; padding: 34px !important; border-radius: 24px; background: rgba(255,255,255,.94); border: 1px solid rgba(128,190,235,.24); box-shadow: 0 25px 70px rgba(32,112,160,.13), 0 5px 18px rgba(32,112,160,.05); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); transition: transform .45s ease, box-shadow .45s ease; } .elementor-element-1f04adf .elementor-element-83f9737 .elementor-widget-wrap:hover { transform: translateY(-5px); box-shadow: 0 30px 75px rgba(32,112,160,.17), 0 8px 25px rgba(32,112,160,.07); } /* ========================================================= FORM HEADING ========================================================= */ .elementor-element-1f04adf .elementor-element-f55f1a6 { margin-bottom: 8px !important; } .elementor-element-1f04adf .elementor-element-f55f1a6 h2 { font-size: 0 !important; margin: 0 !important; } .elementor-element-1f04adf .elementor-element-f55f1a6 h2::after { content: "Get a Free Consultation"; display: block; font-family: Georgia, "Times New Roman", serif; font-size: 30px; line-height: 1.2; font-weight: 700; color: #123d68; } /* ========================================================= FORM DESCRIPTION ========================================================= */ .elementor-element-1f04adf .elementor-element-ae50ad5 { margin-bottom: 24px !important; } .elementor-element-1f04adf .elementor-element-ae50ad5 p { font-size: 15px !important; line-height: 1.6 !important; color: #6c7f94 !important; margin: 0 !important; } /* ========================================================= FORM ========================================================= */ .elementor-element-1f04adf .elementor-element-7c077a7 { width: 100%; } .elementor-element-1f04adf .elementor-element-7c077a7 .elementor-form { width: 100%; } /* ========================================================= FORM GROUP ========================================================= */ .elementor-element-1f04adf .elementor-field-group { margin-bottom: 14px !important; padding: 0 !important; } /* ========================================================= ALL FORM FIELDS ========================================================= */ .elementor-element-1f04adf .elementor-field { width: 100% !important; min-height: 54px; padding: 0 17px !important; border-radius: 10px !important; border: 1px solid #dce7f0 !important; background: #fbfdff !important; color: #234765 !important; font-size: 14px !important; font-family: inherit !important; box-shadow: none !important; transition: border-color .3s ease, background .3s ease, box-shadow .3s ease, transform .3s ease; box-sizing: border-box !important; } /* ========================================================= PLACEHOLDER ========================================================= */ .elementor-element-1f04adf .elementor-field::placeholder { color: #8a9bae !important; opacity: 1; } /* ========================================================= INPUT FOCUS ========================================================= */ .elementor-element-1f04adf .elementor-field:focus { outline: none !important; border-color: #56aef0 !important; background: #ffffff !important; box-shadow: 0 0 0 4px rgba(8,126,232,.08) !important; transform: translateY(-1px); } /* ========================================================= ⭐⭐⭐ FINAL DROPDOWN FIX ⭐⭐⭐ ========================================================= */ /* Elementor select structure: .elementor-select-wrapper ├── select └── .select-caret-down-wrapper Previous CSS was styling BOTH the wrapper and select, creating the double-border shown in the screenshot. This section completely resets the wrapper and gives the visual styling ONLY to the SELECT. */ /* --------------------------------------------------------- SELECT OUTER WRAPPER — REMOVE ALL VISUAL STYLING --------------------------------------------------------- */ .elementor-element-1f04adf .elementor-select-wrapper { position: relative !important; display: block !important; width: 100% !important; height: 54px !important; min-height: 54px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; outline: 0 !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; overflow: visible !important; box-sizing: border-box !important; } /* --------------------------------------------------------- REMOVE ELEMENTOR CUSTOM ARROW --------------------------------------------------------- */ .elementor-element-1f04adf .elementor-select-wrapper .select-caret-down-wrapper { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } /* --------------------------------------------------------- ACTUAL SELECT — ONLY ONE BORDER --------------------------------------------------------- */ .elementor-element-1f04adf .elementor-select-wrapper select.elementor-field-textual { position: relative !important; display: block !important; width: 100% !important; height: 54px !important; min-height: 54px !important; max-height: 54px !important; margin: 0 !important; padding: 0 16px !important; box-sizing: border-box !important; border: 1px solid #dce7f0 !important; border-radius: 10px !important; background-color: #fbfdff !important; color: #234765 !important; font-family: inherit !important; font-size: 14px !important; font-weight: 400 !important; line-height: 52px !important; box-shadow: none !important; outline: none !important; cursor: pointer !important; text-align: left !important; vertical-align: middle !important; transform: none !important; appearance: auto !important; -webkit-appearance: auto !important; -moz-appearance: auto !important; } /* --------------------------------------------------------- SELECT HOVER --------------------------------------------------------- */ .elementor-element-1f04adf .elementor-select-wrapper select.elementor-field-textual:hover { border-color: #a8d4f3 !important; background-color: #ffffff !important; box-shadow: none !important; } /* --------------------------------------------------------- SELECT FOCUS --------------------------------------------------------- */ .elementor-element-1f04adf .elementor-select-wrapper select.elementor-field-textual:focus { border-color: #56aef0 !important; background-color: #ffffff !important; outline: none !important; box-shadow: 0 0 0 4px rgba(8,126,232,.08) !important; transform: none !important; } /* --------------------------------------------------------- SELECT OPTIONS --------------------------------------------------------- */ .elementor-element-1f04adf .elementor-select-wrapper select.elementor-field-textual option { background: #ffffff !important; color: #234765 !important; font-family: Arial, sans-serif !important; font-size: 14px !important; font-weight: 400 !important; padding: 10px !important; } /* First / placeholder option */ .elementor-element-1f04adf .elementor-select-wrapper select.elementor-field-textual option:first-child { color: #8a9bae !important; } /* ========================================================= IMPORTANT ELEMENTOR RESET Prevent Elementor's field-textual styling from adding another visual layer around the select. ========================================================= */ .elementor-element-1f04adf .elementor-field-type-select .elementor-select-wrapper.elementor-field-textual { border: 0 !important; background: transparent !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; } /* ========================================================= TEXTAREA ========================================================= */ .elementor-element-1f04adf textarea.elementor-field { height: 100px !important; min-height: 100px !important; padding-top: 15px !important; padding-bottom: 15px !important; resize: vertical; } /* ========================================================= SUBMIT BUTTON ========================================================= */ .elementor-element-1f04adf .elementor-field-type-submit { margin-top: 5px !important; margin-bottom: 0 !important; } .elementor-element-1f04adf .elementor-field-type-submit button { position: relative; width: 100%; min-height: 55px; border: 0 !important; border-radius: 10px !important; background: linear-gradient( 135deg, #087ee8, #0b9bea ) !important; color: #ffffff !important; font-size: 15px !important; font-weight: 700 !important; cursor: pointer; overflow: hidden; box-shadow: 0 12px 25px rgba(8,126,232,.20); transition: transform .35s ease, box-shadow .35s ease; } /* BUTTON SHINE */ .elementor-element-1f04adf .elementor-field-type-submit button::before { content: ""; position: absolute; top: 0; left: -120%; width: 70%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.22), transparent ); transform: skewX(-20deg); transition: left .65s ease; } .elementor-element-1f04adf .elementor-field-type-submit button:hover::before { left: 140%; } .elementor-element-1f04adf .elementor-field-type-submit button:hover { transform: translateY(-3px); box-shadow: 0 18px 35px rgba(8,126,232,.28); } .elementor-element-1f04adf .elementor-field-type-submit button:active { transform: translateY(0); } /* ========================================================= HIDE DEFAULT LABELS ========================================================= */ .elementor-element-1f04adf .elementor-form .elementor-field-label { display: none !important; } /* ========================================================= FORM MESSAGE ========================================================= */ .elementor-element-1f04adf .elementor-message { border-radius: 8px; margin-top: 14px; font-size: 13px; line-height: 1.5; } /* ========================================================= ANIMATIONS ========================================================= */ .elementor-element-1f04adf .elementor-element-af828e0 { animation: umdConsultLeft .9s ease both; } .elementor-element-1f04adf .elementor-element-83f9737 { animation: umdConsultRight .9s ease .15s both; } @keyframes umdConsultLeft { from { opacity: 0; transform: translateX(-35px); } to { opacity: 1; transform: translateX(0); } } @keyframes umdConsultRight { from { opacity: 0; transform: translateX(35px); } to { opacity: 1; transform: translateX(0); } } @keyframes umdContactFloat { 0%, 100% { transform: translate3d(0,0,0); } 50% { transform: translate3d(-20px,18px,0); } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-element-1f04adf { padding: 65px 25px !important; } .elementor-element-1f04adf > .elementor-container { gap: 35px; } .elementor-element-1f04adf .elementor-element-af828e0 { width: 52%; } .elementor-element-1f04adf .elementor-element-83f9737 { width: 48%; } .elementor-element-1f04adf .elementor-element-8196b24 h2 { font-size: 42px !important; } .elementor-element-1f04adf .elementor-element-19d061b p { font-size: 15px !important; } .elementor-element-1f04adf .elementor-element-83f9737 .elementor-widget-wrap { padding: 27px !important; } .elementor-element-1f04adf .elementor-element-7b84144 a, .elementor-element-1f04adf .elementor-element-105917e a { padding-left: 19px !important; padding-right: 19px !important; } /* TABLET SELECT */ .elementor-element-1f04adf .elementor-select-wrapper { height: 54px !important; min-height: 54px !important; } .elementor-element-1f04adf .elementor-select-wrapper select.elementor-field-textual { height: 54px !important; min-height: 54px !important; max-height: 54px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-element-1f04adf { padding: 55px 18px !important; background: radial-gradient( circle at 100% 0%, rgba(64,175,255,.15), transparent 40% ), linear-gradient( 180deg, #ffffff, #f3faff ); } .elementor-element-1f04adf > .elementor-container { display: flex; flex-direction: column; gap: 35px; width: 100% !important; } /* LEFT */ .elementor-element-1f04adf .elementor-element-af828e0 { width: 100%; padding: 0 !important; text-align: center; } .elementor-element-1f04adf .elementor-element-2b6c287 p { font-size: 11px !important; letter-spacing: 1.5px; } .elementor-element-1f04adf .elementor-element-2b6c287 p::before { width: 24px; margin-right: 9px; } .elementor-element-1f04adf .elementor-element-8196b24 { margin-bottom: 15px !important; } .elementor-element-1f04adf .elementor-element-8196b24 h2 { max-width: 100%; font-size: 34px !important; line-height: 1.12 !important; letter-spacing: -.8px; } .elementor-element-1f04adf .elementor-element-19d061b { max-width: 100%; margin-bottom: 25px !important; } .elementor-element-1f04adf .elementor-element-19d061b p { font-size: 14px !important; line-height: 1.65 !important; } /* BUTTONS */ .elementor-element-1f04adf .elementor-element-44ef6ce > .elementor-container { display: flex; flex-direction: column; gap: 11px !important; } .elementor-element-1f04adf .elementor-element-4ba905f, .elementor-element-1f04adf .elementor-element-2f537e8 { width: 100% !important; } .elementor-element-1f04adf .elementor-element-7b84144 a, .elementor-element-1f04adf .elementor-element-105917e a { width: 100%; min-height: 52px; padding: 0 18px !important; } /* FORM */ .elementor-element-1f04adf .elementor-element-83f9737 { width: 100%; padding: 0 !important; } .elementor-element-1f04adf .elementor-element-83f9737 .elementor-widget-wrap { padding: 25px 20px !important; border-radius: 20px; } .elementor-element-1f04adf .elementor-element-f55f1a6 h2::after { font-size: 27px; display: block; } .elementor-element-1f04adf .elementor-element-ae50ad5 { margin-bottom: 20px !important; } .elementor-element-1f04adf .elementor-element-ae50ad5 p { font-size: 13px !important; } .elementor-element-1f04adf .elementor-field { min-height: 52px; font-size: 13px !important; } /* ===================================================== MOBILE DROPDOWN ===================================================== */ .elementor-element-1f04adf .elementor-select-wrapper { width: 100% !important; height: 52px !important; min-height: 52px !important; max-height: 52px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } .elementor-element-1f04adf .elementor-select-wrapper select.elementor-field-textual { width: 100% !important; height: 52px !important; min-height: 52px !important; max-height: 52px !important; margin: 0 !important; padding: 0 14px !important; border: 1px solid #dce7f0 !important; border-radius: 10px !important; background: #fbfdff !important; font-size: 13px !important; line-height: normal !important; box-sizing: border-box !important; appearance: auto !important; -webkit-appearance: auto !important; -moz-appearance: auto !important; } .elementor-element-1f04adf .elementor-select-wrapper select.elementor-field-textual:focus { border-color: #56aef0 !important; box-shadow: 0 0 0 4px rgba(8,126,232,.08) !important; } .elementor-element-1f04adf .select-caret-down-wrapper { display: none !important; } .elementor-element-1f04adf textarea.elementor-field { min-height: 95px !important; } .elementor-element-1f04adf .elementor-field-type-submit button { min-height: 53px; font-size: 14px !important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .elementor-element-1f04adf { padding: 45px 14px !important; } .elementor-element-1f04adf .elementor-element-8196b24 h2 { font-size: 30px !important; } .elementor-element-1f04adf .elementor-element-19d061b p { font-size: 13.5px !important; } .elementor-element-1f04adf .elementor-element-83f9737 .elementor-widget-wrap { padding: 22px 16px !important; border-radius: 18px; } .elementor-element-1f04adf .elementor-element-f55f1a6 h2::after { font-size: 25px; } .elementor-element-1f04adf .elementor-field { min-height: 50px; padding-left: 14px !important; padding-right: 14px !important; } /* SMALL MOBILE SELECT */ .elementor-element-1f04adf .elementor-select-wrapper { height: 50px !important; min-height: 50px !important; max-height: 50px !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } .elementor-element-1f04adf .elementor-select-wrapper select.elementor-field-textual { height: 50px !important; min-height: 50px !important; max-height: 50px !important; padding-left: 14px !important; padding-right: 14px !important; border: 1px solid #dce7f0 !important; border-radius: 10px !important; background: #fbfdff !important; box-sizing: border-box !important; appearance: auto !important; -webkit-appearance: auto !important; -moz-appearance: auto !important; } .elementor-element-1f04adf .select-caret-down-wrapper { display: none !important; } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-element-1f04adf *, .elementor-element-1f04adf::before { animation: none !important; transition: none !important; } }/* End custom CSS */