.page-hero { padding: 11rem 0 8.8rem; background: linear-gradient(135deg, #0a2342 0%, #0a2342 60%, #1a4a80 100%); } .page-hero::before { content: ''; position: absolute; inset: 0; /*background: url(data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E);*/ } section.section.leadership.new-leadership { margin-top: -145px; padding-bottom: 40px; position: relative; overflow: hidden; } canvas.particleCanvas { top: 145px; } .new-leadership.leadership .container { padding: 0 10px; } .sub-title { font-weight: 500; font-size: 17px; line-height: 24px; margin-bottom: 3px; display: inline-block; color: #1b4280; } .page-title { color: #ffffff; font-weight: 500; font-size: 26px; line-height: 43px; margin-bottom: 2px; } .new-message-container.rectangle-box { border: 0; /* margin: 0; */ /* height: 560px; */ /* margin-top: 70px; */ } .rectangle-box { position: relative; margin: 0 auto 0; /* height: 405px; */ border: 20px solid; border: 20px solid #E82329; /* border-image: linear-gradient(359deg, #1670a5 31%, rgba(118, 205, 118, 1) 67%) 1; */ /* border-image: linear-gradient(359deg, rgba(35, 31, 32, 1) 31%, rgba(232, 35, 41, 1) 67%) 1; */ } .new-message-container .message-container { top: 0; width: 1102px; } .message-container { /* display: flex; */ /* height: 465px; */ /* width: 690px; */ /* width: 880px; */ /* position: absolute; */ /* top: -16%; */ /* left: 50%; */ /* transform: translateX(-50%); */ } /*.new-message-container .message-container { width: 935px; }*/ .inner-message-container { display: flex; height: 100%; padding: 15px 3px; /* border: 1px solid #d7d7d7; */ border-radius: 10px; /* background: #fff; */ flex-wrap: wrap; } .left-message-box { /* width: 340px; */ /* height: 100%; */ /* background-color: #fff; */ /* padding: 25px; */ /* border: 1px solid #dcdcdca3; */ padding: 5px 0 0 2px; position: relative; /* margin-right: 20px; */ /* overflow: hidden; */ /* padding-top: 0; */ } .left-message-box::before { content: ''; position: absolute; top: 24px; left: 16px; width: 26px; height: 20px; background: url(/images/quote-icon.webp) no-repeat; background-size: contain; opacity: 0; } .brand-symbol { position: absolute; top: 95%; left: -65px; padding-bottom: 55px; z-index: 9; } .new-message-container .brand-symbol { bottom: -45px; left: -60px; top: auto; display: none; } .new-message-container .brand-symbol.active::before { height: 592px; } .new-message-container .brand-symbol::before { width: 20px; /* height: 592px; */ height: 0; bottom: -50px; } .brand-symbol::before { content: ''; position: absolute; width: 15px; height: 250px; height: 0; top: auto; bottom: -23px; left: 15px; /* background: linear-gradient(180deg, #1843875e 0%, #219ea34f 100%); */ transform-origin: top; transition: height 1s ease-out; } .new-message-container .brand-symbol.active img { opacity: 1; visibility: visible; } .new-message-container .brand-symbol img { bottom: -17px; left: -2px; width: 20px; } .new-message-container .brand-symbol img { /* left: -4px; */ left: -1px; } .brand-symbol img { bottom: -17px; left: -2px; width: 17px !important; } .brand-symbol img { position: absolute; bottom: -12px; left: 3px; /* transform: translateX(-23%); */ width: 12px; opacity: 0; visibility: hidden; transition: opacity 1s ease-out, visibility 0s ease-out 1s; } .new-message-container .brand-symbol.active::after { width: 592px; } .new-message-container .brand-symbol::after { /* width: 592px; */ width: 0; height: 20px; left: -36px; } .brand-symbol::after { content: ''; position: absolute; width: 300px; width: 0; height: 15px; bottom: 0; left: -10px; /* background: linear-gradient(180deg, #1843875e 0%, #219ea34f 100%); */ transform-origin: right; transition: width 1s ease-out 1s; } .left-message-box p { font-size: 13.5px; color: #231F20; overflow: hidden; position: relative; font-weight: 400; margin: 0px 0 0; line-height: 27px; } .left-message-box .readmore-icon { margin-left: 5px; margin-bottom: -2px; } .readmore-icon { width: 19px; margin-left: 5x; margin-top: -2px; cursor: pointer; } .chairman-profile { margin-bottom: 15px; display: none; } .chairman-profile h4 { font-weight: 600; color: #1b4280; font-size: 21px; margin-bottom: 10px; margin: 0px !important; } .chairman-profile h5 { margin-top: 6px; font-weight: 400; color: #231F20; font-size: 18px; } .chairman-social-part { display: flex; align-items: center; position: relative; } .social-round { width: 25px; /* height: 24px; */ /* min-width: 44px; */ border-radius: 50%; /* background-color: #edf4f2; */ margin-right: 14px; display: flex; justify-content: center; align-items: center; margin-bottom: 0; } .social-round .linkedin-mini { width: 17px; } .social-round img { width: 22px; transition: .4s ease-in; /*filter: brightness(0) invert(1);*/ } .right-person-wrapper { position: relative; /* height: 100%; */ } .right-person-wrapper::before { content: ''; position: absolute; /* width: 210px; */ width: 0; height: 540px; left: -40px; top: -40px; /* background: linear-gradient(180deg, #184387 0%, #219ea3 100%); */ transition: width 0.8s ease-out 2s; transform-origin: right; } .new-message-container.show-separator .right-person-wrapper::before { width: 210px; } /*.right-person-box { height: 100%;*/ /* width: 303px; */ /*position: relative; overflow: hidden; }*/ .right-person-box img { width: 100%; /* height: 100%; */ /* position: absolute; */ /* top: 50%; */ /* left: 50%; */ /* transform: translate(-50%, -50%); */ min-width: 100%; min-height: 100%; object-fit: cover; position: relative; border-radius: 10px;margin-bottom: 18px; } .gradient-text { background: linear-gradient(180deg, #184387 0%, #219ea3 100%); -webkit-background-clip: text; background-clip: text; color: transparent; } span.dkana-aminew { display: block; width: 100%; margin: 17px 0 50px; } .dnkaka-am-aew { background: #1b4280; color: white; padding: 8px 29px; font-size: 14px; /* box-shadow: 5px 4px 0px 2px #193d7747; */ /* margin: 13px 0px 34px 0px; */ border-radius: 4px; display: inline-block; } .efu_tri { font-size: 14px; margin-bottom: 0; color: #ffffffad; /* font-style: italic; */ } a.efughyu_tri { color: #1b478e; font-size: 20px; margin-left: 4px; position: relative; top: 3px; }.flXbx .item:last-child { border: 0; } .counterBx { /* padding: 40px 0; */ } .counterBx { padding: 0; /* background: linear-gradient(180deg, #184387 0%, #219ea3 100%); */ /* border-radius: 5px; */ position: relative; /* margin-left: -85px; */ margin-top: 35px; /* border-top: 1px solid #c7c7c77a; */ /* padding-top: 18px; */ } .counterBx .floatIcon { position: absolute; left: 20%; /*max-width: 300px;*/ top: 0; bottom: 0; margin: auto; max-width: 250px; height: fit-content; width: 100%; opacity: .4; display: none; } .counterBx .floatIcon img { width: 170px; } .counterBx .flXbx { display: flex; flex-wrap: wrap; /* margin: -12.5px; */ width: 100%; /* justify-content: space-between; */ } .counterBx .flXbx > * { width: 25%; margin-right: 30px; padding-right: 30px; /* flex-grow: 1; */ border-right: 1px solid #c7c7c7; } .counterBx .flXbx > * { /* padding: 0; */ display: flex; align-items: center; /* justify-content: center; */ } .counterBx .flXbx > * .contBx .num { margin-bottom: 18px; line-height: 50px; font-size: 50px; } .counterBx .flXbx > * .contBx .num { display: flex; align-items: center; color: #efbe17; margin-bottom: 5px; } .counterBx .flXbx > * .contBx .num span { color: #1b478e; line-height: 34px; font-size: 36px; } .counterBx .flXbx > * .contBx .Txt { font-size: 16px; } .counterBx .flXbx > * .contBx .Txt { font-size: 14px; font-weight: 400; color: #6f6f6f; width: 96%; } .left-message-box p.message.gghyu_tri { margin-bottom: 10px; } .left-message-box.thjbhj_tri { padding: 0; }.htigy_tri { width: 11%; } .htggigy_tri { width: 88%; padding-left: 25px; } p.founder-para-text { font-size: 13px; color: #231F20; overflow: hidden; position: relative; font-weight: 400; margin: 0px 0 12px; line-height: 24px; } @media screen and (max-width: 991px) { .new-message-container .message-container { top: 0; width: 100%; } .htigy_tri { width: 25%; } .right-person-box img { z-index: 2; } .htggigy_tri { width: auto; padding-left: 0; } .page-hero { padding: 3rem 0 7.8rem; } }img.iyfgyu_tri.iygrffgyu_tri { width: 100%; } p.ghiohu_tri { color: #161616; font-weight: 600; margin-top: 28px; position: relative; display: flex; font-style: italic; font-size: 14px; } p.griuhi_tri { font-weight: 700; margin-bottom: 9px; color: #249ea3; font-size: 16px; } p.ghiohu_tri:before { content: ""; background: #249ea3; width: 4px; position: relative; display: block; margin-right: 10px; } p.ghiohu_tri svg { width: 20px; opacity: .4; } span.fugi_tri { font-weight: 600; } .pill { padding: 4px 14px; font-size: 11.5px; font-weight: 700; color: #249ea3; background: #eff6ff; /* border: 1px solid #d5d5d5; */ border-radius: 999px; box-shadow: 0 2px 3px #00000042; } .pills { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; } .pill:nth-child(1) { background: #F7F3D7; color: #b97a09; } .pill:nth-child(2) { background: #fee7eb; color: #a90000; } .pill:nth-child(3) { background: #CDE9F6; color: #00577f; } .pill:nth-child(4) { background: #daf1e9; color: #00892c; } .pill:nth-child(5) { background: #f5f0e5; color: #764d00; } .pill:nth-child(6) { background: #ece2fd; color: #472978; } .pill:nth-child(7) { background: #e5f9f9; color: #00abab; } .pill:nth-child(8) { background: #ffeded; color: #a30000; } /* ── Stats Strip ── */ .stats { /* background: linear-gradient(to right, #2563eb, #1d4ed8, #4338ca); */ padding: 32px 24px; position: relative; background: radial-gradient(rgb(0, 55, 111), rgb(0, 18, 42)); } .stats:before { content: ""; /* background-color: #1c468e; */ background-image: url(../images/vps_bg.webp); position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .2; } .stats-inner { max-width: 900px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); /* border-left: 1px solid rgba(255,255,255,0.15); */ position: relative; } .stat:first-child { border-left: 0px solid rgba(255, 255, 255, 0.15); } .stat:last-child { border-right: 0px solid rgba(255, 255, 255, 0.15); } .stat { text-align: center; padding: 0 24px; border-right: 1px solid rgba(255,255,255,0.15); } .stat svg {width: 35px;height: 26px;color: #bfdbfe;margin: 0 auto 8px;display: block;} .stat-value {font-size: 18px;font-weight: 600;color: #fff;line-height: 1.1;} .stat-label {font-size: 11.8px;color: #bfdbfe;margin-top: 4px;/* line-height: 1.4; */} /* ── Key Points ── */ .key-points { /* max-width: 900px; */ /* margin: 0 auto; */ padding: 48px 0; display: flex; flex-direction: row; gap: 20px; } .key-point {display: flex;align-items: flex-start;gap: 15px;box-shadow: 0 2px 3px #00000042;padding: 12px;border-radius: 5px;transition: transform 0.3s ease;min-width: 33%;} .key-num { font-size: 18px; font-weight: 600; /* color: #ffffff; */ line-height: 1; user-select: none; flex-shrink: 0; transition: color 0.2s; box-shadow: 2px 2px #0000003b; border-radius: 50px; width: 42px; height: 42px; min-width: 42px; display: flex; align-items: center; justify-content: center; background: #fff; } .key-point:hover .key-num {/* color: #bfdbfe; */} .key-inner {display: flex;align-items: flex-start;gap: 12px;padding-top: 0;} .key-inner svg { width: 16px; height: 16px; color: #3b82f6; flex-shrink: 0; margin-top: 2px; } .key-inner p {font-size: 13.5px;/* color: #334155; */line-height: 1.7;font-weight: 500;margin-bottom: 0;} .key-point.rggbuy_tri { background: #F7F3D7; color: #b97a09; } .key-point.rfygy_tri { background: #CDE9F6; color: #00577f; } .key-point.grhy_tri { background: #fee7eb; color: #a90000; } .key-point:hover {    transform: translateY(-5px);} @media (max-width: 767.98px) { .stats-inner { display: flex; flex-wrap: wrap; } .stat.aos-init { width: 100%; border: 0; margin-bottom: 29px; } section.stats { padding: 32px 24px 0; } section.key-points { display: block; } .key-point { margin-bottom: 20px; } section.section.leadership.new-leadership { margin-top: -93px; padding-bottom: 40px; } .page-title { font-size: 20px; margin-bottom: 0px; } .efu_tri { font-size: 12px; } .left-message-box { padding-left: 14px; } span.dkana-aminew { margin: 17px 0 7px; } } section.rgyu_tri { position: relative; overflow: hidden; }