.elementor-171 .elementor-element.elementor-element-1591f47{--display:flex;--min-height:389px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.7;}.elementor-171 .elementor-element.elementor-element-1591f47:not(.elementor-motion-effects-element-type-background), .elementor-171 .elementor-element.elementor-element-1591f47 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at top right, #DF6737 0%, #FBF6F4 55%);}.elementor-171 .elementor-element.elementor-element-1591f47::before, .elementor-171 .elementor-element.elementor-element-1591f47 > .elementor-background-video-container::before, .elementor-171 .elementor-element.elementor-element-1591f47 > .e-con-inner > .elementor-background-video-container::before, .elementor-171 .elementor-element.elementor-element-1591f47 > .elementor-background-slideshow::before, .elementor-171 .elementor-element.elementor-element-1591f47 > .e-con-inner > .elementor-background-slideshow::before, .elementor-171 .elementor-element.elementor-element-1591f47 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FBF6F4;--background-overlay:'';}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-171 .elementor-element.elementor-element-f6b2365 .elementor-button{background-color:#FFE8E3;font-family:"Lexend", Sans-serif;font-size:12px;font-weight:500;text-transform:uppercase;fill:#9F1717;color:#9F1717;border-style:solid;border-width:1px 1px 1px 1px;border-color:#F09191;border-radius:25px 25px 25px 25px;padding:10px 17px 10px 17px;}.elementor-171 .elementor-element.elementor-element-f6b2365.elementor-element{--align-self:center;}.elementor-widget-animated-headline .elementor-headline-plain-text{color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline{--dynamic-text-color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-accent );}.elementor-171 .elementor-element.elementor-element-2174fe1{--iteration-count:infinite;--dynamic-text-color:#A21818;}.elementor-171 .elementor-element.elementor-element-2174fe1 .elementor-headline{text-align:center;font-family:"Poppins", Sans-serif;font-size:3rem;font-weight:800;line-height:51px;}.elementor-171 .elementor-element.elementor-element-2174fe1 .elementor-headline-plain-text{color:#000000;}.elementor-171 .elementor-element.elementor-element-2174fe1 .elementor-headline-dynamic-text{font-family:"Lexend", Sans-serif;font-weight:800;line-height:1px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-171 .elementor-element.elementor-element-f8cb87d{text-align:center;font-family:"Lexend", Sans-serif;font-size:18px;font-weight:400;color:#7A7A7A;}.elementor-171 .elementor-element.elementor-element-f8cb87d p{margin-block-end:0px;}.elementor-171 .elementor-element.elementor-element-1117805{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-171 .elementor-element.elementor-element-cae63c7{text-align:center;}.elementor-171 .elementor-element.elementor-element-cae63c7 .elementor-heading-title{font-family:"Lexend", Sans-serif;font-size:1.9rem;font-weight:700;color:#000000;}.elementor-171 .elementor-element.elementor-element-075841e{text-align:center;font-family:"Lexend", Sans-serif;font-size:18px;font-weight:400;color:#7A7A7A;}.elementor-171 .elementor-element.elementor-element-075841e p{margin-block-end:0px;}.elementor-171 .elementor-element.elementor-element-a5e043b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-171 .elementor-element.elementor-element-239ab0b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-171 .elementor-element.elementor-element-2433ca4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-171 .elementor-element.elementor-element-c5c653c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-171 .elementor-element.elementor-element-c3ca5f8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-171 .elementor-element.elementor-element-af65e87{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-171 .elementor-element.elementor-element-af65e87:not(.elementor-motion-effects-element-type-background), .elementor-171 .elementor-element.elementor-element-af65e87 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBF6F4;}.elementor-171 .elementor-element.elementor-element-899ed78{text-align:center;}.elementor-171 .elementor-element.elementor-element-899ed78 .elementor-heading-title{font-family:"Lexend", Sans-serif;font-size:1.9rem;font-weight:600;color:#000000;}.elementor-171 .elementor-element.elementor-element-94a7c2c{text-align:center;font-family:"Lexend", Sans-serif;font-size:18px;font-weight:400;color:#7A7A7A;}.elementor-171 .elementor-element.elementor-element-94a7c2c p{margin-block-end:0px;}.elementor-171 .elementor-element.elementor-element-faf3997{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-171 .elementor-element.elementor-element-faf3997:not(.elementor-motion-effects-element-type-background), .elementor-171 .elementor-element.elementor-element-faf3997 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBF6F4;}.elementor-171 .elementor-element.elementor-element-10607d9{padding:0px 0px 50px 0px;}.elementor-171 .elementor-element.elementor-element-00c52dc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-171 .elementor-element.elementor-element-8658257{--display:flex;--min-height:389px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.78;}.elementor-171 .elementor-element.elementor-element-8658257:not(.elementor-motion-effects-element-type-background), .elementor-171 .elementor-element.elementor-element-8658257 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#191211;}.elementor-171 .elementor-element.elementor-element-8658257::before, .elementor-171 .elementor-element.elementor-element-8658257 > .elementor-background-video-container::before, .elementor-171 .elementor-element.elementor-element-8658257 > .e-con-inner > .elementor-background-video-container::before, .elementor-171 .elementor-element.elementor-element-8658257 > .elementor-background-slideshow::before, .elementor-171 .elementor-element.elementor-element-8658257 > .e-con-inner > .elementor-background-slideshow::before, .elementor-171 .elementor-element.elementor-element-8658257 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#191211;--background-overlay:'';}.elementor-171 .elementor-element.elementor-element-6d2c611{--iteration-count:infinite;--dynamic-text-color:#A21818;}.elementor-171 .elementor-element.elementor-element-6d2c611 .elementor-headline{text-align:center;font-family:"Poppins", Sans-serif;font-size:2.2rem;font-weight:800;line-height:51px;}.elementor-171 .elementor-element.elementor-element-6d2c611 .elementor-headline-plain-text{color:#FFFFFF;}.elementor-171 .elementor-element.elementor-element-6d2c611 .elementor-headline-dynamic-text{font-family:"Lexend", Sans-serif;font-weight:800;line-height:1px;}.elementor-171 .elementor-element.elementor-element-38164ee{text-align:center;font-family:"Lexend", Sans-serif;font-size:18px;font-weight:400;color:#FBF7F8B5;}.elementor-171 .elementor-element.elementor-element-38164ee p{margin-block-end:0px;}.elementor-171 .elementor-element.elementor-element-79ff6b0 .elementor-button{background-color:#A21818;font-family:"Lexend", Sans-serif;font-size:15px;font-weight:600;text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:#FFFFFF;color:#FFFFFF;border-radius:9px 9px 9px 9px;padding:15px 15px 15px 15px;}.elementor-171 .elementor-element.elementor-element-79ff6b0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-171 .elementor-element.elementor-element-79ff6b0 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-171 .elementor-element.elementor-element-79ff6b0 .elementor-button .elementor-button-content-wrapper{gap:12px;}@media(max-width:767px){.elementor-171 .elementor-element.elementor-element-1591f47{--padding-top:14px;--padding-bottom:14px;--padding-left:14px;--padding-right:14px;}.elementor-171 .elementor-element.elementor-element-f6b2365 .elementor-button{font-size:11px;line-height:0.6em;letter-spacing:0px;border-width:1px 1px 1px 1px;padding:12px 20px 12px 20px;}.elementor-171 .elementor-element.elementor-element-2174fe1 .elementor-headline{text-align:center;font-size:1.8rem;line-height:0.9em;}.elementor-171 .elementor-element.elementor-element-f8cb87d{font-size:16px;}.elementor-171 .elementor-element.elementor-element-8658257{--padding-top:13px;--padding-bottom:13px;--padding-left:13px;--padding-right:13px;}.elementor-171 .elementor-element.elementor-element-6d2c611 .elementor-headline{text-align:center;font-size:1.6rem;line-height:1.4em;}.elementor-171 .elementor-element.elementor-element-6d2c611 .elementor-headline-dynamic-text{line-height:1.3em;}.elementor-171 .elementor-element.elementor-element-38164ee{font-size:16px;}}@media(min-width:768px){.elementor-171 .elementor-element.elementor-element-1591f47{--content-width:1300px;}.elementor-171 .elementor-element.elementor-element-1117805{--content-width:1300px;}.elementor-171 .elementor-element.elementor-element-a5e043b{--content-width:1300px;}.elementor-171 .elementor-element.elementor-element-239ab0b{--content-width:1300px;}.elementor-171 .elementor-element.elementor-element-2433ca4{--content-width:1300px;}.elementor-171 .elementor-element.elementor-element-c5c653c{--content-width:1300px;}.elementor-171 .elementor-element.elementor-element-c3ca5f8{--content-width:1300px;}.elementor-171 .elementor-element.elementor-element-af65e87{--content-width:1300px;}.elementor-171 .elementor-element.elementor-element-faf3997{--content-width:1300px;}.elementor-171 .elementor-element.elementor-element-8658257{--content-width:1300px;}}/* Start custom CSS for html, class: .elementor-element-c22d3e1 *//* ========================================================= TAL PROFILE CARD GLOBAL CSS PIXEL-PERFECT / RESPONSIVE NO SHADOW VERSION ========================================================= */ /* ========================================================= 01. GLOBAL RESET ========================================================= */ .tal-profile-section, .tal-profile-section *, .tal-profile-section *::before, .tal-profile-section *::after { box-sizing: border-box; } /* ========================================================= 02. MAIN SECTION ========================================================= */ .tal-profile-section { width: 100%; max-width: 100%; margin: 0; padding: 0; overflow: visible; background: transparent !important; box-shadow: none !important; filter: none !important; } /* ========================================================= 03. MAIN PROFILE CARD ========================================================= */ .tal-profile-card { width: 100%; max-width: 1280px; min-height: 566px; margin: 0 auto; padding: 0; display: flex; align-items: stretch; background: #ffffff !important; /* ONLY A THIN BORDER NO SHADOW */ border: 1px solid #e2ddda !important; border-radius: 24px !important; overflow: hidden !important; box-shadow: none !important; filter: none !important; transform: none !important; transition: none !important; font-family: Arial, Helvetica, sans-serif; } /* ========================================================= 04. CARD HOVER NO SHADOW / NO LIFT ========================================================= */ .tal-profile-card:hover { background: #ffffff !important; border-color: #e2ddda !important; box-shadow: none !important; filter: none !important; transform: none !important; } /* ========================================================= 05. PROFILE IMAGE CONTAINER ========================================================= */ .tal-profile-image { flex: 0 0 300px; width: 300px; min-height: 100%; margin: 0; padding: 0; position: relative; overflow: hidden !important; background: #eeeeee; box-shadow: none !important; filter: none !important; } /* ========================================================= 06. PROFILE IMAGE ========================================================= */ .tal-profile-image img { display: block; width: 100%; height: 100%; min-height: 100%; margin: 0; padding: 0; object-fit: cover; object-position: center top; border: 0 !important; outline: none !important; border-radius: 0 !important; box-shadow: none !important; filter: none !important; transform: none !important; transition: none !important; } /* ========================================================= 07. IMAGE HOVER KEEP IMAGE COMPLETELY STATIC ========================================================= */ .tal-profile-card:hover .tal-profile-image img { transform: none !important; box-shadow: none !important; filter: none !important; } /* ========================================================= 08. CONTENT AREA ========================================================= */ .tal-profile-content { flex: 1; min-width: 0; margin: 0; padding: 51px 48px 43px; display: flex; flex-direction: column; justify-content: flex-start; background: #ffffff !important; box-shadow: none !important; filter: none !important; } /* ========================================================= 09. PROFILE NAME ========================================================= */ .tal-profile-name { margin: 0 0 13px !important; padding: 0 !important; color: #080808 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 36px !important; font-weight: 700 !important; line-height: 1.12 !important; letter-spacing: -1.15px !important; text-align: left !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ========================================================= 10. ROLE ========================================================= */ .tal-profile-role { margin: 0 0 20px; padding: 0; color: #d82424; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 700; line-height: 1.25; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ========================================================= 11. DESIGNATION ========================================================= */ .tal-profile-designation { margin: 0 0 27px; padding: 0; color: #5f5755; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 800; line-height: 1.4; letter-spacing: 0.05px; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ========================================================= 12. DESCRIPTION ========================================================= */ .tal-profile-description { width: 100%; margin: 0; padding: 0; background: transparent !important; box-shadow: none !important; } /* ========================================================= 13. DESCRIPTION PARAGRAPHS ========================================================= */ .tal-profile-description p { margin: 0 0 16px !important; padding: 0 !important; color: #655e5b !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.56 !important; letter-spacing: 0 !important; text-align: left !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ========================================================= 14. LAST PARAGRAPH ========================================================= */ .tal-profile-description p:last-child { margin-bottom: 0 !important; } /* ========================================================= 15. ELEMENTOR HTML WIDGET OVERRIDES IMPORTANT ========================================================= */ .elementor-widget-html { box-shadow: none !important; filter: none !important; } .elementor-widget-html > .elementor-widget-container { margin: 0 !important; padding: 0 !important; background: transparent !important; box-shadow: none !important; filter: none !important; } .elementor-widget-html .tal-profile-section { box-shadow: none !important; filter: none !important; } .elementor-widget-html .tal-profile-card { box-shadow: none !important; filter: none !important; transform: none !important; } .elementor-widget-html .tal-profile-card:hover { box-shadow: none !important; filter: none !important; transform: none !important; } /* ========================================================= 16. ELEMENTOR WRAPPER OVERRIDES ========================================================= */ .elementor-element:has(.tal-profile-card) { box-shadow: none !important; filter: none !important; } .elementor-element:has(.tal-profile-card) .elementor-widget-container { box-shadow: none !important; filter: none !important; } .elementor-element:has(.tal-profile-card) .tal-profile-card { box-shadow: none !important; filter: none !important; } /* ========================================================= 17. LARGE DESKTOP ========================================================= */ @media (min-width: 1400px) { .tal-profile-card { max-width: 1280px; min-height: 566px; } .tal-profile-image { flex-basis: 300px; width: 300px; } .tal-profile-content { padding: 51px 48px 43px; } } /* ========================================================= 18. LAPTOP ========================================================= */ @media (max-width: 1200px) { .tal-profile-card { width: calc(100% - 40px); min-height: 540px; border-radius: 22px !important; } .tal-profile-image { flex-basis: 290px; width: 290px; } .tal-profile-content { padding: 44px 40px 38px; } .tal-profile-name { font-size: 34px !important; letter-spacing: -1px !important; } .tal-profile-role { font-size: 19px; } .tal-profile-designation { font-size: 17px; margin-bottom: 24px; } .tal-profile-description p { font-size: 17px !important; line-height: 1.55 !important; } } /* ========================================================= 19. TABLET ========================================================= */ @media (max-width: 900px) { .tal-profile-card { width: calc(100% - 30px); min-height: 0; border-radius: 20px !important; } .tal-profile-image { flex-basis: 250px; width: 250px; } .tal-profile-content { padding: 35px 30px 32px; } .tal-profile-name { font-size: 30px !important; letter-spacing: -0.8px !important; margin-bottom: 10px !important; } .tal-profile-role { font-size: 17px; margin-bottom: 17px; } .tal-profile-designation { font-size: 18px; line-height: 1.45; margin-bottom: 21px; } .tal-profile-description p { font-size: 16px !important; line-height: 1.58 !important; margin-bottom: 14px !important; } } /* ========================================================= 20. MOBILE ========================================================= */ @media (max-width: 767px) { .tal-profile-section { width: 100%; max-width: 100%; margin: 0; padding: 0 12px; overflow: visible; } /* ----------------------------------------- MOBILE CARD ----------------------------------------- */ .tal-profile-card { width: 100%; max-width: 100%; min-height: 0; margin: 0; display: flex; flex-direction: column; border-radius: 18px !important; overflow: hidden !important; box-shadow: none !important; filter: none !important; transform: none !important; } /* ----------------------------------------- MOBILE CARD HOVER ----------------------------------------- */ .tal-profile-card:hover { box-shadow: none !important; filter: none !important; transform: none !important; } /* ----------------------------------------- MOBILE IMAGE ----------------------------------------- */ .tal-profile-image { flex: none; width: 100%; height: auto; min-height: 0; aspect-ratio: 16 / 10; overflow: hidden !important; background: #eeeeee; } /* ----------------------------------------- MOBILE IMAGE ----------------------------------------- */ .tal-profile-image img { display: block; width: 100%; height: 100%; min-height: 0; object-fit: cover; object-position: center top; border-radius: 0 !important; box-shadow: none !important; transform: none !important; } /* ----------------------------------------- MOBILE CONTENT ----------------------------------------- */ .tal-profile-content { width: 100%; margin: 0; padding: 25px 21px 27px; display: block; background: #ffffff !important; box-shadow: none !important; } /* ----------------------------------------- MOBILE NAME ----------------------------------------- */ .tal-profile-name { font-size: 27px !important; line-height: 1.15 !important; letter-spacing: -0.7px !important; margin: 0 0 9px !important; } /* ----------------------------------------- MOBILE ROLE ----------------------------------------- */ .tal-profile-role { font-size: 17px; line-height: 1.3; margin: 0 0 17px; } /* ----------------------------------------- MOBILE DESIGNATION ----------------------------------------- */ .tal-profile-designation { font-size: 18px; line-height: 1.5; margin: 0 0 20px; } /* ----------------------------------------- MOBILE DESCRIPTION ----------------------------------------- */ .tal-profile-description p { font-size: 16px !important; line-height: 1.62 !important; margin: 0 0 15px !important; } /* ----------------------------------------- MOBILE ELEMENTOR OVERRIDE ----------------------------------------- */ .elementor-widget-html, .elementor-widget-html > .elementor-widget-container, .elementor-widget-html .tal-profile-section, .elementor-widget-html .tal-profile-card { box-shadow: none !important; filter: none !important; } } /* ========================================================= 21. SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .tal-profile-section { padding: 0 10px; } .tal-profile-card { border-radius: 16px !important; box-shadow: none !important; } .tal-profile-image { aspect-ratio: 7/ 7; } .tal-profile-content { padding: 22px 18px 24px; } .tal-profile-name { font-size: 24px !important; letter-spacing: -0.5px !important; } .tal-profile-role { font-size: 16px; margin-bottom: 15px; } .tal-profile-designation { font-size: 16px; font-weight: 800; line-height: 1.52; margin-bottom: 18px; } .tal-profile-description p { font-size: 15px !important; line-height: 1.62 !important; margin-bottom: 14px !important; } } /* ========================================================= 22. VERY SMALL MOBILE ========================================================= */ @media (max-width: 360px) { .tal-profile-section { padding: 0 8px; } .tal-profile-card { border-radius: 15px !important; box-shadow: none !important; } .tal-profile-content { padding: 20px 16px 22px; } .tal-profile-name { font-size: 22px !important; } .tal-profile-role { font-size: 15px; } .tal-profile-designation { font-size: 12px; } .tal-profile-description p { font-size: 13px !important; line-height: 1.62 !important; } } /* ========================================================= 23. FINAL SHADOW KILL SWITCH Keeps shadow OFF even if theme/Elementor adds it ========================================================= */ .tal-profile-section, .tal-profile-card, .tal-profile-card *, .tal-profile-card::before, .tal-profile-card::after, .elementor-widget-html, .elementor-widget-html::before, .elementor-widget-html::after, .elementor-widget-html > .elementor-widget-container { box-shadow: none !important; filter: none !important; } /* ========================================================= 24. FINAL CARD BORDER ========================================================= */ .tal-profile-card { border: 1px solid #e2ddda !important; border-radius: 24px !important; } /* ========================================================= 25. MOBILE FINAL BORDER ========================================================= */ @media (max-width: 767px) { .tal-profile-card { border-radius: 18px !important; border: 1px solid #e2ddda !important; } } @media (max-width: 480px) { .tal-profile-card { border-radius: 16px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-a36f4e4 *//* ========================================================= TAL PROFILE CARDS GLOBAL CSS ALTERNATING IMAGE LEFT / RIGHT DESKTOP + TABLET + MOBILE NO SHADOW ========================================================= */ /* ========================================================= 01. GLOBAL RESET ========================================================= */ .tal-profile-section, .tal-profile-section *, .tal-profile-section *::before, .tal-profile-section *::after { box-sizing: border-box; } /* ========================================================= 02. MAIN SECTION ========================================================= */ .tal-profile-section { width: 100%; max-width: 100%; margin: 0; padding: 0; background: transparent !important; box-shadow: none !important; filter: none !important; } /* ========================================================= 03. MAIN PROFILE CARD ========================================================= */ .tal-profile-card { width: 100%; max-width: 1280px; min-height: 566px; margin: 0 auto; padding: 0; display: flex; align-items: stretch; background: #ffffff !important; border: 1px solid #e2ddda !important; border-radius: 24px !important; overflow: hidden !important; box-shadow: none !important; filter: none !important; transform: none !important; transition: none !important; font-family: Arial, Helvetica, sans-serif; } /* ========================================================= 04. DEFAULT CARD IMAGE LEFT / CONTENT RIGHT ========================================================= */ .tal-profile-card { flex-direction: row !important; } /* ========================================================= 05. IMAGE-LEFT CARD CARD 1 / 3 / 5... ========================================================= */ .tal-profile-card--image-left { flex-direction: row !important; } /* Image left */ .tal-profile-card--image-left .tal-profile-image { order: 1; } /* Content right */ .tal-profile-card--image-left .tal-profile-content { order: 2; } /* ========================================================= 06. IMAGE-RIGHT CARD CARD 2 / 4 / 6... ========================================================= */ .tal-profile-card--image-right { flex-direction: row !important; } /* Content left */ .tal-profile-card--image-right .tal-profile-content { order: 1; } /* Image right */ .tal-profile-card--image-right .tal-profile-image { order: 2; } /* ========================================================= 07. CARD HOVER KEEP CLEAN — NO SHADOW ========================================================= */ .tal-profile-card:hover { background: #ffffff !important; border-color: #e2ddda !important; box-shadow: none !important; filter: none !important; transform: none !important; } /* ========================================================= 08. PROFILE IMAGE CONTAINER ========================================================= */ .tal-profile-image { flex: 0 0 300px; width: 300px; min-height: 100%; margin: 0; padding: 0; position: relative; overflow: hidden !important; background: #eeeeee; box-shadow: none !important; filter: none !important; } /* ========================================================= 09. PROFILE IMAGE ========================================================= */ .tal-profile-image img { display: block; width: 100%; height: 100%; min-height: 100%; margin: 0; padding: 0; object-fit: cover; object-position: center top; border: 0 !important; border-radius: 0 !important; outline: none !important; box-shadow: none !important; filter: none !important; transform: none !important; transition: none !important; } /* ========================================================= 10. CONTENT AREA ========================================================= */ .tal-profile-content { flex: 1; min-width: 0; margin: 0; padding: 51px 48px 43px; display: flex; flex-direction: column; justify-content: flex-start; background: #ffffff !important; box-shadow: none !important; filter: none !important; } /* ========================================================= 11. PROFILE NAME ========================================================= */ .tal-profile-name { margin: 0 0 13px !important; padding: 0 !important; color: #080808 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 36px !important; font-weight: 700 !important; line-height: 1.12 !important; letter-spacing: -1.15px !important; text-align: left !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ========================================================= 12. ROLE ========================================================= */ .tal-profile-role { margin: 0 0 8px; padding: 0; color: #d82424; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 700; line-height: 1.35; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ========================================================= 13. DESIGNATION ========================================================= */ .tal-profile-designation { margin: 0 0 27px; padding: 0; color: #d82424; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 700; line-height: 1.35; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ========================================================= 14. DESCRIPTION WRAPPER ========================================================= */ .tal-profile-description { width: 100%; margin: 0; padding: 0; background: transparent !important; box-shadow: none !important; } /* ========================================================= 15. DESCRIPTION PARAGRAPHS ========================================================= */ .tal-profile-description p { margin: 0 0 16px !important; padding: 0 !important; color: #655e5b !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.56 !important; letter-spacing: 0 !important; text-align: left !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ========================================================= 16. LAST PARAGRAPH ========================================================= */ .tal-profile-description p:last-child { margin-bottom: 0 !important; } /* ========================================================= 17. ELEMENTOR HTML WIDGET ========================================================= */ .elementor-widget-html { box-shadow: none !important; filter: none !important; } .elementor-widget-html .elementor-widget-container { background: transparent !important; box-shadow: none !important; filter: none !important; } /* ========================================================= 18. ELEMENTOR CARD OVERRIDE ========================================================= */ .elementor-widget-html .tal-profile-card { box-shadow: none !important; filter: none !important; transform: none !important; } .elementor-widget-html .tal-profile-card:hover { box-shadow: none !important; filter: none !important; transform: none !important; } /* ========================================================= 19. LARGE DESKTOP ========================================================= */ @media (min-width: 1400px) { .tal-profile-card { max-width: 1280px; min-height: 566px; } .tal-profile-image { flex-basis: 300px; width: 300px; } .tal-profile-content { padding: 51px 48px 43px; } } /* ========================================================= 20. LAPTOP ========================================================= */ @media (max-width: 1200px) { .tal-profile-card { width: calc(100% - 40px); min-height: 540px; border-radius: 22px !important; } .tal-profile-image { flex-basis: 290px; width: 290px; } .tal-profile-content { padding: 44px 40px 38px; } .tal-profile-name { font-size: 34px !important; letter-spacing: -1px !important; } .tal-profile-role, .tal-profile-designation { font-size: 19px; } .tal-profile-designation { margin-bottom: 24px; } .tal-profile-description p { font-size: 17px !important; line-height: 1.55 !important; } } /* ========================================================= 21. TABLET ========================================================= */ @media (max-width: 900px) { .tal-profile-card { width: calc(100% - 30px); min-height: 0; border-radius: 20px !important; } .tal-profile-image { flex-basis: 250px; width: 250px; } .tal-profile-content { padding: 35px 30px 32px; } .tal-profile-name { font-size: 30px !important; letter-spacing: -0.8px !important; margin-bottom: 10px !important; } .tal-profile-role, .tal-profile-designation { font-size: 17px; line-height: 1.4; } .tal-profile-role { margin-bottom: 5px; } .tal-profile-designation { margin-bottom: 21px; } .tal-profile-description p { font-size: 15px !important; line-height: 1.58 !important; margin-bottom: 14px !important; } } /* ========================================================= 22. MOBILE ALWAYS IMAGE FIRST ========================================================= */ @media (max-width: 767px) { .tal-profile-section { width: 100%; max-width: 100%; margin: 0; padding: 0 12px; overflow: visible; } /* ----------------------------------------- ALL CARDS BECOME VERTICAL ----------------------------------------- */ .tal-profile-card, .tal-profile-card--image-left, .tal-profile-card--image-right { width: 100%; max-width: 100%; min-height: 0; margin: 0; display: flex; flex-direction: column !important; border-radius: 18px !important; overflow: hidden !important; box-shadow: none !important; filter: none !important; transform: none !important; } /* ----------------------------------------- IMAGE ALWAYS FIRST ON MOBILE ----------------------------------------- */ .tal-profile-card--image-left .tal-profile-image, .tal-profile-card--image-right .tal-profile-image { order: 1 !important; } /* ----------------------------------------- CONTENT ALWAYS SECOND ----------------------------------------- */ .tal-profile-card--image-left .tal-profile-content, .tal-profile-card--image-right .tal-profile-content { order: 2 !important; } /* ----------------------------------------- MOBILE IMAGE ----------------------------------------- */ .tal-profile-image { flex: none; width: 100%; height: auto; min-height: 0; aspect-ratio: 16 / 10; overflow: hidden !important; background: #eeeeee; } .tal-profile-image img { display: block; width: 100%; height: 100%; min-height: 0; object-fit: cover; object-position: center top; border-radius: 0 !important; box-shadow: none !important; transform: none !important; } /* ----------------------------------------- MOBILE CONTENT ----------------------------------------- */ .tal-profile-content { width: 100%; min-width: 0; margin: 0; padding: 25px 21px 27px; display: block; background: #ffffff !important; box-shadow: none !important; } /* ----------------------------------------- MOBILE NAME ----------------------------------------- */ .tal-profile-name { font-size: 27px !important; line-height: 1.15 !important; letter-spacing: -0.7px !important; margin: 0 0 9px !important; } /* ----------------------------------------- MOBILE ROLE ----------------------------------------- */ .tal-profile-role { font-size: 17px; line-height: 1.35; margin: 0 0 4px; } /* ----------------------------------------- MOBILE DESIGNATION ----------------------------------------- */ .tal-profile-designation { font-size: 17px; line-height: 1.35; margin: 0 0 19px; } /* ----------------------------------------- MOBILE DESCRIPTION ----------------------------------------- */ .tal-profile-description p { font-size: 15px !important; line-height: 1.62 !important; margin: 0 0 15px !important; } /* ----------------------------------------- MOBILE ELEMENTOR ----------------------------------------- */ .elementor-widget-html, .elementor-widget-html .elementor-widget-container, .elementor-widget-html .tal-profile-card { box-shadow: none !important; filter: none !important; } } /* ========================================================= 23. SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .tal-profile-section { padding: 0 10px; } .tal-profile-card, .tal-profile-card--image-left, .tal-profile-card--image-right { border-radius: 16px !important; box-shadow: none !important; } .tal-profile-image { aspect-ratio: 4 / 3; } .tal-profile-content { padding: 22px 18px 24px; } .tal-profile-name { font-size: 24px !important; letter-spacing: -0.5px !important; } .tal-profile-role { font-size: 16px; margin-bottom: 4px; } .tal-profile-designation { font-size: 16px; line-height: 1.4; margin-bottom: 18px; } .tal-profile-description p { font-size: 14px !important; line-height: 1.62 !important; margin-bottom: 14px !important; } } /* ========================================================= 24. VERY SMALL MOBILE ========================================================= */ @media (max-width: 360px) { .tal-profile-section { padding: 0 8px; } .tal-profile-card, .tal-profile-card--image-left, .tal-profile-card--image-right { border-radius: 15px !important; } .tal-profile-content { padding: 20px 16px 22px; } .tal-profile-name { font-size: 22px !important; } .tal-profile-role { font-size: 15px; } .tal-profile-designation { font-size: 15px; } .tal-profile-description p { font-size: 13px !important; line-height: 1.62 !important; } } /* ========================================================= 25. FINAL NO-SHADOW PROTECTION ========================================================= */ .tal-profile-section, .tal-profile-card, .tal-profile-card::before, .tal-profile-card::after, .tal-profile-card *, .tal-profile-card *::before, .tal-profile-card *::after, .elementor-widget-html, .elementor-widget-html::before, .elementor-widget-html::after, .elementor-widget-html .elementor-widget-container { box-shadow: none !important; filter: none !important; } /* ========================================================= 26. FINAL CARD BORDER ========================================================= */ .tal-profile-card, .tal-profile-card--image-left, .tal-profile-card--image-right { border: 1px solid #e2ddda !important; background: #ffffff !important; } /* ========================================================= 27. FINAL MOBILE BORDER ========================================================= */ @media (max-width: 767px) { .tal-profile-card, .tal-profile-card--image-left, .tal-profile-card--image-right { border: 1px solid #e2ddda !important; border-radius: 18px !important; } } @media (max-width: 480px) { .tal-profile-card, .tal-profile-card--image-left, .tal-profile-card--image-right { border-radius: 16px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-92e487e *//* ========================================================= TAL PROFILE CARD GLOBAL CSS PIXEL-PERFECT / RESPONSIVE NO SHADOW VERSION ========================================================= */ /* ========================================================= 01. GLOBAL RESET ========================================================= */ .tal-profile-section, .tal-profile-section *, .tal-profile-section *::before, .tal-profile-section *::after { box-sizing: border-box; } /* ========================================================= 02. MAIN SECTION ========================================================= */ .tal-profile-section { width: 100%; max-width: 100%; margin: 0; padding: 0; overflow: visible; background: transparent !important; box-shadow: none !important; filter: none !important; } /* ========================================================= 03. MAIN PROFILE CARD ========================================================= */ .tal-profile-card { width: 100%; max-width: 1280px; min-height: 566px; margin: 0 auto; padding: 0; display: flex; align-items: stretch; background: #ffffff !important; /* ONLY A THIN BORDER NO SHADOW */ border: 1px solid #e2ddda !important; border-radius: 24px !important; overflow: hidden !important; box-shadow: none !important; filter: none !important; transform: none !important; transition: none !important; font-family: Arial, Helvetica, sans-serif; } /* ========================================================= 04. CARD HOVER NO SHADOW / NO LIFT ========================================================= */ .tal-profile-card:hover { background: #ffffff !important; border-color: #e2ddda !important; box-shadow: none !important; filter: none !important; transform: none !important; } /* ========================================================= 05. PROFILE IMAGE CONTAINER ========================================================= */ .tal-profile-image { flex: 0 0 300px; width: 300px; min-height: 100%; margin: 0; padding: 0; position: relative; overflow: hidden !important; background: #eeeeee; box-shadow: none !important; filter: none !important; } /* ========================================================= 06. PROFILE IMAGE ========================================================= */ .tal-profile-image img { display: block; width: 100%; height: 100%; min-height: 100%; margin: 0; padding: 0; object-fit: cover; object-position: center top; border: 0 !important; outline: none !important; border-radius: 0 !important; box-shadow: none !important; filter: none !important; transform: none !important; transition: none !important; } /* ========================================================= 07. IMAGE HOVER KEEP IMAGE COMPLETELY STATIC ========================================================= */ .tal-profile-card:hover .tal-profile-image img { transform: none !important; box-shadow: none !important; filter: none !important; } /* ========================================================= 08. CONTENT AREA ========================================================= */ .tal-profile-content { flex: 1; min-width: 0; margin: 0; padding: 51px 48px 43px; display: flex; flex-direction: column; justify-content: flex-start; background: #ffffff !important; box-shadow: none !important; filter: none !important; } /* ========================================================= 09. PROFILE NAME ========================================================= */ .tal-profile-name { margin: 0 0 13px !important; padding: 0 !important; color: #080808 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 36px !important; font-weight: 700 !important; line-height: 1.12 !important; letter-spacing: -1.15px !important; text-align: left !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ========================================================= 10. ROLE ========================================================= */ .tal-profile-role { margin: 0 0 20px; padding: 0; color: #d82424; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 700; line-height: 1.25; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ========================================================= 11. DESIGNATION ========================================================= */ .tal-profile-designation { margin: 0 0 27px; padding: 0; color: #5f5755; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 500; line-height: 1.4; letter-spacing: 0.05px; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ========================================================= 12. DESCRIPTION ========================================================= */ .tal-profile-description { width: 100%; margin: 0; padding: 0; background: transparent !important; box-shadow: none !important; } /* ========================================================= 13. DESCRIPTION PARAGRAPHS ========================================================= */ .tal-profile-description p { margin: 0 0 16px !important; padding: 0 !important; color: #655e5b !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.56 !important; letter-spacing: 0 !important; text-align: left !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ========================================================= 14. LAST PARAGRAPH ========================================================= */ .tal-profile-description p:last-child { margin-bottom: 0 !important; } /* ========================================================= 15. ELEMENTOR HTML WIDGET OVERRIDES IMPORTANT ========================================================= */ .elementor-widget-html { box-shadow: none !important; filter: none !important; } .elementor-widget-html > .elementor-widget-container { margin: 0 !important; padding: 0 !important; background: transparent !important; box-shadow: none !important; filter: none !important; } .elementor-widget-html .tal-profile-section { box-shadow: none !important; filter: none !important; } .elementor-widget-html .tal-profile-card { box-shadow: none !important; filter: none !important; transform: none !important; } .elementor-widget-html .tal-profile-card:hover { box-shadow: none !important; filter: none !important; transform: none !important; } /* ========================================================= 16. ELEMENTOR WRAPPER OVERRIDES ========================================================= */ .elementor-element:has(.tal-profile-card) { box-shadow: none !important; filter: none !important; } .elementor-element:has(.tal-profile-card) .elementor-widget-container { box-shadow: none !important; filter: none !important; } .elementor-element:has(.tal-profile-card) .tal-profile-card { box-shadow: none !important; filter: none !important; } /* ========================================================= 17. LARGE DESKTOP ========================================================= */ @media (min-width: 1400px) { .tal-profile-card { max-width: 1280px; min-height: 566px; } .tal-profile-image { flex-basis: 300px; width: 300px; } .tal-profile-content { padding: 51px 48px 43px; } } /* ========================================================= 18. LAPTOP ========================================================= */ @media (max-width: 1200px) { .tal-profile-card { width: calc(100% - 40px); min-height: 540px; border-radius: 22px !important; } .tal-profile-image { flex-basis: 290px; width: 290px; } .tal-profile-content { padding: 44px 40px 38px; } .tal-profile-name { font-size: 34px !important; letter-spacing: -1px !important; } .tal-profile-role { font-size: 19px; } .tal-profile-designation { font-size: 17px; margin-bottom: 24px; } .tal-profile-description p { font-size: 17px !important; line-height: 1.55 !important; } } /* ========================================================= 19. TABLET ========================================================= */ @media (max-width: 900px) { .tal-profile-card { width: calc(100% - 30px); min-height: 0; border-radius: 20px !important; } .tal-profile-image { flex-basis: 250px; width: 250px; } .tal-profile-content { padding: 35px 30px 32px; } .tal-profile-name { font-size: 30px !important; letter-spacing: -0.8px !important; margin-bottom: 10px !important; } .tal-profile-role { font-size: 17px; margin-bottom: 17px; } .tal-profile-designation { font-size: 15px; line-height: 1.45; margin-bottom: 21px; } .tal-profile-description p { font-size: 15px !important; line-height: 1.58 !important; margin-bottom: 14px !important; } } /* ========================================================= 20. MOBILE ========================================================= */ @media (max-width: 767px) { .tal-profile-section { width: 100%; max-width: 100%; margin: 0; padding: 0 12px; overflow: visible; } /* ----------------------------------------- MOBILE CARD ----------------------------------------- */ .tal-profile-card { width: 100%; max-width: 100%; min-height: 0; margin: 0; display: flex; flex-direction: column; border-radius: 18px !important; overflow: hidden !important; box-shadow: none !important; filter: none !important; transform: none !important; } /* ----------------------------------------- MOBILE CARD HOVER ----------------------------------------- */ .tal-profile-card:hover { box-shadow: none !important; filter: none !important; transform: none !important; } /* ----------------------------------------- MOBILE IMAGE ----------------------------------------- */ .tal-profile-image { flex: none; width: 100%; height: auto; min-height: 0; aspect-ratio: 16 / 10; overflow: hidden !important; background: #eeeeee; } /* ----------------------------------------- MOBILE IMAGE ----------------------------------------- */ .tal-profile-image img { display: block; width: 100%; height: 100%; min-height: 0; object-fit: cover; object-position: center top; border-radius: 0 !important; box-shadow: none !important; transform: none !important; } /* ----------------------------------------- MOBILE CONTENT ----------------------------------------- */ .tal-profile-content { width: 100%; margin: 0; padding: 25px 21px 27px; display: block; background: #ffffff !important; box-shadow: none !important; } /* ----------------------------------------- MOBILE NAME ----------------------------------------- */ .tal-profile-name { font-size: 27px !important; line-height: 1.15 !important; letter-spacing: -0.7px !important; margin: 0 0 9px !important; } /* ----------------------------------------- MOBILE ROLE ----------------------------------------- */ .tal-profile-role { font-size: 17px; line-height: 1.3; margin: 0 0 17px; } /* ----------------------------------------- MOBILE DESIGNATION ----------------------------------------- */ .tal-profile-designation { font-size: 14px; line-height: 1.5; margin: 0 0 20px; } /* ----------------------------------------- MOBILE DESCRIPTION ----------------------------------------- */ .tal-profile-description p { font-size: 15px !important; line-height: 1.62 !important; margin: 0 0 15px !important; } /* ----------------------------------------- MOBILE ELEMENTOR OVERRIDE ----------------------------------------- */ .elementor-widget-html, .elementor-widget-html > .elementor-widget-container, .elementor-widget-html .tal-profile-section, .elementor-widget-html .tal-profile-card { box-shadow: none !important; filter: none !important; } } /* ========================================================= 21. SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .tal-profile-section { padding: 0 10px; } .tal-profile-card { border-radius: 16px !important; box-shadow: none !important; } .tal-profile-image { aspect-ratio: 4 / 3; } .tal-profile-content { padding: 22px 18px 24px; } .tal-profile-name { font-size: 24px !important; letter-spacing: -0.5px !important; } .tal-profile-role { font-size: 16px; margin-bottom: 15px; } .tal-profile-designation { font-size: 13px; line-height: 1.52; margin-bottom: 18px; } .tal-profile-description p { font-size: 14px !important; line-height: 1.62 !important; margin-bottom: 14px !important; } } /* ========================================================= 22. VERY SMALL MOBILE ========================================================= */ @media (max-width: 360px) { .tal-profile-section { padding: 0 8px; } .tal-profile-card { border-radius: 15px !important; box-shadow: none !important; } .tal-profile-content { padding: 20px 16px 22px; } .tal-profile-name { font-size: 22px !important; } .tal-profile-role { font-size: 15px; } .tal-profile-designation { font-size: 12px; } .tal-profile-description p { font-size: 13px !important; line-height: 1.62 !important; } } /* ========================================================= 23. FINAL SHADOW KILL SWITCH Keeps shadow OFF even if theme/Elementor adds it ========================================================= */ .tal-profile-section, .tal-profile-card, .tal-profile-card *, .tal-profile-card::before, .tal-profile-card::after, .elementor-widget-html, .elementor-widget-html::before, .elementor-widget-html::after, .elementor-widget-html > .elementor-widget-container { box-shadow: none !important; filter: none !important; } /* ========================================================= 24. FINAL CARD BORDER ========================================================= */ .tal-profile-card { border: 1px solid #e2ddda !important; border-radius: 24px !important; } /* ========================================================= 25. MOBILE FINAL BORDER ========================================================= */ @media (max-width: 767px) { .tal-profile-card { border-radius: 18px !important; border: 1px solid #e2ddda !important; } } @media (max-width: 480px) { .tal-profile-card { border-radius: 16px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6b25dd5 *//* ========================================================= TAL PROFILE CARDS GLOBAL CSS ALTERNATING IMAGE LEFT / RIGHT DESKTOP + TABLET + MOBILE NO SHADOW ========================================================= */ /* ========================================================= 01. GLOBAL RESET ========================================================= */ .tal-profile-section, .tal-profile-section *, .tal-profile-section *::before, .tal-profile-section *::after { box-sizing: border-box; } /* ========================================================= 02. MAIN SECTION ========================================================= */ .tal-profile-section { width: 100%; max-width: 100%; margin: 0; padding: 0; background: transparent !important; box-shadow: none !important; filter: none !important; } /* ========================================================= 03. MAIN PROFILE CARD ========================================================= */ .tal-profile-card { width: 100%; max-width: 1280px; min-height: 566px; margin: 0 auto; padding: 0; display: flex; align-items: stretch; background: #ffffff !important; border: 1px solid #e2ddda !important; border-radius: 24px !important; overflow: hidden !important; box-shadow: none !important; filter: none !important; transform: none !important; transition: none !important; font-family: Arial, Helvetica, sans-serif; } /* ========================================================= 04. DEFAULT CARD IMAGE LEFT / CONTENT RIGHT ========================================================= */ .tal-profile-card { flex-direction: row !important; } /* ========================================================= 05. IMAGE-LEFT CARD CARD 1 / 3 / 5... ========================================================= */ .tal-profile-card--image-left { flex-direction: row !important; } /* Image left */ .tal-profile-card--image-left .tal-profile-image { order: 1; } /* Content right */ .tal-profile-card--image-left .tal-profile-content { order: 2; } /* ========================================================= 06. IMAGE-RIGHT CARD CARD 2 / 4 / 6... ========================================================= */ .tal-profile-card--image-right { flex-direction: row !important; } /* Content left */ .tal-profile-card--image-right .tal-profile-content { order: 1; } /* Image right */ .tal-profile-card--image-right .tal-profile-image { order: 2; } /* ========================================================= 07. CARD HOVER KEEP CLEAN — NO SHADOW ========================================================= */ .tal-profile-card:hover { background: #ffffff !important; border-color: #e2ddda !important; box-shadow: none !important; filter: none !important; transform: none !important; } /* ========================================================= 08. PROFILE IMAGE CONTAINER ========================================================= */ .tal-profile-image { flex: 0 0 300px; width: 300px; min-height: 100%; margin: 0; padding: 0; position: relative; overflow: hidden !important; background: #eeeeee; box-shadow: none !important; filter: none !important; } /* ========================================================= 09. PROFILE IMAGE ========================================================= */ .tal-profile-image img { display: block; width: 100%; height: 100%; min-height: 100%; margin: 0; padding: 0; object-fit: cover; object-position: center top; border: 0 !important; border-radius: 0 !important; outline: none !important; box-shadow: none !important; filter: none !important; transform: none !important; transition: none !important; } /* ========================================================= 10. CONTENT AREA ========================================================= */ .tal-profile-content { flex: 1; min-width: 0; margin: 0; padding: 51px 48px 43px; display: flex; flex-direction: column; justify-content: flex-start; background: #ffffff !important; box-shadow: none !important; filter: none !important; } /* ========================================================= 11. PROFILE NAME ========================================================= */ .tal-profile-name { margin: 0 0 13px !important; padding: 0 !important; color: #080808 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 36px !important; font-weight: 700 !important; line-height: 1.12 !important; letter-spacing: -1.15px !important; text-align: left !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ========================================================= 12. ROLE ========================================================= */ .tal-profile-role { margin: 0 0 8px; padding: 0; color: #d82424; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 700; line-height: 1.35; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ========================================================= 13. DESIGNATION ========================================================= */ .tal-profile-designation { margin: 0 0 27px; padding: 0; color: #d82424; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 700; line-height: 1.35; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ========================================================= 14. DESCRIPTION WRAPPER ========================================================= */ .tal-profile-description { width: 100%; margin: 0; padding: 0; background: transparent !important; box-shadow: none !important; } /* ========================================================= 15. DESCRIPTION PARAGRAPHS ========================================================= */ .tal-profile-description p { margin: 0 0 16px !important; padding: 0 !important; color: #655e5b !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.56 !important; letter-spacing: 0 !important; text-align: left !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ========================================================= 16. LAST PARAGRAPH ========================================================= */ .tal-profile-description p:last-child { margin-bottom: 0 !important; } /* ========================================================= 17. ELEMENTOR HTML WIDGET ========================================================= */ .elementor-widget-html { box-shadow: none !important; filter: none !important; } .elementor-widget-html .elementor-widget-container { background: transparent !important; box-shadow: none !important; filter: none !important; } /* ========================================================= 18. ELEMENTOR CARD OVERRIDE ========================================================= */ .elementor-widget-html .tal-profile-card { box-shadow: none !important; filter: none !important; transform: none !important; } .elementor-widget-html .tal-profile-card:hover { box-shadow: none !important; filter: none !important; transform: none !important; } /* ========================================================= 19. LARGE DESKTOP ========================================================= */ @media (min-width: 1400px) { .tal-profile-card { max-width: 1280px; min-height: 566px; } .tal-profile-image { flex-basis: 300px; width: 300px; } .tal-profile-content { padding: 51px 48px 43px; } } /* ========================================================= 20. LAPTOP ========================================================= */ @media (max-width: 1200px) { .tal-profile-card { width: calc(100% - 40px); min-height: 540px; border-radius: 22px !important; } .tal-profile-image { flex-basis: 290px; width: 290px; } .tal-profile-content { padding: 44px 40px 38px; } .tal-profile-name { font-size: 34px !important; letter-spacing: -1px !important; } .tal-profile-role, .tal-profile-designation { font-size: 19px; } .tal-profile-designation { margin-bottom: 24px; } .tal-profile-description p { font-size: 17px !important; line-height: 1.55 !important; } } /* ========================================================= 21. TABLET ========================================================= */ @media (max-width: 900px) { .tal-profile-card { width: calc(100% - 30px); min-height: 0; border-radius: 20px !important; } .tal-profile-image { flex-basis: 250px; width: 250px; } .tal-profile-content { padding: 35px 30px 32px; } .tal-profile-name { font-size: 30px !important; letter-spacing: -0.8px !important; margin-bottom: 10px !important; } .tal-profile-role, .tal-profile-designation { font-size: 17px; line-height: 1.4; } .tal-profile-role { margin-bottom: 5px; } .tal-profile-designation { margin-bottom: 21px; } .tal-profile-description p { font-size: 15px !important; line-height: 1.58 !important; margin-bottom: 14px !important; } } /* ========================================================= 22. MOBILE ALWAYS IMAGE FIRST ========================================================= */ @media (max-width: 767px) { .tal-profile-section { width: 100%; max-width: 100%; margin: 0; padding: 0 12px; overflow: visible; } /* ----------------------------------------- ALL CARDS BECOME VERTICAL ----------------------------------------- */ .tal-profile-card, .tal-profile-card--image-left, .tal-profile-card--image-right { width: 100%; max-width: 100%; min-height: 0; margin: 0; display: flex; flex-direction: column !important; border-radius: 18px !important; overflow: hidden !important; box-shadow: none !important; filter: none !important; transform: none !important; } /* ----------------------------------------- IMAGE ALWAYS FIRST ON MOBILE ----------------------------------------- */ .tal-profile-card--image-left .tal-profile-image, .tal-profile-card--image-right .tal-profile-image { order: 1 !important; } /* ----------------------------------------- CONTENT ALWAYS SECOND ----------------------------------------- */ .tal-profile-card--image-left .tal-profile-content, .tal-profile-card--image-right .tal-profile-content { order: 2 !important; } /* ----------------------------------------- MOBILE IMAGE ----------------------------------------- */ .tal-profile-image { flex: none; width: 100%; height: auto; min-height: 0; aspect-ratio: 16 / 10; overflow: hidden !important; background: #eeeeee; } .tal-profile-image img { display: block; width: 100%; height: 100%; min-height: 0; object-fit: cover; object-position: center top; border-radius: 0 !important; box-shadow: none !important; transform: none !important; } /* ----------------------------------------- MOBILE CONTENT ----------------------------------------- */ .tal-profile-content { width: 100%; min-width: 0; margin: 0; padding: 25px 21px 27px; display: block; background: #ffffff !important; box-shadow: none !important; } /* ----------------------------------------- MOBILE NAME ----------------------------------------- */ .tal-profile-name { font-size: 27px !important; line-height: 1.15 !important; letter-spacing: -0.7px !important; margin: 0 0 9px !important; } /* ----------------------------------------- MOBILE ROLE ----------------------------------------- */ .tal-profile-role { font-size: 17px; line-height: 1.35; margin: 0 0 4px; } /* ----------------------------------------- MOBILE DESIGNATION ----------------------------------------- */ .tal-profile-designation { font-size: 17px; line-height: 1.35; margin: 0 0 19px; } /* ----------------------------------------- MOBILE DESCRIPTION ----------------------------------------- */ .tal-profile-description p { font-size: 15px !important; line-height: 1.62 !important; margin: 0 0 15px !important; } /* ----------------------------------------- MOBILE ELEMENTOR ----------------------------------------- */ .elementor-widget-html, .elementor-widget-html .elementor-widget-container, .elementor-widget-html .tal-profile-card { box-shadow: none !important; filter: none !important; } } /* ========================================================= 23. SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .tal-profile-section { padding: 0 10px; } .tal-profile-card, .tal-profile-card--image-left, .tal-profile-card--image-right { border-radius: 16px !important; box-shadow: none !important; } .tal-profile-image { aspect-ratio: 4 / 3; } .tal-profile-content { padding: 22px 18px 24px; } .tal-profile-name { font-size: 24px !important; letter-spacing: -0.5px !important; } .tal-profile-role { font-size: 16px; margin-bottom: 4px; } .tal-profile-designation { font-size: 16px; line-height: 1.4; margin-bottom: 18px; } .tal-profile-description p { font-size: 14px !important; line-height: 1.62 !important; margin-bottom: 14px !important; } } /* ========================================================= 24. VERY SMALL MOBILE ========================================================= */ @media (max-width: 360px) { .tal-profile-section { padding: 0 8px; } .tal-profile-card, .tal-profile-card--image-left, .tal-profile-card--image-right { border-radius: 15px !important; } .tal-profile-content { padding: 20px 16px 22px; } .tal-profile-name { font-size: 22px !important; } .tal-profile-role { font-size: 15px; } .tal-profile-designation { font-size: 15px; } .tal-profile-description p { font-size: 13px !important; line-height: 1.62 !important; } } /* ========================================================= 25. FINAL NO-SHADOW PROTECTION ========================================================= */ .tal-profile-section, .tal-profile-card, .tal-profile-card::before, .tal-profile-card::after, .tal-profile-card *, .tal-profile-card *::before, .tal-profile-card *::after, .elementor-widget-html, .elementor-widget-html::before, .elementor-widget-html::after, .elementor-widget-html .elementor-widget-container { box-shadow: none !important; filter: none !important; } /* ========================================================= 26. FINAL CARD BORDER ========================================================= */ .tal-profile-card, .tal-profile-card--image-left, .tal-profile-card--image-right { border: 1px solid #e2ddda !important; background: #ffffff !important; } /* ========================================================= 27. FINAL MOBILE BORDER ========================================================= */ @media (max-width: 767px) { .tal-profile-card, .tal-profile-card--image-left, .tal-profile-card--image-right { border: 1px solid #e2ddda !important; border-radius: 18px !important; } } @media (max-width: 480px) { .tal-profile-card, .tal-profile-card--image-left, .tal-profile-card--image-right { border-radius: 16px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-cc1f3fc *//* ========================================================= TAL PROFILE CARD GLOBAL CSS PIXEL-PERFECT / RESPONSIVE NO SHADOW VERSION ========================================================= */ /* ========================================================= 01. GLOBAL RESET ========================================================= */ .tal-profile-section, .tal-profile-section *, .tal-profile-section *::before, .tal-profile-section *::after { box-sizing: border-box; } /* ========================================================= 02. MAIN SECTION ========================================================= */ .tal-profile-section { width: 100%; max-width: 100%; margin: 0; padding: 0; overflow: visible; background: transparent !important; box-shadow: none !important; filter: none !important; } /* ========================================================= 03. MAIN PROFILE CARD ========================================================= */ .tal-profile-card { width: 100%; max-width: 1280px; min-height: 566px; margin: 0 auto; padding: 0; display: flex; align-items: stretch; background: #ffffff !important; /* ONLY A THIN BORDER NO SHADOW */ border: 1px solid #e2ddda !important; border-radius: 24px !important; overflow: hidden !important; box-shadow: none !important; filter: none !important; transform: none !important; transition: none !important; font-family: Arial, Helvetica, sans-serif; } /* ========================================================= 04. CARD HOVER NO SHADOW / NO LIFT ========================================================= */ .tal-profile-card:hover { background: #ffffff !important; border-color: #e2ddda !important; box-shadow: none !important; filter: none !important; transform: none !important; } /* ========================================================= 05. PROFILE IMAGE CONTAINER ========================================================= */ .tal-profile-image { flex: 0 0 300px; width: 300px; min-height: 100%; margin: 0; padding: 0; position: relative; overflow: hidden !important; background: #eeeeee; box-shadow: none !important; filter: none !important; } /* ========================================================= 06. PROFILE IMAGE ========================================================= */ .tal-profile-image img { display: block; width: 100%; height: 100%; min-height: 100%; margin: 0; padding: 0; object-fit: cover; object-position: center top; border: 0 !important; outline: none !important; border-radius: 0 !important; box-shadow: none !important; filter: none !important; transform: none !important; transition: none !important; } /* ========================================================= 07. IMAGE HOVER KEEP IMAGE COMPLETELY STATIC ========================================================= */ .tal-profile-card:hover .tal-profile-image img { transform: none !important; box-shadow: none !important; filter: none !important; } /* ========================================================= 08. CONTENT AREA ========================================================= */ .tal-profile-content { flex: 1; min-width: 0; margin: 0; padding: 51px 48px 43px; display: flex; flex-direction: column; justify-content: flex-start; background: #ffffff !important; box-shadow: none !important; filter: none !important; } /* ========================================================= 09. PROFILE NAME ========================================================= */ .tal-profile-name { margin: 0 0 13px !important; padding: 0 !important; color: #080808 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 36px !important; font-weight: 700 !important; line-height: 1.12 !important; letter-spacing: -1.15px !important; text-align: left !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ========================================================= 10. ROLE ========================================================= */ .tal-profile-role { margin: 0 0 20px; padding: 0; color: #d82424; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 700; line-height: 1.25; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ========================================================= 11. DESIGNATION ========================================================= */ .tal-profile-designation { margin: 0 0 27px; padding: 0; color: #5f5755; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 500; line-height: 1.4; letter-spacing: 0.05px; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ========================================================= 12. DESCRIPTION ========================================================= */ .tal-profile-description { width: 100%; margin: 0; padding: 0; background: transparent !important; box-shadow: none !important; } /* ========================================================= 13. DESCRIPTION PARAGRAPHS ========================================================= */ .tal-profile-description p { margin: 0 0 16px !important; padding: 0 !important; color: #655e5b !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.56 !important; letter-spacing: 0 !important; text-align: left !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ========================================================= 14. LAST PARAGRAPH ========================================================= */ .tal-profile-description p:last-child { margin-bottom: 0 !important; } /* ========================================================= 15. ELEMENTOR HTML WIDGET OVERRIDES IMPORTANT ========================================================= */ .elementor-widget-html { box-shadow: none !important; filter: none !important; } .elementor-widget-html > .elementor-widget-container { margin: 0 !important; padding: 0 !important; background: transparent !important; box-shadow: none !important; filter: none !important; } .elementor-widget-html .tal-profile-section { box-shadow: none !important; filter: none !important; } .elementor-widget-html .tal-profile-card { box-shadow: none !important; filter: none !important; transform: none !important; } .elementor-widget-html .tal-profile-card:hover { box-shadow: none !important; filter: none !important; transform: none !important; } /* ========================================================= 16. ELEMENTOR WRAPPER OVERRIDES ========================================================= */ .elementor-element:has(.tal-profile-card) { box-shadow: none !important; filter: none !important; } .elementor-element:has(.tal-profile-card) .elementor-widget-container { box-shadow: none !important; filter: none !important; } .elementor-element:has(.tal-profile-card) .tal-profile-card { box-shadow: none !important; filter: none !important; } /* ========================================================= 17. LARGE DESKTOP ========================================================= */ @media (min-width: 1400px) { .tal-profile-card { max-width: 1280px; min-height: 566px; } .tal-profile-image { flex-basis: 300px; width: 300px; } .tal-profile-content { padding: 51px 48px 43px; } } /* ========================================================= 18. LAPTOP ========================================================= */ @media (max-width: 1200px) { .tal-profile-card { width: calc(100% - 40px); min-height: 540px; border-radius: 22px !important; } .tal-profile-image { flex-basis: 290px; width: 290px; } .tal-profile-content { padding: 44px 40px 38px; } .tal-profile-name { font-size: 34px !important; letter-spacing: -1px !important; } .tal-profile-role { font-size: 19px; } .tal-profile-designation { font-size: 17px; margin-bottom: 24px; } .tal-profile-description p { font-size: 17px !important; line-height: 1.55 !important; } } /* ========================================================= 19. TABLET ========================================================= */ @media (max-width: 900px) { .tal-profile-card { width: calc(100% - 30px); min-height: 0; border-radius: 20px !important; } .tal-profile-image { flex-basis: 250px; width: 250px; } .tal-profile-content { padding: 35px 30px 32px; } .tal-profile-name { font-size: 30px !important; letter-spacing: -0.8px !important; margin-bottom: 10px !important; } .tal-profile-role { font-size: 17px; margin-bottom: 17px; } .tal-profile-designation { font-size: 15px; line-height: 1.45; margin-bottom: 21px; } .tal-profile-description p { font-size: 15px !important; line-height: 1.58 !important; margin-bottom: 14px !important; } } /* ========================================================= 20. MOBILE ========================================================= */ @media (max-width: 767px) { .tal-profile-section { width: 100%; max-width: 100%; margin: 0; padding: 0 12px; overflow: visible; } /* ----------------------------------------- MOBILE CARD ----------------------------------------- */ .tal-profile-card { width: 100%; max-width: 100%; min-height: 0; margin: 0; display: flex; flex-direction: column; border-radius: 18px !important; overflow: hidden !important; box-shadow: none !important; filter: none !important; transform: none !important; } /* ----------------------------------------- MOBILE CARD HOVER ----------------------------------------- */ .tal-profile-card:hover { box-shadow: none !important; filter: none !important; transform: none !important; } /* ----------------------------------------- MOBILE IMAGE ----------------------------------------- */ .tal-profile-image { flex: none; width: 100%; height: auto; min-height: 0; aspect-ratio: 16 / 10; overflow: hidden !important; background: #eeeeee; } /* ----------------------------------------- MOBILE IMAGE ----------------------------------------- */ .tal-profile-image img { display: block; width: 100%; height: 100%; min-height: 0; object-fit: cover; object-position: center top; border-radius: 0 !important; box-shadow: none !important; transform: none !important; } /* ----------------------------------------- MOBILE CONTENT ----------------------------------------- */ .tal-profile-content { width: 100%; margin: 0; padding: 25px 21px 27px; display: block; background: #ffffff !important; box-shadow: none !important; } /* ----------------------------------------- MOBILE NAME ----------------------------------------- */ .tal-profile-name { font-size: 27px !important; line-height: 1.15 !important; letter-spacing: -0.7px !important; margin: 0 0 9px !important; } /* ----------------------------------------- MOBILE ROLE ----------------------------------------- */ .tal-profile-role { font-size: 17px; line-height: 1.3; margin: 0 0 17px; } /* ----------------------------------------- MOBILE DESIGNATION ----------------------------------------- */ .tal-profile-designation { font-size: 14px; line-height: 1.5; margin: 0 0 20px; } /* ----------------------------------------- MOBILE DESCRIPTION ----------------------------------------- */ .tal-profile-description p { font-size: 15px !important; line-height: 1.62 !important; margin: 0 0 15px !important; } /* ----------------------------------------- MOBILE ELEMENTOR OVERRIDE ----------------------------------------- */ .elementor-widget-html, .elementor-widget-html > .elementor-widget-container, .elementor-widget-html .tal-profile-section, .elementor-widget-html .tal-profile-card { box-shadow: none !important; filter: none !important; } } /* ========================================================= 21. SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .tal-profile-section { padding: 0 10px; } .tal-profile-card { border-radius: 16px !important; box-shadow: none !important; } .tal-profile-image { aspect-ratio: 4 / 3; } .tal-profile-content { padding: 22px 18px 24px; } .tal-profile-name { font-size: 24px !important; letter-spacing: -0.5px !important; } .tal-profile-role { font-size: 16px; margin-bottom: 15px; } .tal-profile-designation { font-size: 13px; line-height: 1.52; margin-bottom: 18px; } .tal-profile-description p { font-size: 14px !important; line-height: 1.62 !important; margin-bottom: 14px !important; } } /* ========================================================= 22. VERY SMALL MOBILE ========================================================= */ @media (max-width: 360px) { .tal-profile-section { padding: 0 8px; } .tal-profile-card { border-radius: 15px !important; box-shadow: none !important; } .tal-profile-content { padding: 20px 16px 22px; } .tal-profile-name { font-size: 22px !important; } .tal-profile-role { font-size: 15px; } .tal-profile-designation { font-size: 12px; } .tal-profile-description p { font-size: 13px !important; line-height: 1.62 !important; } } /* ========================================================= 23. FINAL SHADOW KILL SWITCH Keeps shadow OFF even if theme/Elementor adds it ========================================================= */ .tal-profile-section, .tal-profile-card, .tal-profile-card *, .tal-profile-card::before, .tal-profile-card::after, .elementor-widget-html, .elementor-widget-html::before, .elementor-widget-html::after, .elementor-widget-html > .elementor-widget-container { box-shadow: none !important; filter: none !important; } /* ========================================================= 24. FINAL CARD BORDER ========================================================= */ .tal-profile-card { border: 1px solid #e2ddda !important; border-radius: 24px !important; } /* ========================================================= 25. MOBILE FINAL BORDER ========================================================= */ @media (max-width: 767px) { .tal-profile-card { border-radius: 18px !important; border: 1px solid #e2ddda !important; } } @media (max-width: 480px) { .tal-profile-card { border-radius: 16px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-10607d9 *//* ========================================================= TAL PROFILE CARDS GLOBAL CSS ALTERNATING IMAGE LEFT / RIGHT DESKTOP + TABLET + MOBILE NO SHADOW ========================================================= */ /* ========================================================= 01. GLOBAL RESET ========================================================= */ .tal-profile-section, .tal-profile-section *, .tal-profile-section *::before, .tal-profile-section *::after { box-sizing: border-box; } /* ========================================================= 02. MAIN SECTION ========================================================= */ .tal-profile-section { width: 100%; max-width: 100%; margin: 0; padding: 0; background: transparent !important; box-shadow: none !important; filter: none !important; } /* ========================================================= 03. MAIN PROFILE CARD ========================================================= */ .tal-profile-card { width: 100%; max-width: 1280px; min-height: 566px; margin: 0 auto; padding: 0; display: flex; align-items: stretch; background: #ffffff !important; border: 1px solid #e2ddda !important; border-radius: 24px !important; overflow: hidden !important; box-shadow: none !important; filter: none !important; transform: none !important; transition: none !important; font-family: Arial, Helvetica, sans-serif; } /* ========================================================= 04. DEFAULT CARD IMAGE LEFT / CONTENT RIGHT ========================================================= */ .tal-profile-card { flex-direction: row !important; } /* ========================================================= 05. IMAGE-LEFT CARD CARD 1 / 3 / 5... ========================================================= */ .tal-profile-card--image-left { flex-direction: row !important; } /* Image left */ .tal-profile-card--image-left .tal-profile-image { order: 1; } /* Content right */ .tal-profile-card--image-left .tal-profile-content { order: 2; } /* ========================================================= 06. IMAGE-RIGHT CARD CARD 2 / 4 / 6... ========================================================= */ .tal-profile-card--image-right { flex-direction: row !important; } /* Content left */ .tal-profile-card--image-right .tal-profile-content { order: 1; } /* Image right */ .tal-profile-card--image-right .tal-profile-image { order: 2; } /* ========================================================= 07. CARD HOVER KEEP CLEAN — NO SHADOW ========================================================= */ .tal-profile-card:hover { background: #ffffff !important; border-color: #e2ddda !important; box-shadow: none !important; filter: none !important; transform: none !important; } /* ========================================================= 08. PROFILE IMAGE CONTAINER ========================================================= */ .tal-profile-image { flex: 0 0 300px; width: 300px; min-height: 100%; margin: 0; padding: 0; position: relative; overflow: hidden !important; background: #eeeeee; box-shadow: none !important; filter: none !important; } /* ========================================================= 09. PROFILE IMAGE ========================================================= */ .tal-profile-image img { display: block; width: 100%; height: 100%; min-height: 100%; margin: 0; padding: 0; object-fit: cover; object-position: center top; border: 0 !important; border-radius: 0 !important; outline: none !important; box-shadow: none !important; filter: none !important; transform: none !important; transition: none !important; } /* ========================================================= 10. CONTENT AREA ========================================================= */ .tal-profile-content { flex: 1; min-width: 0; margin: 0; padding: 51px 48px 43px; display: flex; flex-direction: column; justify-content: flex-start; background: #ffffff !important; box-shadow: none !important; filter: none !important; } /* ========================================================= 11. PROFILE NAME ========================================================= */ .tal-profile-name { margin: 0 0 13px !important; padding: 0 !important; color: #080808 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 36px !important; font-weight: 700 !important; line-height: 1.12 !important; letter-spacing: -1.15px !important; text-align: left !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ========================================================= 12. ROLE ========================================================= */ .tal-profile-role { margin: 0 0 8px; padding: 0; color: #d82424; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 700; line-height: 1.35; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ========================================================= 13. DESIGNATION ========================================================= */ .tal-profile-designation { margin: 0 0 27px; padding: 0; color: #d82424; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 700; line-height: 1.35; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ========================================================= 14. DESCRIPTION WRAPPER ========================================================= */ .tal-profile-description { width: 100%; margin: 0; padding: 0; background: transparent !important; box-shadow: none !important; } /* ========================================================= 15. DESCRIPTION PARAGRAPHS ========================================================= */ .tal-profile-description p { margin: 0 0 16px !important; padding: 0 !important; color: #655e5b !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.56 !important; letter-spacing: 0 !important; text-align: left !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ========================================================= 16. LAST PARAGRAPH ========================================================= */ .tal-profile-description p:last-child { margin-bottom: 0 !important; } /* ========================================================= 17. ELEMENTOR HTML WIDGET ========================================================= */ .elementor-widget-html { box-shadow: none !important; filter: none !important; } .elementor-widget-html .elementor-widget-container { background: transparent !important; box-shadow: none !important; filter: none !important; } /* ========================================================= 18. ELEMENTOR CARD OVERRIDE ========================================================= */ .elementor-widget-html .tal-profile-card { box-shadow: none !important; filter: none !important; transform: none !important; } .elementor-widget-html .tal-profile-card:hover { box-shadow: none !important; filter: none !important; transform: none !important; } /* ========================================================= 19. LARGE DESKTOP ========================================================= */ @media (min-width: 1400px) { .tal-profile-card { max-width: 1280px; min-height: 566px; } .tal-profile-image { flex-basis: 300px; width: 300px; } .tal-profile-content { padding: 51px 48px 43px; } } /* ========================================================= 20. LAPTOP ========================================================= */ @media (max-width: 1200px) { .tal-profile-card { width: calc(100% - 40px); min-height: 540px; border-radius: 22px !important; } .tal-profile-image { flex-basis: 290px; width: 290px; } .tal-profile-content { padding: 44px 40px 38px; } .tal-profile-name { font-size: 34px !important; letter-spacing: -1px !important; } .tal-profile-role, .tal-profile-designation { font-size: 19px; } .tal-profile-designation { margin-bottom: 24px; } .tal-profile-description p { font-size: 17px !important; line-height: 1.55 !important; } } /* ========================================================= 21. TABLET ========================================================= */ @media (max-width: 900px) { .tal-profile-card { width: calc(100% - 30px); min-height: 0; border-radius: 20px !important; } .tal-profile-image { flex-basis: 250px; width: 250px; } .tal-profile-content { padding: 35px 30px 32px; } .tal-profile-name { font-size: 30px !important; letter-spacing: -0.8px !important; margin-bottom: 10px !important; } .tal-profile-role, .tal-profile-designation { font-size: 17px; line-height: 1.4; } .tal-profile-role { margin-bottom: 5px; } .tal-profile-designation { margin-bottom: 21px; } .tal-profile-description p { font-size: 15px !important; line-height: 1.58 !important; margin-bottom: 14px !important; } } /* ========================================================= 22. MOBILE ALWAYS IMAGE FIRST ========================================================= */ @media (max-width: 767px) { .tal-profile-section { width: 100%; max-width: 100%; margin: 0; padding: 0 12px; overflow: visible; } /* ----------------------------------------- ALL CARDS BECOME VERTICAL ----------------------------------------- */ .tal-profile-card, .tal-profile-card--image-left, .tal-profile-card--image-right { width: 100%; max-width: 100%; min-height: 0; margin: 0; display: flex; flex-direction: column !important; border-radius: 18px !important; overflow: hidden !important; box-shadow: none !important; filter: none !important; transform: none !important; } /* ----------------------------------------- IMAGE ALWAYS FIRST ON MOBILE ----------------------------------------- */ .tal-profile-card--image-left .tal-profile-image, .tal-profile-card--image-right .tal-profile-image { order: 1 !important; } /* ----------------------------------------- CONTENT ALWAYS SECOND ----------------------------------------- */ .tal-profile-card--image-left .tal-profile-content, .tal-profile-card--image-right .tal-profile-content { order: 2 !important; } /* ----------------------------------------- MOBILE IMAGE ----------------------------------------- */ .tal-profile-image { flex: none; width: 100%; height: auto; min-height: 0; aspect-ratio: 16 / 10; overflow: hidden !important; background: #eeeeee; } .tal-profile-image img { display: block; width: 100%; height: 100%; min-height: 0; object-fit: cover; object-position: center top; border-radius: 0 !important; box-shadow: none !important; transform: none !important; } /* ----------------------------------------- MOBILE CONTENT ----------------------------------------- */ .tal-profile-content { width: 100%; min-width: 0; margin: 0; padding: 25px 21px 27px; display: block; background: #ffffff !important; box-shadow: none !important; } /* ----------------------------------------- MOBILE NAME ----------------------------------------- */ .tal-profile-name { font-size: 27px !important; line-height: 1.15 !important; letter-spacing: -0.7px !important; margin: 0 0 9px !important; } /* ----------------------------------------- MOBILE ROLE ----------------------------------------- */ .tal-profile-role { font-size: 17px; line-height: 1.35; margin: 0 0 4px; } /* ----------------------------------------- MOBILE DESIGNATION ----------------------------------------- */ .tal-profile-designation { font-size: 17px; line-height: 1.35; margin: 0 0 19px; } /* ----------------------------------------- MOBILE DESCRIPTION ----------------------------------------- */ .tal-profile-description p { font-size: 15px !important; line-height: 1.62 !important; margin: 0 0 15px !important; } /* ----------------------------------------- MOBILE ELEMENTOR ----------------------------------------- */ .elementor-widget-html, .elementor-widget-html .elementor-widget-container, .elementor-widget-html .tal-profile-card { box-shadow: none !important; filter: none !important; } } /* ========================================================= 23. SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .tal-profile-section { padding: 0 10px; } .tal-profile-card, .tal-profile-card--image-left, .tal-profile-card--image-right { border-radius: 16px !important; box-shadow: none !important; } .tal-profile-image { aspect-ratio: 5 / 5; } .tal-profile-content { padding: 22px 18px 24px; } .tal-profile-name { font-size: 24px !important; letter-spacing: -0.5px !important; } .tal-profile-role { font-size: 16px; margin-bottom: 4px; } .tal-profile-designation { font-size: 16px; line-height: 1.4; margin-bottom: 18px; } .tal-profile-description p { font-size: 14px !important; line-height: 1.62 !important; margin-bottom: 14px !important; } } /* ========================================================= 24. VERY SMALL MOBILE ========================================================= */ @media (max-width: 360px) { .tal-profile-section { padding: 0 8px; } .tal-profile-card, .tal-profile-card--image-left, .tal-profile-card--image-right { border-radius: 15px !important; } .tal-profile-content { padding: 20px 16px 22px; } .tal-profile-name { font-size: 22px !important; } .tal-profile-role { font-size: 15px; } .tal-profile-designation { font-size: 15px; } .tal-profile-description p { font-size: 13px !important; line-height: 1.62 !important; } } /* ========================================================= 25. FINAL NO-SHADOW PROTECTION ========================================================= */ .tal-profile-section, .tal-profile-card, .tal-profile-card::before, .tal-profile-card::after, .tal-profile-card *, .tal-profile-card *::before, .tal-profile-card *::after, .elementor-widget-html, .elementor-widget-html::before, .elementor-widget-html::after, .elementor-widget-html .elementor-widget-container { box-shadow: none !important; filter: none !important; } /* ========================================================= 26. FINAL CARD BORDER ========================================================= */ .tal-profile-card, .tal-profile-card--image-left, .tal-profile-card--image-right { border: 1px solid #e2ddda !important; background: #ffffff !important; } /* ========================================================= 27. FINAL MOBILE BORDER ========================================================= */ @media (max-width: 767px) { .tal-profile-card, .tal-profile-card--image-left, .tal-profile-card--image-right { border: 1px solid #e2ddda !important; border-radius: 18px !important; } } @media (max-width: 480px) { .tal-profile-card, .tal-profile-card--image-left, .tal-profile-card--image-right { border-radius: 16px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-d9f5960 *//* ========================================================= TAL PROFILE CARD GLOBAL CSS PIXEL-PERFECT / RESPONSIVE NO SHADOW VERSION ========================================================= */ /* ========================================================= 01. GLOBAL RESET ========================================================= */ .tal-profile-section, .tal-profile-section *, .tal-profile-section *::before, .tal-profile-section *::after { box-sizing: border-box; } /* ========================================================= 02. MAIN SECTION ========================================================= */ .tal-profile-section { width: 100%; max-width: 100%; margin: 0; padding: 0; overflow: visible; background: transparent !important; box-shadow: none !important; filter: none !important; } /* ========================================================= 03. MAIN PROFILE CARD ========================================================= */ .tal-profile-card { width: 100%; max-width: 1280px; min-height: 566px; margin: 0 auto; padding: 0; display: flex; align-items: stretch; background: #ffffff !important; /* ONLY A THIN BORDER NO SHADOW */ border: 1px solid #e2ddda !important; border-radius: 24px !important; overflow: hidden !important; box-shadow: none !important; filter: none !important; transform: none !important; transition: none !important; font-family: Arial, Helvetica, sans-serif; } /* ========================================================= 04. CARD HOVER NO SHADOW / NO LIFT ========================================================= */ .tal-profile-card:hover { background: #ffffff !important; border-color: #e2ddda !important; box-shadow: none !important; filter: none !important; transform: none !important; } /* ========================================================= 05. PROFILE IMAGE CONTAINER ========================================================= */ .tal-profile-image { flex: 0 0 300px; width: 300px; min-height: 100%; margin: 0; padding: 0; position: relative; overflow: hidden !important; background: #eeeeee; box-shadow: none !important; filter: none !important; } /* ========================================================= 06. PROFILE IMAGE ========================================================= */ .tal-profile-image img { display: block; width: 100%; height: 100%; min-height: 100%; margin: 0; padding: 0; object-fit: cover; object-position: center top; border: 0 !important; outline: none !important; border-radius: 0 !important; box-shadow: none !important; filter: none !important; transform: none !important; transition: none !important; } /* ========================================================= 07. IMAGE HOVER KEEP IMAGE COMPLETELY STATIC ========================================================= */ .tal-profile-card:hover .tal-profile-image img { transform: none !important; box-shadow: none !important; filter: none !important; } /* ========================================================= 08. CONTENT AREA ========================================================= */ .tal-profile-content { flex: 1; min-width: 0; margin: 0; padding: 51px 48px 43px; display: flex; flex-direction: column; justify-content: flex-start; background: #ffffff !important; box-shadow: none !important; filter: none !important; } /* ========================================================= 09. PROFILE NAME ========================================================= */ .tal-profile-name { margin: 0 0 13px !important; padding: 0 !important; color: #080808 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 36px !important; font-weight: 700 !important; line-height: 1.12 !important; letter-spacing: -1.15px !important; text-align: left !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ========================================================= 10. ROLE ========================================================= */ .tal-profile-role { margin: 0 0 20px; padding: 0; color: #d82424; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 700; line-height: 1.25; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ========================================================= 11. DESIGNATION ========================================================= */ .tal-profile-designation { margin: 0 0 27px; padding: 0; color: #5f5755; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 500; line-height: 1.4; letter-spacing: 0.05px; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ========================================================= 12. DESCRIPTION ========================================================= */ .tal-profile-description { width: 100%; margin: 0; padding: 0; background: transparent !important; box-shadow: none !important; } /* ========================================================= 13. DESCRIPTION PARAGRAPHS ========================================================= */ .tal-profile-description p { margin: 0 0 16px !important; padding: 0 !important; color: #655e5b !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.56 !important; letter-spacing: 0 !important; text-align: left !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ========================================================= 14. LAST PARAGRAPH ========================================================= */ .tal-profile-description p:last-child { margin-bottom: 0 !important; } /* ========================================================= 15. ELEMENTOR HTML WIDGET OVERRIDES IMPORTANT ========================================================= */ .elementor-widget-html { box-shadow: none !important; filter: none !important; } .elementor-widget-html > .elementor-widget-container { margin: 0 !important; padding: 0 !important; background: transparent !important; box-shadow: none !important; filter: none !important; } .elementor-widget-html .tal-profile-section { box-shadow: none !important; filter: none !important; } .elementor-widget-html .tal-profile-card { box-shadow: none !important; filter: none !important; transform: none !important; } .elementor-widget-html .tal-profile-card:hover { box-shadow: none !important; filter: none !important; transform: none !important; } /* ========================================================= 16. ELEMENTOR WRAPPER OVERRIDES ========================================================= */ .elementor-element:has(.tal-profile-card) { box-shadow: none !important; filter: none !important; } .elementor-element:has(.tal-profile-card) .elementor-widget-container { box-shadow: none !important; filter: none !important; } .elementor-element:has(.tal-profile-card) .tal-profile-card { box-shadow: none !important; filter: none !important; } /* ========================================================= 17. LARGE DESKTOP ========================================================= */ @media (min-width: 1400px) { .tal-profile-card { max-width: 1280px; min-height: 566px; } .tal-profile-image { flex-basis: 300px; width: 300px; } .tal-profile-content { padding: 51px 48px 43px; } } /* ========================================================= 18. LAPTOP ========================================================= */ @media (max-width: 1200px) { .tal-profile-card { width: calc(100% - 40px); min-height: 540px; border-radius: 22px !important; } .tal-profile-image { flex-basis: 290px; width: 290px; } .tal-profile-content { padding: 44px 40px 38px; } .tal-profile-name { font-size: 34px !important; letter-spacing: -1px !important; } .tal-profile-role { font-size: 19px; } .tal-profile-designation { font-size: 17px; margin-bottom: 24px; } .tal-profile-description p { font-size: 17px !important; line-height: 1.55 !important; } } /* ========================================================= 19. TABLET ========================================================= */ @media (max-width: 900px) { .tal-profile-card { width: calc(100% - 30px); min-height: 0; border-radius: 20px !important; } .tal-profile-image { flex-basis: 250px; width: 250px; } .tal-profile-content { padding: 35px 30px 32px; } .tal-profile-name { font-size: 30px !important; letter-spacing: -0.8px !important; margin-bottom: 10px !important; } .tal-profile-role { font-size: 17px; margin-bottom: 17px; } .tal-profile-designation { font-size: 15px; line-height: 1.45; margin-bottom: 21px; } .tal-profile-description p { font-size: 15px !important; line-height: 1.58 !important; margin-bottom: 14px !important; } } /* ========================================================= 20. MOBILE ========================================================= */ @media (max-width: 767px) { .tal-profile-section { width: 100%; max-width: 100%; margin: 0; padding: 0 12px; overflow: visible; } /* ----------------------------------------- MOBILE CARD ----------------------------------------- */ .tal-profile-card { width: 100%; max-width: 100%; min-height: 0; margin: 0; display: flex; flex-direction: column; border-radius: 18px !important; overflow: hidden !important; box-shadow: none !important; filter: none !important; transform: none !important; } /* ----------------------------------------- MOBILE CARD HOVER ----------------------------------------- */ .tal-profile-card:hover { box-shadow: none !important; filter: none !important; transform: none !important; } /* ----------------------------------------- MOBILE IMAGE ----------------------------------------- */ .tal-profile-image { flex: none; width: 100%; height: auto; min-height: 0; aspect-ratio: 16 / 10; overflow: hidden !important; background: #eeeeee; } /* ----------------------------------------- MOBILE IMAGE ----------------------------------------- */ .tal-profile-image img { display: block; width: 100%; height: 100%; min-height: 0; object-fit: cover; object-position: center top; border-radius: 0 !important; box-shadow: none !important; transform: none !important; } /* ----------------------------------------- MOBILE CONTENT ----------------------------------------- */ .tal-profile-content { width: 100%; margin: 0; padding: 25px 21px 27px; display: block; background: #ffffff !important; box-shadow: none !important; } /* ----------------------------------------- MOBILE NAME ----------------------------------------- */ .tal-profile-name { font-size: 27px !important; line-height: 1.15 !important; letter-spacing: -0.7px !important; margin: 0 0 9px !important; } /* ----------------------------------------- MOBILE ROLE ----------------------------------------- */ .tal-profile-role { font-size: 17px; line-height: 1.3; margin: 0 0 17px; } /* ----------------------------------------- MOBILE DESIGNATION ----------------------------------------- */ .tal-profile-designation { font-size: 14px; line-height: 1.5; margin: 0 0 20px; } /* ----------------------------------------- MOBILE DESCRIPTION ----------------------------------------- */ .tal-profile-description p { font-size: 15px !important; line-height: 1.62 !important; margin: 0 0 15px !important; } /* ----------------------------------------- MOBILE ELEMENTOR OVERRIDE ----------------------------------------- */ .elementor-widget-html, .elementor-widget-html > .elementor-widget-container, .elementor-widget-html .tal-profile-section, .elementor-widget-html .tal-profile-card { box-shadow: none !important; filter: none !important; } } /* ========================================================= 21. SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .tal-profile-section { padding: 0 10px; } .tal-profile-card { border-radius: 16px !important; box-shadow: none !important; } .tal-profile-image { aspect-ratio: 4 / 3; } .tal-profile-content { padding: 22px 18px 24px; } .tal-profile-name { font-size: 24px !important; letter-spacing: -0.5px !important; } .tal-profile-role { font-size: 16px; margin-bottom: 15px; } .tal-profile-designation { font-size: 13px; line-height: 1.52; margin-bottom: 18px; } .tal-profile-description p { font-size: 14px !important; line-height: 1.62 !important; margin-bottom: 14px !important; } } /* ========================================================= 22. VERY SMALL MOBILE ========================================================= */ @media (max-width: 360px) { .tal-profile-section { padding: 0 8px; } .tal-profile-card { border-radius: 15px !important; box-shadow: none !important; } .tal-profile-content { padding: 20px 16px 22px; } .tal-profile-name { font-size: 22px !important; } .tal-profile-role { font-size: 15px; } .tal-profile-designation { font-size: 12px; } .tal-profile-description p { font-size: 13px !important; line-height: 1.62 !important; } } /* ========================================================= 23. FINAL SHADOW KILL SWITCH Keeps shadow OFF even if theme/Elementor adds it ========================================================= */ .tal-profile-section, .tal-profile-card, .tal-profile-card *, .tal-profile-card::before, .tal-profile-card::after, .elementor-widget-html, .elementor-widget-html::before, .elementor-widget-html::after, .elementor-widget-html > .elementor-widget-container { box-shadow: none !important; filter: none !important; } /* ========================================================= 24. FINAL CARD BORDER ========================================================= */ .tal-profile-card { border: 1px solid #e2ddda !important; border-radius: 24px !important; } /* ========================================================= 25. MOBILE FINAL BORDER ========================================================= */ @media (max-width: 767px) { .tal-profile-card { border-radius: 18px !important; border: 1px solid #e2ddda !important; } } @media (max-width: 480px) { .tal-profile-card { border-radius: 16px !important; } }/* End custom CSS */