.elementor-30970 .elementor-element.elementor-element-77a3a50 > .elementor-container > .elementor-row > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-30970 .elementor-element.elementor-element-01af1e8 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-30970 .elementor-element.elementor-element-01af1e8 > .elementor-element-populated{padding:70px 21px 70px 21px;}.elementor-30970 .elementor-element.elementor-element-0fe9bc1 > .elementor-widget-container{margin:0px 0px 50px 0px;}.elementor-30970 .elementor-element.elementor-element-0fe9bc1 .thegem-heading, .elementor-30970 .elementor-element.elementor-element-0fe9bc1 .thegem-heading .light{text-transform:none;letter-spacing:0px;}.elementor-30970 .elementor-element.elementor-element-ca8d268{width:var( --container-widget-width, 515px );max-width:515px;--container-widget-width:515px;--container-widget-flex-grow:0;}.elementor-30970 .elementor-element.elementor-element-ca8d268 > .elementor-widget-container{margin:0px 0px 40px 0px;}.elementor-30970 .elementor-element.elementor-element-c615ef7 .gem-infobox-content, .elementor-30970 .elementor-element.elementor-element-c615ef7 .gem-infobox-content .gem-texbox-icon-image-wrapper{text-align:left;}.elementor-30970 .elementor-element.elementor-element-c615ef7 .gem-infobox-content{padding:0px 0px 0px 0px;}.elementor-30970 .elementor-element.elementor-element-c615ef7 .gem-infobox .gem-infobox-content .gem-infobox-title{margin-bottom:5px;margin-top:0px;color:#1F1F1F;}.elementor-30970 .elementor-element.elementor-element-c615ef7 .gem-infobox .gem-infobox-content .gem-infobox-subtitle{margin-bottom:0px;margin-top:0px;color:#1F1F1F;text-transform:none;letter-spacing:0px;}.elementor-30970 .elementor-element.elementor-element-4854a3b > .elementor-element-populated{padding:70px 21px 70px 21px;}.elementor-30970 .elementor-element.elementor-element-39809f6 .gem-image.gem-wrapbox{float:left;}.elementor-30970 .elementor-element.elementor-element-39809f6 .gem-image a:before{background-color:rgba(0, 188, 212, 0.8);}body:not(.rtl) .elementor-30970 .elementor-element.elementor-element-39809f6{left:90px;}body.rtl .elementor-30970 .elementor-element.elementor-element-39809f6{right:90px;}.elementor-30970 .elementor-element.elementor-element-39809f6{top:30px;z-index:0;}.elementor-30970 .elementor-element.elementor-element-39809f6 .gem-image{width:600px;}.elementor-30970 .elementor-element.elementor-element-39809f6 .gem-image img{opacity:calc(100/100);}.elementor-30970 .elementor-element.elementor-element-39809f6 .gem-image a:hover img{opacity:calc(100/100);}.elementor-30970 .elementor-element.elementor-element-89d0809 > .elementor-container > .elementor-row > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-30970 .elementor-element.elementor-element-0d73cbb > .elementor-element-populated{padding:0px 21px 0px 21px;}.elementor-30970 .elementor-element.elementor-element-d0ed432 .team-person:hover{background-color:#FFFFFF !important;border-color:#FAC813 !important;}.elementor-30970 .elementor-element.elementor-element-d0ed432 .gem-team-style-5 .team-person:hover .team-person-hover{background-color:#FFFFFF !important;}.elementor-30970 .elementor-element.elementor-element-14f59b7 > .elementor-container > .elementor-row > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-30970 .elementor-element.elementor-element-4cb3fd4 > .elementor-element-populated{padding:70px 21px 70px 21px;}.elementor-30970 .elementor-element.elementor-element-703c612 .gem-image.gem-wrapbox{float:left;}.elementor-30970 .elementor-element.elementor-element-703c612 .gem-image a:before{background-color:rgba(0, 188, 212, 0.8);}body:not(.rtl) .elementor-30970 .elementor-element.elementor-element-703c612{left:90px;}body.rtl .elementor-30970 .elementor-element.elementor-element-703c612{right:90px;}.elementor-30970 .elementor-element.elementor-element-703c612{top:30px;z-index:0;}.elementor-30970 .elementor-element.elementor-element-703c612 .gem-image{width:600px;}.elementor-30970 .elementor-element.elementor-element-703c612 .gem-image img{opacity:calc(100/100);}.elementor-30970 .elementor-element.elementor-element-703c612 .gem-image a:hover img{opacity:calc(100/100);}.elementor-30970 .elementor-element.elementor-element-df90415 > .elementor-container > .elementor-row > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-30970 .elementor-element.elementor-element-1fca8fc > .elementor-element-populated{padding:0px 21px 0px 21px;}.elementor-30970 .elementor-element.elementor-element-924bba7 .team-person:hover{background-color:#FFFFFF !important;border-color:#FAC813 !important;}.elementor-30970 .elementor-element.elementor-element-924bba7 .gem-team-style-5 .team-person:hover .team-person-hover{background-color:#FFFFFF !important;}.elementor-30970 .elementor-element.elementor-element-a1208fd .gem-team{margin:calc(-10rem/2);}.elementor-30970 .elementor-element.elementor-element-a1208fd .thegem-wrap{padding:calc(10rem/2);}.elementor-30970 .elementor-element.elementor-element-b36af0e .gem-team{margin:calc(-10rem/2);}.elementor-30970 .elementor-element.elementor-element-b36af0e .thegem-wrap{padding:calc(10rem/2);}@media(max-width:1024px){.elementor-30970 .elementor-element.elementor-element-4854a3b > .elementor-element-populated{padding:0px 21px 70px 21px;}body:not(.rtl) .elementor-30970 .elementor-element.elementor-element-39809f6{left:30px;}body.rtl .elementor-30970 .elementor-element.elementor-element-39809f6{right:30px;}.elementor-30970 .elementor-element.elementor-element-39809f6 .gem-image{width:100%;}.elementor-30970 .elementor-element.elementor-element-4cb3fd4 > .elementor-element-populated{padding:0px 21px 70px 21px;}body:not(.rtl) .elementor-30970 .elementor-element.elementor-element-703c612{left:30px;}body.rtl .elementor-30970 .elementor-element.elementor-element-703c612{right:30px;}.elementor-30970 .elementor-element.elementor-element-703c612 .gem-image{width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-30970 .elementor-element.elementor-element-01af1e8{width:100%;}.elementor-30970 .elementor-element.elementor-element-4854a3b{width:100%;}.elementor-30970 .elementor-element.elementor-element-0d73cbb{width:50%;}.elementor-30970 .elementor-element.elementor-element-4cb3fd4{width:100%;}.elementor-30970 .elementor-element.elementor-element-1fca8fc{width:50%;}}@media(max-width:767px){.elementor-30970 .elementor-element.elementor-element-ca8d268{width:100%;max-width:100%;}.elementor-30970 .elementor-element.elementor-element-0d73cbb > .elementor-element-populated{padding:0px 21px 42px 21px;}.elementor-30970 .elementor-element.elementor-element-1fca8fc > .elementor-element-populated{padding:0px 21px 42px 21px;}}/* Start custom CSS for thegem-team, class: .elementor-element-a1208fd *//* ========================================================= SANCY BERHAD - MODERN TEAM CARD Colors: Navy #071C26 Gold #FAC813 Blue #58A6ED White #FFFFFF ========================================================= */ /* ========================================================= MAIN CARD ========================================================= */ [id="team-card row"] { --team-navy: #071C26 !important; --team-gold: #FAC813 !important; --team-blue: #58A6ED !important; position: relative !important; overflow: hidden !important; width: 100% !important; min-height: 560px !important; background: #FFFFFF !important; border: 1px solid rgba(7, 28, 38, 0.08) !important; border-radius: 24px !important; box-shadow: 0 10px 30px rgba(7, 28, 38, 0.08), 0 25px 60px rgba(7, 28, 38, 0.07) !important; padding: 45px 35px 50px !important; box-sizing: border-box !important; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important; } /* ========================================================= INNER ELEMENTOR CONTAINER ========================================================= */ [id="team-card row"] > .e-con-inner { width: 100% !important; min-height: 470px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; padding: 0 !important; margin: 0 !important; gap: 0 !important; box-sizing: border-box !important; } /* ========================================================= DECORATIVE TOP LEFT CORNER ========================================================= */ [id="team-card row"]::before { content: "" !important; position: absolute !important; top: -55px !important; left: -55px !important; width: 115px !important; height: 115px !important; border: 3px solid #FAC813 !important; border-radius: 0 0 100% 0 !important; opacity: 0.95 !important; pointer-events: none !important; } /* ========================================================= DECORATIVE BOTTOM RIGHT ========================================================= */ [id="team-card row"]::after { content: "" !important; position: absolute !important; right: -5px !important; bottom: 35px !important; width: 65px !important; height: 10px !important; background: #58A6ED !important; transform: skewX(-35deg) !important; box-shadow: -20px 0 0 #FAC813 !important; pointer-events: none !important; } /* ========================================================= HOVER ========================================================= */ [id="team-card row"]:hover { transform: translateY(-8px) !important; border-color: rgba(88, 166, 237, 0.30) !important; box-shadow: 0 18px 45px rgba(7, 28, 38, 0.12), 0 35px 80px rgba(7, 28, 38, 0.12) !important; } /* ========================================================= TEAM IMAGE ========================================================= */ #team-img { position: relative !important; width: 178px !important; height: 178px !important; min-width: 178px !important; min-height: 178px !important; max-width: 178px !important; max-height: 178px !important; margin: 5px 0 30px !important; padding: 5px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #FAC813 !important; border: 0 !important; border-radius: 50% !important; box-sizing: border-box !important; box-shadow: 0 0 0 8px rgba(250, 200, 19, 0.10), 0 12px 30px rgba(7, 28, 38, 0.14) !important; z-index: 2 !important; } /* ========================================================= IMAGE OUTER BLUE RING ========================================================= */ #team-img::after { content: "" !important; position: absolute !important; inset: -10px !important; width: auto !important; height: auto !important; border: 1px solid rgba(88, 166, 237, 0.30) !important; border-radius: 50% !important; pointer-events: none !important; } /* ========================================================= ACTUAL IMAGE ========================================================= */ #team-img img { display: block !important; width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; max-width: none !important; max-height: none !important; padding: 0 !important; margin: 0 !important; object-fit: cover !important; border: 0 !important; border-radius: 50% !important; background: #071C26 !important; } /* ========================================================= POSITION / CATEGORY ========================================================= */ #position-category { display: flex !important; justify-content: center !important; align-items: center !important; width: auto !important; margin: 0 0 24px !important; padding: 0 !important; } /* TheGem category wrapper */ #position-category .post-info { display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= OUR CHAIRMAN BADGE ========================================================= */ #position-category .post-info-item-cats { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; padding: 10px 22px !important; margin: 0 !important; background: #071C26 !important; border: 0 !important; border-radius: 999px !important; box-shadow: 0 8px 22px rgba(7, 28, 38, 0.15) !important; color: #FFFFFF !important; } /* ========================================================= CATEGORY TEXT ========================================================= */ #position-category .post-info-item-cats .readonly { display: block !important; color: #FFFFFF !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: 0.15em !important; text-transform: uppercase !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= GOLD LINES AROUND BADGE ========================================================= */ #position-category .post-info-item-cats::before, #position-category .post-info-item-cats::after { content: "" !important; position: absolute !important; top: 50% !important; width: 28px !important; height: 2px !important; background: #FAC813 !important; border: 0 !important; transform: translateY(-50%) !important; visibility: visible !important; opacity: 1 !important; } #position-category .post-info-item-cats::before { left: -40px !important; } #position-category .post-info-item-cats::after { right: -40px !important; } /* ========================================================= DIVIDER ========================================================= */ #team-divider { width: 100% !important; margin: 0 0 22px !important; padding: 0 !important; display: flex !important; justify-content: center !important; align-items: center !important; } /* Elementor divider */ #team-divider .elementor-divider { width: 45px !important; max-width: 45px !important; margin: 0 auto !important; padding: 0 !important; } /* Gold divider line */ #team-divider .elementor-divider-separator { display: block !important; width: 45px !important; height: 3px !important; min-height: 3px !important; margin: 0 auto !important; padding: 0 !important; border: 0 !important; background: #FAC813 !important; } /* Remove Elementor generated divider decoration */ #team-divider .elementor-divider-separator::before, #team-divider .elementor-divider-separator::after { display: none !important; width: 0 !important; height: 0 !important; content: none !important; } /* ========================================================= NAME ========================================================= */ #team-name { width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } /* Heading */ #team-name .elementor-heading-title { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #071C26 !important; font-size: 30px !important; font-weight: 700 !important; line-height: 1.15 !important; letter-spacing: -0.02em !important; text-transform: uppercase !important; text-align: center !important; } /* ========================================================= DESIGNATION ========================================================= */ #team-designation { width: 100% !important; margin: 22px 0 0 !important; padding: 0 !important; display: flex !important; justify-content: center !important; align-items: center !important; } /* TheGem content */ #team-designation .thegem-te-loop-post-content { display: flex !important; justify-content: center !important; align-items: center !important; width: auto !important; margin: 0 !important; padding: 0 !important; } /* Chairman */ #team-designation .post-content { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 14px !important; width: auto !important; margin: 0 !important; padding: 0 !important; color: #071C26 !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1 !important; letter-spacing: 0.22em !important; text-transform: uppercase !important; } /* ========================================================= DESIGNATION GOLD LINES ========================================================= */ #team-designation .post-content::before, #team-designation .post-content::after { content: "" !important; display: block !important; width: 34px !important; height: 2px !important; min-width: 34px !important; background: #FAC813 !important; border: 0 !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { [id="team-card row"] { min-height: 530px !important; padding: 40px 28px 45px !important; } [id="team-card row"] > .e-con-inner { min-height: 450px !important; } #team-img { width: 165px !important; height: 165px !important; min-width: 165px !important; min-height: 165px !important; max-width: 165px !important; max-height: 165px !important; } #team-name .elementor-heading-title { font-size: 27px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { [id="team-card row"] { min-height: 500px !important; padding: 38px 22px 42px !important; border-radius: 20px !important; } [id="team-card row"] > .e-con-inner { min-height: 425px !important; } #team-img { width: 145px !important; height: 145px !important; min-width: 145px !important; min-height: 145px !important; max-width: 145px !important; max-height: 145px !important; margin: 0 0 25px !important; } #position-category { margin-bottom: 22px !important; } #position-category .post-info-item-cats { padding: 9px 16px !important; } #position-category .post-info-item-cats .readonly { font-size: 10px !important; } #position-category .post-info-item-cats::before { left: -28px !important; width: 20px !important; } #position-category .post-info-item-cats::after { right: -28px !important; width: 20px !important; } #team-name .elementor-heading-title { font-size: 23px !important; line-height: 1.18 !important; } #team-designation { margin-top: 20px !important; } #team-designation .post-content { font-size: 11px !important; letter-spacing: 0.17em !important; gap: 10px !important; } #team-designation .post-content::before, #team-designation .post-content::after { width: 23px !important; min-width: 23px !important; } }/* End custom CSS */ /* Start custom CSS for thegem-team, class: .elementor-element-b36af0e *//* ========================================================= SANCY BERHAD - MODERN TEAM CARD Colors: Navy #071C26 Gold #FAC813 Blue #58A6ED White #FFFFFF ========================================================= */ /* ========================================================= MAIN CARD ========================================================= */ [id="team-card row"] { --team-navy: #071C26 !important; --team-gold: #FAC813 !important; --team-blue: #58A6ED !important; position: relative !important; overflow: hidden !important; width: 100% !important; min-height: 560px !important; background: #FFFFFF !important; border: 1px solid rgba(7, 28, 38, 0.08) !important; border-radius: 24px !important; box-shadow: 0 10px 30px rgba(7, 28, 38, 0.08), 0 25px 60px rgba(7, 28, 38, 0.07) !important; padding: 45px 35px 50px !important; box-sizing: border-box !important; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important; } /* ========================================================= INNER ELEMENTOR CONTAINER ========================================================= */ [id="team-card row"] > .e-con-inner { width: 100% !important; min-height: 470px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; padding: 0 !important; margin: 0 !important; gap: 0 !important; box-sizing: border-box !important; } /* ========================================================= DECORATIVE TOP LEFT CORNER ========================================================= */ [id="team-card row"]::before { content: "" !important; position: absolute !important; top: -55px !important; left: -55px !important; width: 115px !important; height: 115px !important; border: 3px solid #FAC813 !important; border-radius: 0 0 100% 0 !important; opacity: 0.95 !important; pointer-events: none !important; } /* ========================================================= DECORATIVE BOTTOM RIGHT ========================================================= */ [id="team-card row"]::after { content: "" !important; position: absolute !important; right: -5px !important; bottom: 35px !important; width: 65px !important; height: 10px !important; background: #58A6ED !important; transform: skewX(-35deg) !important; box-shadow: -20px 0 0 #FAC813 !important; pointer-events: none !important; } /* ========================================================= HOVER ========================================================= */ [id="team-card row"]:hover { transform: translateY(-8px) !important; border-color: rgba(88, 166, 237, 0.30) !important; box-shadow: 0 18px 45px rgba(7, 28, 38, 0.12), 0 35px 80px rgba(7, 28, 38, 0.12) !important; } /* ========================================================= TEAM IMAGE ========================================================= */ #team-img { position: relative !important; width: 178px !important; height: 178px !important; min-width: 178px !important; min-height: 178px !important; max-width: 178px !important; max-height: 178px !important; margin: 5px 0 30px !important; padding: 5px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #FAC813 !important; border: 0 !important; border-radius: 50% !important; box-sizing: border-box !important; box-shadow: 0 0 0 8px rgba(250, 200, 19, 0.10), 0 12px 30px rgba(7, 28, 38, 0.14) !important; z-index: 2 !important; } /* ========================================================= IMAGE OUTER BLUE RING ========================================================= */ #team-img::after { content: "" !important; position: absolute !important; inset: -10px !important; width: auto !important; height: auto !important; border: 1px solid rgba(88, 166, 237, 0.30) !important; border-radius: 50% !important; pointer-events: none !important; } /* ========================================================= ACTUAL IMAGE ========================================================= */ #team-img img { display: block !important; width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; max-width: none !important; max-height: none !important; padding: 0 !important; margin: 0 !important; object-fit: cover !important; border: 0 !important; border-radius: 50% !important; background: #071C26 !important; } /* ========================================================= POSITION / CATEGORY ========================================================= */ #position-category { display: flex !important; justify-content: center !important; align-items: center !important; width: auto !important; margin: 0 0 24px !important; padding: 0 !important; } /* TheGem category wrapper */ #position-category .post-info { display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= OUR CHAIRMAN BADGE ========================================================= */ #position-category .post-info-item-cats { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; padding: 10px 22px !important; margin: 0 !important; background: #071C26 !important; border: 0 !important; border-radius: 999px !important; box-shadow: 0 8px 22px rgba(7, 28, 38, 0.15) !important; color: #FFFFFF !important; } /* ========================================================= CATEGORY TEXT ========================================================= */ #position-category .post-info-item-cats .readonly { display: block !important; color: #FFFFFF !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: 0.15em !important; text-transform: uppercase !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= GOLD LINES AROUND BADGE ========================================================= */ #position-category .post-info-item-cats::before, #position-category .post-info-item-cats::after { content: "" !important; position: absolute !important; top: 50% !important; width: 28px !important; height: 2px !important; background: #FAC813 !important; border: 0 !important; transform: translateY(-50%) !important; visibility: visible !important; opacity: 1 !important; } #position-category .post-info-item-cats::before { left: -40px !important; } #position-category .post-info-item-cats::after { right: -40px !important; } /* ========================================================= DIVIDER ========================================================= */ #team-divider { width: 100% !important; margin: 0 0 22px !important; padding: 0 !important; display: flex !important; justify-content: center !important; align-items: center !important; } /* Elementor divider */ #team-divider .elementor-divider { width: 45px !important; max-width: 45px !important; margin: 0 auto !important; padding: 0 !important; } /* Gold divider line */ #team-divider .elementor-divider-separator { display: block !important; width: 45px !important; height: 3px !important; min-height: 3px !important; margin: 0 auto !important; padding: 0 !important; border: 0 !important; background: #FAC813 !important; } /* Remove Elementor generated divider decoration */ #team-divider .elementor-divider-separator::before, #team-divider .elementor-divider-separator::after { display: none !important; width: 0 !important; height: 0 !important; content: none !important; } /* ========================================================= NAME ========================================================= */ #team-name { width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } /* Heading */ #team-name .elementor-heading-title { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #071C26 !important; font-size: 30px !important; font-weight: 700 !important; line-height: 1.15 !important; letter-spacing: -0.02em !important; text-transform: uppercase !important; text-align: center !important; } /* ========================================================= DESIGNATION ========================================================= */ #team-designation { width: 100% !important; margin: 22px 0 0 !important; padding: 0 !important; display: flex !important; justify-content: center !important; align-items: center !important; } /* TheGem content */ #team-designation .thegem-te-loop-post-content { display: flex !important; justify-content: center !important; align-items: center !important; width: auto !important; margin: 0 !important; padding: 0 !important; } /* Chairman */ #team-designation .post-content { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 14px !important; width: auto !important; margin: 0 !important; padding: 0 !important; color: #071C26 !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1 !important; letter-spacing: 0.22em !important; text-transform: uppercase !important; } /* ========================================================= DESIGNATION GOLD LINES ========================================================= */ #team-designation .post-content::before, #team-designation .post-content::after { content: "" !important; display: block !important; width: 34px !important; height: 2px !important; min-width: 34px !important; background: #FAC813 !important; border: 0 !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { [id="team-card row"] { min-height: 530px !important; padding: 40px 28px 45px !important; } [id="team-card row"] > .e-con-inner { min-height: 450px !important; } #team-img { width: 165px !important; height: 165px !important; min-width: 165px !important; min-height: 165px !important; max-width: 165px !important; max-height: 165px !important; } #team-name .elementor-heading-title { font-size: 27px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { [id="team-card row"] { min-height: 500px !important; padding: 38px 22px 42px !important; border-radius: 20px !important; } [id="team-card row"] > .e-con-inner { min-height: 425px !important; } #team-img { width: 145px !important; height: 145px !important; min-width: 145px !important; min-height: 145px !important; max-width: 145px !important; max-height: 145px !important; margin: 0 0 25px !important; } #position-category { margin-bottom: 22px !important; } #position-category .post-info-item-cats { padding: 9px 16px !important; } #position-category .post-info-item-cats .readonly { font-size: 10px !important; } #position-category .post-info-item-cats::before { left: -28px !important; width: 20px !important; } #position-category .post-info-item-cats::after { right: -28px !important; width: 20px !important; } #team-name .elementor-heading-title { font-size: 23px !important; line-height: 1.18 !important; } #team-designation { margin-top: 20px !important; } #team-designation .post-content { font-size: 11px !important; letter-spacing: 0.17em !important; gap: 10px !important; } #team-designation .post-content::before, #team-designation .post-content::after { width: 23px !important; min-width: 23px !important; } }/* End custom CSS */