*,
            *::before,
            *::after {
            box-sizing: border-box;
            }
            /* only width 1440px:Begin */
            #mainbody{
                width: 100%;
                max-width: 1440px;
                margin: 0px auto;
                background: #0A0E1B;
            }
            /* only width 1440px:End */
            body {
                padding-top: 30px; /* adjust to height of menu so content isn’t hidden */
            }
            .objectcontainer,
            .container,
            .helpcontainer{
                padding-top: 50px !important;
                background: #fff;
            }
            .menu {
                position: fixed;
                top: 0;
                width: 100%;      /* full width */
                /* background: #fff; */
                z-index: 1001;
                /* only width 1440px:Begin */
                max-width: 1440px;
                margin: 0px auto;
                /* only width 1440px:End */
            }
            .menu {
                display: flex;
                align-items: center;
                justify-content: space-between; /* left group and right icon */
                background-color: var(--menu);
            }
            .menu-left {
                display: flex;
                gap: 8px;
                justify-content: space-between;
                width: 100%;
            }
            .menu,
            .menutabsbg,
            .fixed-tabs {
                /* background: var(--Gradient-Gradient, linear-gradient(0deg, #05080C 0%, #041930 100%)); */
                background-color: var(--Blue-900, #041930) !important; 
            }
            /* Optional: ensure fixed div sits seamlessly below menu */
            .fixed-tabs {
                position: fixed;
                z-index: 1000;
                width: 100%;
                /* only width 1440px:Begin */
                max-width: 1440px;
                margin: 0px auto;
                /* only width 1440px:End */
            }
            .menu-block {
                background-color: transparent !important;
            }
            .dropdown {
                width: 100%;
            }
            .dropdown li {
                background-color: transparent !important;
            }
            /*#########Menu Style:Begin############*/
            .dropdown ul{
                color: #fff;
                background: var(--Gradient-Gradient, linear-gradient(0deg, #05080C 0%, #041930 100%)) !important;
                padding: 12px 24px;
            }

            ul.dropdown li a:hover {
                color: #98E4F1 !important;
            }

            ul.dropdown li .highlight {
                color: #98E4F1 !important;
                background: transparent !important;
            }

            .dropdown li > ul:empty {
                display: none !important;
            }

            .dropdown li > ul > li > a {
                background: transparent !important;
                color: #fff !important;
                border-bottom: 1px solid var(--Neutral-300, #E9EEFF);
                padding: 4px 16px;
            }

            .dropdown li > ul > li:hover > a{
                background: transparent !important;
                color: #98E4F1 !important;
                border-bottom: 1px solid var(--Neutral-300, #98E4F1);
            }
            .dropdown li:hover > a, .dropdown li:hover > span, .dropdown li.dropdownOpen > a, .dropdown li.dropdownOpen > span{
                background: transparent !important;
                color: #fff !important;
            }
            /*#########Menu Style:End############*/
            .menu-toggle{
                display: none;
                background: none;
                border: none;
                color: white;
                font-size: 28px;
                cursor: pointer;
                margin-left: 16px;
                margin-right: 15px;
            }
            @media (max-width: 991.98px) {
                .menu-toggle{
                    display:block;
                }
                .profileswitchsmall-block{
                    display: none;
                }
                .dropdown.topnav.show {
                    display: flex;
                }
                .menu-block.show {
                    display: flex;
                    left: 0;
                    padding: 16px 0px;
                }
                .dropdown li {
                    background-color: var(--neutral-900, #1C2234) !important;
                }
            }
            

            header {
                background: var(--Gradient-Gradient, linear-gradient(0deg, #05080C 0%, #041930 100%));
                color: var(--Color-Neutral-200, #FBFCFF);
                display: flex;
                align-items: center;
                justify-content: space-between;
                /* justify-content: space-around; */
                padding: 16px 30px; /*80px*/
                position: fixed;
                width: 100%;
                z-index: 1000;
                /* only width 1440px:Begin */
                max-width: 1440px;
                margin: 0px auto;
                /* only width 1440px:End */
            }

            header .leftside {
                display: flex;
                gap: 24px;
            }

            .logo img {
                height: 39px;
                object-fit: contain;
                padding-top: 8px;
            }
            /* ===== Navigation Links ===== */
            .nav-links {
            display: flex;
            align-items: center;
            position: relative;
            }

            .nav-links a,
            .nav-links .dropdown-toggle,
            .nav-links .sub-dropdown-toggle {
            color: white;
            font-size: 16px;
            text-decoration: none;
            background: none;
            border: none;
            cursor: pointer;
            padding: 8px 16px;
            position: relative;
            z-index: 1;
            font-weight: 400;
            }

            .nav-links a:hover,
            .nav-links .dropdown-toggle:hover,
            .nav-links .sub-dropdown-toggle:hover {
            color: var(--yellow-300);
            }

            /* ===== Dropdown ===== */
            .dropdown {
            position: relative;
            }

            .dropdown-menu {
            display: none;
            position: absolute;
            background: var(--neutral-900, #1C2234);
            min-width: 200px;
            top: 100%;
            left: 0;
            flex-direction: column;
            box-shadow: 0 4px 10px rgba(0,0,0,0.3);
            padding: 10px 10px;
            }

            .dropdown:hover .dropdown-menu {
            display: flex;
            }

            /* ===== Sub-dropdown ===== */
            .sub-dropdown {
            position: relative;
            }

            .sub-dropdown-menu {
            display: none;
            position: absolute;
            background: var(--neutral-900, #1C2234);
            min-width: 200px;
            top: 0;
            left: 100%;
            flex-direction: column;
            box-shadow: 0 4px 10px rgba(0,0,0,0.3);
            padding: 10px 10px;
            }

            .sub-dropdown:hover .sub-dropdown-menu {
            display: flex;
            }

            /* ===== Login Button ===== */
            .pill {
            background-color: var(--neutral-300);
            color: var(--neutral-900);
            padding: 8px 36px;
            border-radius: 8px;
            font-size: 16px;
            text-decoration: none;
            margin-left: 12px;
            }

            .pl-login {
            display: flex;
            gap: 16px;
            align-items: center;
            }

            .pl-login .button-login {
            border-radius: 8px;
            background: var(--yellow-500, #E90);
            padding: 8px 36px;
            font-weight: 700;
            font-size: 16px;
            text-decoration: none;
            color: var(--Blue-600, #041930);
            }

            .button-login:hover{
                background: var(--blue-500, #0A3463);
                color: var(--Blue-100, #98E4F1);
            }

            .pl-login .icon-btn {
            padding: 8px;
            border-radius: 4px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            }

            .pl-login .icon-btn:hover {
            background: #FFF;
            }

            /* ===== Hamburger ===== */
            .menu-toggle {
            display: none;
            background: none;
            border: none;
            color: white;
            font-size: 28px;
            cursor: pointer;
            margin-left: 16px;
            }

            /* ===== Mobile/Desktop Login Visibility ===== */
            .mobile-only { display: none; }
            .desktop-only { display: flex; }

            /* ===== Mobile Styles ===== */
            @media (max-width: 991.98px) {
            
            header .leftside {
            display: flex;
            gap: 24px;
            justify-content: space-between;
            width: 100%;
            }
            .nav-links {
                display: none;
                position: absolute;
                top: 64px;
                left: 0;
                width: 100%;
                background: var(--neutral-900, #1C2234);
                flex-direction: column;
                gap: 2px;
                z-index: 2000;
                padding: 16px 0;
            }
            .nav-links a
            {display: block; width: 100%; padding: 15px; text-align: left!important;}
            .dropdown-menu
            {padding-left: 20px!important}
                .sub-dropdown-menu
            {padding-left: 20px!important}
            .dropdown
            {display: block; width: 100%; text-align: left!important;}
            .dropdown-toggle
            {padding: 0px;}
            .nav-links.show {
                display: flex;
            }

            .dropdown-menu,
            .sub-dropdown-menu {
                position: static;
                min-width: 0;
                box-shadow: none;
                border-radius: 0;
                padding: 0;
                display: none;
                flex-direction: column;
            }

            .dropdown.open > .dropdown-menu,
            .sub-dropdown.open > .sub-dropdown-menu {
                display: flex;
            }

            .menu-toggle {
                display: block;
            }

            /* Login inside mobile menu */
            .mobile-only {
                display: flex;
                margin-top: 10px;
                padding: 0 16px;
                width: 100%;
                text-align: center;
                align-items: center;
            }
            .pl-login .button-login
            {display: inline-flex; text-align: center; justify-content: center;}
            .desktop-only {
                display: none;
            }
            }
            @media only screen and (max-width: 1082.98px) {
            .nav-links a
            {
                padding: 8px 10px;
                font-size: 14px;
            }
            }
            @media (max-width: 767.98px) {
            header
            {padding: 16px 24px;}
            }
            /* ==== Menu End =======*/            
            
            .pl-section{
                display: flex;
                /* width: 1440px; */
                /*height: 100vh; */ /* 600px to fill the screen we need to give 100vh*/
                /*padding: 80px 16px;*/
                justify-content: center;
                align-items: center;
            }
            .pl-container {
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: center;
                width: 100%;
                max-width: 1200px;
                gap: 40px;
            }
            .pl-container-left{
                flex: 1;
                display: flex;
                width: 60%;
                flex-direction: column;
                justify-content: center;
                align-items: flex-start;
                gap: 36px;
                /* flex-shrink: 0; */
            }
            .pl-container-right{
                flex: 1;
                display: flex;
                width: 40%;
                height: auto;
                flex-direction: column;
                justify-content: space-between;
                align-items: flex-start;
                /* flex-shrink: 0; */
            }
            .pl-container-left-content{
                align-self: stretch;
            }
            .pl-container-right-content{
                /* height: 403px; */
                flex-shrink: 0;
                align-self: stretch;
            }
             .pl-container-right-content img {
                width: 100%;
                height: auto;
                border-radius: 8px;
            }
            h5{
                color: var(--Yellow-500, #E90);
                font-size: 32px;
                font-style: normal;
                font-weight: 600;
                line-height: 120%; /* 38.4px */
                margin: 0 0 16px 0;
            }
            h5 span{
                color: var(--Netral-000, #FFF);
            }
            .txt-uppercase{
                text-transform: uppercase;
            }
            .h5-blue {
                color: var(--Blue-300, #3D9CCF);
            }
            .h5-light-blue{
                color: #ACDCF2;
                text-wrap: auto;
            }
            h3{
                color: var(--Blue-300, #3D9CCF);

                /* Headline/H3 */
                /* font-family: Inter; */
                font-size: 49px;
                font-style: normal;
                font-weight: 500;
                line-height: 115%; /* 56.35px */
                text-transform: uppercase;
                margin: 0 0 16px 0;
                border-bottom: 0;
            }
            h3 span{
                display: block; /* puts span on a new line */
                color: var(--Netral-000, #FFF);

                /* Headline/H3 */
                /* font-family: Inter; */
                font-size: 49px;
                font-style: normal;
                font-weight: 500;
                line-height: 115%;
                text-transform: uppercase;
            }
            .h3-white{
                color: #E1E4ED;
                text-align: center;
                /* Headline/H3 */
                font-family: Inter;
                font-size: 49px;
                font-style: normal;
                font-weight: 500;
                line-height: 115%; /* 56.35px */
                text-transform: uppercase;
                text-wrap: auto;
            }
            /* TEXT STYLES */
            .pl-txt-large{
                color: var(--Netral-200, #E4E4E4);
                /* font-family: Inter; */
                font-size: 20px;
                font-style: normal;
                font-weight: 700;
                line-height: 120%; /* 24px */
                text-wrap: auto;
            }
            .pl-txt-large-light{
                color: var(--Blue-100, #98E4F1);
                /* Body/Large */
                /* font-family: Inter; */
                font-size: 20px;
                font-style: normal;
                font-weight: 400;
                line-height: 120%; /* 24px */
            }
            .pl-txt-large-light-gray{
                color: var(--Blue-100, #E4E4E4);
                /* Body/Large */
                /* font-family: Inter; */
                font-size: 20px;
                font-style: normal;
                font-weight: 400;
                line-height: 120%; /* 24px */
            }
            .pl-txt-medium{
                color: var(--Netral-000, #FFF);
                /* font-family: Inter; */
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                line-height: 140%; /* 120% 19.2px */
                text-wrap: auto;
            }
            .pl-txt-medium-bold{
                color: var(--Netral-200, #E4E4E4);
                /* Body/Medium */
                /* font-family: Inter; */
                font-size: 16px;
                font-style: normal;
                font-weight: 700;
                line-height: 120%; /* 19.2px */
            }
            .pl-txt-medium-heading {
                color: var(--Netral-000, #ACDCF2);
                font-family: Inter;
                font-size: 18px;
                font-style: normal;
                font-weight: 400;
                line-height: 38px;
                text-wrap: auto;
            }
            .pl-txt-medium ul {
                padding-left: 0px;
                list-style-position: inside;
            }
            .pl-txt-primary {
                color: #0A3463;
            }
            .pl-btn-container
            {
                display: flex;
                flex-direction: row;
                align-items: flex-start;
                gap: 16px;
                align-self: stretch;
            }
            /* BUTTON STYLES */
            .pl-btn-primary{
                cursor: pointer;
                display: inline-flex;
                min-width: 180px;
                padding: 12px 16px;
                justify-content: center;
                align-items: center;
                gap: 4px;
                border-radius: 4px;
                /* border: 1px solid var(--Netral-200, #E4E4E4);
                background: var(--Netral-200, #E4E4E4); 
                color: var(--Blue-700, #05111F);*/
                 border: 1px solid var(--Blue-300, #3D9CCF);
                color: var(--Blue-300, #3D9CCF);


                text-align: center;

                /* Body/Medium */
                /* font-family: Inter; */
                font-size: 16px;
                font-style: normal;
                font-weight: 700;
                line-height: 120%; /* 19.2px */
            }
            .pl-btn-primary:hover {
                border-radius: 4px;
                /* border: 1px solid var(--Blue-100, #98E4F1); */
                /* background: rgba(4, 25, 48, 0.84);   */
                /* color: var(--Blue-100, #98E4F1); */
                color: var(--Netral-200, #E4E4E4);
                border: 1px solid var(--Netral-200, #E4E4E4);
            }
            .pl-btn-primary:active {
                background: var(--Blue-100, #98E4F1);
                color: white;
            }
            .pl-btn-primary-light{
                cursor: pointer;
                display: flex;
                min-width: 150px;
                padding: 12px 16px;
                justify-content: center;
                align-items: center;
                gap: 8px;
                                border-radius: 4px;
                border: 1px solid var(--Blue-300, #3D9CCF);

                                color: var(--Blue-300, #3D9CCF);
                text-align: center;

                /* Body/Medium */
                /* font-family: Inter; */
                font-size: 16px;
                font-style: normal;
                font-weight: 700;
                line-height: 120%; /* 19.2px */
            }
            .pl-btn-primary-light:hover {
                color: var(--Netral-200, #E4E4E4);
                border-radius: 4px;
                border: 1px solid var(--Netral-200, #E4E4E4);
            }
            .pl-btn-primary-light:active {
                background: var(--Blue-100, #98E4F1);
                color: white;
            }
            .pl-txt-input-container{
                display: flex;
                align-items: center;
                gap: 42px;
                flex: 1 0 0;
            }
            .pl-btn-primary-large{
                display: flex;
                min-width: 150px;
                padding: 12px 16px;
                justify-content: center;
                align-items: center;
                gap: 8px;
                flex: 1 0 0;
                border-radius: 4px;
                border: 1px solid var(--Blue-100, #98E4F1);
                color: var(--Blue-100, #98E4F1);
                text-align: center;

                /* Body/small */
                /* font-family: Inter; */
                font-size: 14px;
                font-style: normal;
                font-weight: 700;
                line-height: 16px; /* 114.286% */
                cursor: pointer;
                transition: all 0.3s ease;
            }
            .pl-btn-primary-large:hover{
                
                border-radius: 4px;
                border: 1px solid var(--Netral-200, #E4E4E4);
                color: var(--Netral-200, #E4E4E4);
                text-align: center;

                /* Body/small */
                /* font-family: Inter; */
                font-size: 14px;
                font-style: normal;
                font-weight: 700;
                line-height: 16px; /* 114.286% */
            }
            .pl-btn-secondary{
                cursor: pointer;
                display: inline-flex;
                min-width: 150px;
                padding: 12px 16px;
                justify-content: center;
                align-items: center;
                gap: 8px;
                border-radius: 4px;
                /* background: var(--Netral-200, #E4E4E4); */
                border: 1px solid var(--Netral-200, #E4E4E4);
                color: var(--Netral-200, #E4E4E4);
                text-align: center;

                /* Body/Medium */
                /* font-family: Inter; */
                font-size: 16px;
                font-style: normal;
                font-weight: 700;
                line-height: 120%; /* 19.2px */
            }
            .pl-btn-secondary:hover {
                border-radius: 4px;
                background: transparent;
                border: 1px solid var(--Blue-100, #98E4F1);
                color: var(--Blue-100, #98E4F1);
            }
            .pl-btn-secondary:active {
                background: var(--Blue-100, #98E4F1);
                color: white;
            }

            .pl-v-container {
                display: flex;
                align-items: center;
                width: 100%;
                max-width: 1200px;
                gap: 48px;
            }
            .pl-v-container-type-one { flex-direction: column; justify-content: center; align-items: flex-start; flex: 1 0 0; gap: 56px;}
            .pl-vp-container {
                display: flex;
                width: 353px;
                flex-direction: column;
                justify-content: center;
                align-items: flex-start;
                gap: 24px;
                flex-shrink: 0;
            }
            .pl-vp-container-type-one { width: 100%; }
            .pl-vp-container h5{
                margin: 0;
                color: var(--Netral-000, #FFF);
            }
            .pl-vp-container h5 span{
                color: var(--Blue-100, #98E4F1);
            }

            .pl-vv-container {
                display: flex;
                align-items: center;
                gap: 24px;
                flex: 1 0 0;
                align-self: stretch;
            }

            .pl-vv-sub-container {
                display: flex;
                padding: 48px 24px;
                flex-direction: column;
                justify-content: center;
                align-items: flex-start;
                gap: 24px;
                flex: 1 0 0;
                border-radius: 8px;
                background: var(--Gradient-Card, linear-gradient(180deg, rgba(5, 17, 31, 0.60) 0%, rgba(5, 8, 12, 0.60) 100%));

                /* shadow app */
                box-shadow: 0 2px 4px 0 rgba(9, 8, 66, 0.08), 0 4px 24px 0 rgba(9, 8, 66, 0.04);
            }

            .pl-vv-txt-container{
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                gap: 16px;
                align-self: stretch;
            }

            .pl-txt-input-property{
                display: flex;
                width: 100%;
                /* max-width: 261.5px; */
                align-items: flex-start;
                gap: 36px;
            }

            .pl-h-container{
                display: flex;
                /* width: 1440px; */
                padding: 80px;
                flex-direction: column;
                align-items: center;
                gap: 48px;
            }
            .pl-hh-container{
                display: flex;
                width: 1044px;
                /* height: 350px; */
                align-items: flex-start;
                gap: 48px;
            }
            .pl-hh-sub-container{
                display: flex;
                height: 350px;
                padding: 24px 32px;
                flex-direction: column;
                justify-content: space-between;
                align-items: flex-start;
                flex: 1 0 0;
                border-radius: 4px;
                background: var(--Gradient-Card, linear-gradient(180deg, rgba(5, 17, 31, 0.60) 0%, rgba(5, 8, 12, 0.60) 100%));
            }
            .pl-hh-txt-container{
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                gap: 24px;
                align-self: stretch;
            }
            .pl-s-container {
                display: flex;
                width: 1044px;
                flex-direction: column;
                align-items: flex-start;
                gap: 4px;
            }
            .pl-ss-container{
                display: flex;
                width: 586px;
                flex-direction: column;
                justify-content: center;
                align-items: flex-start;
                gap: 36px;
            }
            .pl-ss-txt-container{
                display: flex;
                width: 571px;
                flex-direction: column;
                align-items: flex-start;
                gap: 24px;
            }  
            .pl-ss-txt-container-heading{
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                /* gap: 16px; */
                align-self: stretch;
                width: 750px;
            }
            .pl-ss-txt-container-sub-heading{
                color: var(--Netral-200, #E4E4E4);

                /* Body/Large */
                /* font-family: Inter; */
                font-size: 20px;
                font-style: normal;
                font-weight: 700;
                line-height: 120%; /* 24px */
            }
            .pl-footer-container{
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                gap: 4px;
                align-self: stretch;
            }
            .pl-footer-container-block{
                display: flex;
                padding: 93px 109px;
                flex-direction: column;
                align-items: center;
                gap: 4px;
                align-self: stretch;
                background: linear-gradient(180deg, #05080C 0%, #041930 100%);
            }
            .pl-footer-container-card{
                width: 1044px;
                height: 362px;
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 48px;
            }
            .pl-footer-container-card-hh{
                display: flex;
                /* width: 891.928px; */
                height: 187.98px;
                align-items: flex-start;
                gap: 48px;
                flex-shrink: 0;
            }
            .pl-footer-container-card-hh-1{
                display: flex;
                width: 303.454px;
                flex-direction: column;
                align-items: flex-start;
                gap: 8px;
                flex-shrink: 0;
            }
            .pl-footer-container-card-hh-1-1{
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                align-self: stretch;
            }
            .pl-footer-container-card-hh-1-1-logo{
                width: 210px;
                height: 44px;
                /* background: url('images/plwebsite/Logo_White.png') lightgray 50% / cover no-repeat; */
            }
            .pl-footer-container-card-hh-1-1-txt{
                width: 303.454px;
                color: var(--Color-Neutral-400, #E3EAFF);

                /* Body/S/regular */
                /* font-family: Inter; */
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: 16px; /* 114.286% */
                background: var(--Gradient-ligth, linear-gradient(180deg, #CEEAFF 0%, #97C9EE 100%));
                background-clip: text;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;

                /* Body/S/regular */
                /* font-family: Inter; */
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: 16px;
            }
            .pl-footer-container-card-hh-1-2-txt{
                color: var(--Neutral-colors-500, #B4B9C9);
                text-align: center;
                leading-trim: both;
                text-edge: cap;
                font-feature-settings: 'liga' off, 'clig' off;

                /* Display/3/Regular */
                /* font-family: Inter; */
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                line-height: 22px; /* 137.5% */
            }
            .pl-footer-container-card-hh-1-3-txt{
                display: flex;
                align-items: flex-start;
                gap: 16px;
            }
            .pl-footer-container-card-hh-1-3-txt-social{
                display: flex;
                width: 24px;
                height: 24px;
                justify-content: center;
                align-items: center;
            }
            .pl-footer-social {
            width: 100%;
            height: 100%;
            border-radius: 4px;
            background-color: var(--Blue-300, #3D9CCF);
            display: flex;
            justify-content: center;
            align-items: center;
            transition: background 0.3s ease;
            background-repeat: no-repeat;
            background-position: center;
            background-size: 18px;
            }

            /* Default + hover icon for each */
            .pl-footer-social.facebook {
            background-image: url("/images/plwebsite/Facebook.svg");
            }
            .pl-footer-social.facebook:hover {
            background-image: url("/images/plwebsite/Facebook-hover.svg");
            background-color: var(--Blue-900, #05080C);
            }

            .pl-footer-social.instagram {
            background-image: url("/images/plwebsite/Instagram.svg");
            }
            .pl-footer-social.instagram:hover {
            background-image: url("/images/plwebsite/Instagram-hover.svg");
            background-color: var(--Blue-900, #05080C);
            }

            .pl-footer-social.linkedin {
            background-image: url("/images/plwebsite/LinkedIn.svg");
            }
            .pl-footer-social.linkedin:hover {
            background-image: url("/images/plwebsite/LinkedIn-hover.svg");
            background-color: var(--Blue-900, #05080C);
            }

            .pl-footer-social.youtube {
            background-image: url("/images/plwebsite/YouTube.svg");
            }
            .pl-footer-social.youtube:hover {
            background-image: url("/images/plwebsite/YouTube-hover.svg");
            background-color: var(--Blue-900, #05080C);
            }

            .pl-footer-social.x {
            background-image: url("/images/plwebsite/x.svg");
            }
            .pl-footer-social.x:hover {
            background-image: url("/images/plwebsite/x-hover.svg");
            background-color: var(--Blue-900, #05080C);
            }
            .pl-footer-container-card-hh-1-1-txt-group{
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                gap: 16px;
            }
            .pl-footer-container-card-hh-2{
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                gap: 32px;
            }
            .pl-footer-container-card-hh-2-heading{
                color: #FFF;
                leading-trim: both;
                text-edge: cap;
                font-feature-settings: 'liga' off, 'clig' off;

                /* Display/3/Semi Bold */
                /* font-family: Inter; */
                font-size: 16px;
                font-style: normal;
                font-weight: 600;
                line-height: 22px; /* 137.5% */
            }
            .pl-footer-container-card-hh-2-heading a{
                color: var(--Neutral-colors-500, #fff);
                text-align: center;
                leading-trim: both;
                text-edge: cap;
                font-feature-settings: 'liga' off, 'clig' off;

                /* Display/3/Regular */
                /* font-family: Inter; */
                font-size: 16px;
                font-style: normal;
                font-weight: 600;
                line-height: 22px; /* 137.5% */
                text-decoration: none;
            }
            .pl-footer-container-card-hh-2-heading a:hover{
                color: var(--Blue-100, #98E4F1);
            }
            .pl-footer-container-card-hh-2-link-group{
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                gap: 24px;
            }
            .pl-footer-container-card-hh-2-link{
                display: flex;
                align-items: center;
                gap: 6px;
            }
            .pl-footer-container-card-hh-2-link a{
                color: var(--Neutral-colors-500, #B4B9C9);
                text-align: center;
                leading-trim: both;
                text-edge: cap;
                font-feature-settings: 'liga' off, 'clig' off;

                /* Display/3/Regular */
                /* font-family: Inter; */
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                line-height: 22px; /* 137.5% */
                text-decoration: none;
            }
            .pl-footer-container-card-hh-2-link a:hover{
                color: var(--Blue-100, #98E4F1);
            }
            .pl-footer-container-card-hh-3{
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                gap: 32px;
            }
            .pl-footer-container-card-hh-4{
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                gap: 12px;
            }
            .pl-footer-container-card-hh-4-txt{
                color: #E3EAFF;

                /* Paragraph/Regular/Regular-16px */
                /* font-family: Inter; */
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                line-height: 120%; /* 19.2px */
            }
            .pl-footer-container-card-copy-write{
                display: flex;
                width: 1044px;
                height: 59.994px;
                padding: 24px 0;
                justify-content: center;
                align-items: center;
                gap: 10px;
                flex-shrink: 0;
                border-top: 1px solid var(--Neutral-colors-400, #E1E4ED);
                color: var(--Neutral-colors-500, #B4B9C9);
                text-align: center;
                leading-trim: both;
                text-edge: cap;
                font-feature-settings: 'liga' off, 'clig' off;

                /* Display/3/Regular */
                /* font-family: Inter; */
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                line-height: 22px; /* 137.5% */
            }
            .plhero-card{
                display: flex;
                flex-direction: column;
                align-items: center;
                align-self: stretch;
                background: radial-gradient(87.07% 76.41% at 52.78% 73.8%, #0A3463 16.22%, #05111F 81.02%);
            }
            .pl-special-container{
                display: flex;
                flex-direction: column;
                align-items: center;
                align-self: stretch;
            }
            .pl-highlight-container{
                display: flex;
                /* padding: 48px 0; */
                padding-top: 48px; 
                flex-direction: column;
                justify-content: center;
                align-items: center;
                gap: 64px;
                align-self: stretch;
            }
            .pl-highlight-sub-container{
                display: flex;
                width: 1044px;
                justify-content: center;
                align-items: center;
                gap: 4px;
            }
            .pl-stats-container{
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 64px;
            }
            .pl-stats-sub-container{
                display: flex;
                width: 1044px;
                justify-content: center;
                align-items: center;
                gap: 24px;
            }
            .pl-stats-list{
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 16px;
            }
            .pl-stats-counter{
                display: flex;
                padding: 16px 24px;
                flex-direction: column;
                align-items: center;
                gap: 24px;
                align-self: stretch;
                border-radius: 4px;
                background: #E90;
                color: var(--Netral-000, #FFF);
                text-align: center;
                /* Headline/H5 */
                font-family: Inter;
                font-size: 32px;
                font-style: normal;
                font-weight: 600;
                line-height: 120%; /* 38.4px */
                min-width: 10ch; /* reserve width for 5 characters, adjust as needed */
            }
            .pl-flip-card-list{
                display: flex;
                /* width: 1324px;
                height: 555px; */
                align-items: flex-start;
                gap: 48px;
                flex-shrink: 0;
            }
            .pl-flip-card-container{
                display: flex;
                padding: 48px 0;
                flex-direction: column;
                align-items: center;
                align-self: stretch;

                overflow: hidden; /* Hide extra cards */
                width: 1044px; /* same width as your visible area */
                margin: 0 auto;
            }
            .pl-flip-card-sub-container{
                display: flex;
                width: 1044px;
                height: 555px;
                align-items: center;
                gap: 64px;
            }
            .pl-flip-card-sub-container-h{
                display: flex;
                /* width: 1324px;
                height: 555px; */
                align-items: flex-start;
                gap: 48px;
                flex-shrink: 0;

                z-index: 1;
                transition: transform 0.5s ease-in-out;
                width: 100%;
            }
            .pl-flip-card{
                display: flex;
                position: relative;
                perspective: 1000px;
            }
            .pl-flip-card-front{
                display: flex;
                width: 315px;
                height: 500px;
                padding: 48px 24px;
                flex-direction: column;
                justify-content: flex-end;
                align-items: flex-start;
                gap: 8px;
                flex-shrink: 0;
                border-radius: 4px;
                border: 1px solid var(--Gradient-border-card, #05111F);
                box-shadow: 0 12px 25px 0 rgba(4, 8, 20, 0.60);
            }
            .pl-flip-card-back{
                display: flex;
                width: 315px;
                height: 500px;
                padding: 24px 24px;
                flex-direction: column;
                /* justify-content: center; */
                justify-content: flex-start;
                align-items: flex-start;
                /* gap: 24px; */
                border-radius: 4px;
                border: 1px solid var(--Gradient-border-card, #05111F);
                background: var(--Gradient-ligth, linear-gradient(180deg, #CEEAFF 0%, #97C9EE 100%));
                overflow: hidden;
                overflow-y: auto;
                scrollbar-width: thin;
                scrollbar-color: #3D9CCF transparent;
            }
            .pl-flip-card1 > .pl-flip-card-front
            {
                position: absolute;
                transform: perspective(600px) rotateY(0deg);
                backface-visibility: hidden;
                transition: transform .5s linear 0s;
            }
            .pl-flip-card1 > .pl-flip-card-back
            {
                    /* position: absolute; */
                transform: perspective(600px) rotateY(180deg);
                backface-visibility: hidden;
                transition: transform .5s linear 0s;
            }

            .pl-flip-card1:hover > .pl-flip-card-front
            {
                transform: perspective(600px) rotateY(-180deg);
            }

            .pl-flip-card1:hover > .pl-flip-card-back
            {
                transform: perspective(600px) rotateY(0deg);
            }
            .pl-flip-card2 > .pl-flip-card-front {
                position: absolute;
                transform: perspective(800px) rotate3d(1, 1, 0, 0deg);
                backface-visibility: hidden;
                transition: transform 0.8s cubic-bezier(0.4, 0.2, 0.2, 1);
            }

            .pl-flip-card2 > .pl-flip-card-back {
                transform: perspective(800px) rotate3d(1, 1, 0, 180deg);
                backface-visibility: hidden;
                transition: transform 0.8s cubic-bezier(0.4, 0.2, 0.2, 1);
            }

            .pl-flip-card2:hover > .pl-flip-card-front {
                transform: perspective(800px) rotate3d(1, 1, 0, -180deg);
            }

            .pl-flip-card2:hover > .pl-flip-card-back {
                transform: perspective(800px) rotate3d(1, 1, 0, 0deg);
            }
            .pl-flip-card3 > .pl-flip-card-front {
                position: absolute;
                transform: perspective(1000px) rotateY(0deg) rotateX(2deg);
                backface-visibility: hidden;
                transition: transform 0.7s ease-in-out;
            }

            .pl-flip-card3 > .pl-flip-card-back {
                transform: perspective(1000px) rotateY(180deg) rotateX(2deg);
                backface-visibility: hidden;
                transition: transform 0.7s ease-in-out;
            }

            .pl-flip-card3:hover > .pl-flip-card-front {
                transform: perspective(1000px) rotateY(-180deg) rotateX(5deg);
            }

            .pl-flip-card3:hover > .pl-flip-card-back {
                transform: perspective(1000px) rotateY(0deg) rotateX(0deg);
            }
            .pl-flip-card > .pl-flip-card-front {
                position: absolute;
                transform: rotateY(0deg);
                backface-visibility: hidden;
                transition: transform 0.6s;
            }

            .pl-flip-card > .pl-flip-card-back {
                transform: rotateY(180deg);
                backface-visibility: hidden;
                transition: transform 0.6s;
            }

            .pl-flip-card:hover > .pl-flip-card-front {
                transform: rotateY(-180deg);
            }

            .pl-flip-card:hover > .pl-flip-card-back {
                transform: rotateY(0deg);
            }
            .pl-flip-card-navgiation{
                display: flex;
                padding-bottom: 80px;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                gap: 48px;
                align-self: stretch;
            }
            .pl-flip-card-nav-links{
                display: flex;
                width: 1044px;
                justify-content: flex-end;
                align-items: center;
                gap: 48px;
            }
            .pl-flip-card-nav-link{
                width: 45px;
                height: 45px;
                flex-shrink: 0;
            }
            .pl-flip-card-nav-next-right {
                transform: rotate(180deg);
            }
            .pl-flip-card-nav-next-right:hover img {
                content: url('/images/plwebsite/flip-card-nav-right.svg');
                transform: rotate(180deg);
            }
            .pl-flip-card-nav-next-left:hover img {
                content: url('/images/plwebsite/flip-card-nav-right.svg');
                transform: rotate(180deg);
            }
            .pl-flip-card-apply-link{
                display: flex;
                width: 500px;
                min-width: 150px;
                padding: 12px 16px;
                justify-content: center;
                align-items: center;
                gap: 8px;
                border-radius: 4px;
                border: 1px solid var(--Blue-300, #3D9CCF);
                background: rgba(61, 156, 207, 0.25);
                color: var(--Netral-000, #FFF);
                text-align: center;
                text-decoration: none;
                font-size: 16px;
                font-style: normal;
                font-weight: 700;
                line-height: 120%; /* 19.2px */
            }
            .pl-flip-card-apply-link:hover{
                border: 1px solid var(--Blue-300, #3D9CCF);
                background: rgba(61, 156, 207, 0.25);
                color: var(--Netral-000, #ACDCF2);
            }
            .pl-input-form-conainer{
                display: flex;
                width: 1280px;
                height: auto;
                flex-direction: column;
                align-items: center;
                gap: 24px;
                flex-shrink: 0;
            }
            .pl-input-form-sub-container{
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                gap: 48px;
                align-self: stretch;
            }
            .pl-input-form-sub-container-h{
                display: flex;
                width: 450px;
                flex-direction: column;
                align-items: flex-start;
                gap: 8px; /*48px;*/
            }
            .pl-input-form-sub-container-h-title{
                display: flex;
                width: 450px;
                flex-direction: column;
                align-items: flex-start;
                gap: 16px;
            }

            .pl-input-form-sub-container-h-fields{
                display: flex;
                justify-content: center;
                align-items: center;
                gap: 172px;
            }
            .pl-input-form-sub-container-h-fields-group{
                display: flex;
                padding-bottom: 24px;
                align-items: center;
                gap: 20px;
            }
            .pl-input-form-sub-container-h-fields-subgroup{
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                gap: 36px;
                border-radius: 8px;

                /* shadow app */
                box-shadow: 0 2px 4px 0 rgba(9, 8, 66, 0.08), 0 4px 24px 0 rgba(9, 8, 66, 0.04);
            }     
            
            .pl-input-form-sub-container-h-fields-subgroup-form{
                display: flex;
                flex-direction: column;
                /* align-items: flex-start; */
                gap: 12px;
                width: 450px;
            }
            .pl-input-form-sub-container-h-fields-subgroup-form-field{
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                gap: 8px;
            }

            .pl-input-form-sub-container-h-fields-subgroup-form-field-label{
                color: #E9EEFF;

                /* Form/Label */
                font-family: Inter;
                font-size: 14px;
                font-style: normal;
                font-weight: 500;
                line-height: 21px; /* 150% */
            }
            .label-required{
                color: #FF1A12;

                /* Form/Label */
                font-family: Inter;
                font-size: 14px;
                font-style: normal;
                font-weight: 500;
                line-height: 21px;
            }
            .pl-input-form-sub-container-h-fields-subgroup-form-field-txt{
                display: flex;
                width: 450px;
                height: 40px;
                padding: 4px 8px 4px 12px;
                align-items: center;
                gap: 4px;
                border-radius: 4px;
                border: 1px solid var(--Netral-200, #E4E4E4);
                background: rgba(4, 25, 48, 0.30);
                /* color: rgba(228, 228, 228, 0.30); */
                color: #fff;
                /* Form/Input */
                font-family: Inter;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: 19px; /* 135.714% */
            }
            .txt-placeholder{
                color: rgba(228, 228, 228, 0.30);

                /* Form/Input */
                font-family: Inter;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: 19px; /* 135.714% */
            }
            .pl-input-form-sub-container-h-fields-subgroup-form-field-btn{
                display: flex;
                min-width: 150px;
                padding: 12px 16px;
                justify-content: center;
                align-items: center;
                gap: 8px;
                align-self: stretch;
                border-radius: 4px;
                border: 1px solid var(--Netral-000, #FFF);
                background: rgba(255, 255, 255, 0.50);
                color: var(--Blue-600, #041930);
                text-align: center;

                /* Body/Medium */
                font-family: Inter;
                font-size: 16px;
                font-style: normal;
                font-weight: 700;
                line-height: 120%; /* 19.2px */
            }
            /* =========contact form:start============= */
            .pl-contact-section1 {
                width: 100%;
                height: 1024px;
                padding: 80px 80px;
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 40px;
                background: url('images/plwebsite/bg-05.jpg') lightgray 0px -1601.397px / 100% 256.913% no-repeat;
                position: relative;
            }
            .pl-contact-section{
                display: flex;
                /* width: 1440px; */
                /*height: 100vh; */ /* 600px to fill the screen we need to give 100vh*/
                /*padding: 80px 16px;*/
                justify-content: center;
                align-items: center;
            }
            .pl-contact-section .overlay
            {
                /* background: rgba(9, 15, 33, 0.8); */
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                z-index: 0;
            }
            .pl-contact-section .wrapper
            {
                position: relative;
                z-index: 99;
            }
            .pl-contact-section .contact-header {
                    
            }

            .pl-contact-section .contact-title {
                font-size: 31px;
                font-weight: 700;
                color: var(--neutral-600);
                margin-bottom: 24px;
            }

            .pl-contact-section .contact-content {
                display: flex;
                gap: 172px;
                width: 100%;
                max-width: 1200px;
                align-items: flex-start;
            }

            .pl-contact-section .contact-info {
                flex: 0 0 auto;
                min-width: 280px;
            }

            .pl-contact-section .company-name {
                font-size: 18px;
                font-weight: 600;
                color: #E3EAFF;
                margin-bottom: 8px;
            }

            .pl-contact-section .address-label {
                font-size: 16px;
                font-weight: 500;
                color: #E3EAFF;
                margin-bottom: 4px;
            }

            .pl-contact-section .address-text {
                font-size: 14px;
                color: #E3EAFF;
                line-height: 1.5;
                margin-bottom: 16px;
            }

            .pl-contact-section .email-label {
                font-size: 16px;
                font-weight: 500;
                color: #E3EAFF;
                margin-bottom: 4px;
            }

            .pl-contact-section .email-link {
                font-size: 14px;
                color: #E3EAFF;
                text-decoration: none;
            }

            .pl-contact-section .email-link:hover {
                text-decoration: underline;
            }

            .pl-contact-section .contact-form-container {
                flex: 1;
                max-width: 633px;
            }

            .pl-contact-section .form-group {
                margin-bottom: 24px;
            }

            .pl-contact-section .form-label {
                display: block;
                font-size: 14px;
                font-style: normal;
                font-weight: 500;
                color: #E9EEFF;
                margin-bottom: 8px;
                line-height: 21px;
            }
            .pl-contact-section .required {
                color: #FF1A12;
            }
            .pl-contact-section .form-input,
                    .form-textarea {
                    width: 100%;
                    height: 40px;
                    /* background: transparent; */
                    /* border: 1px solid #6B769A; */
                    border-radius: 4px;
                    border: 1px solid var(--Netral-200, #E4E4E4);
                    background: rgba(4, 25, 48, 0.30);
                    padding: 4px 8px 4px 12px;
                    font-size: 14px;
                    color: #E3EAFF;
                    /* color: rgba(228, 228, 228, 0.30); */
                    font-style: normal;
                    font-weight: 400;
                    line-height: 19px; /* 135.714% */
                    transition: all 0.3s ease;
                }

            .pl-contact-section .form-input:focus,
                    .form-textarea:focus {
                        outline: none;
                        border-color: #9EA9CD;
                        box-shadow: 0 0 0 2px rgba(158, 169, 205, 0.2);
                    }

            .pl-contact-section .form-input::placeholder,
                    .form-textarea::placeholder {
                        color: rgba(228, 228, 228, 0.30);
                    }

            .pl-contact-section .form-textarea {
                        height: 128px;
                        resize: vertical;
                        min-height: 80px;
                        max-height: 200px;
                        /* padding-top: 12px; */
                        padding: 8px 16px 8px 12px;
                        align-items: flex-start;
                        gap: 4px;
                        flex: 1 0 0;
                    }

            .pl-contact-section .textarea-container {
                        position: relative;
                    }

            .pl-contact-section .char-counter {
                        position: absolute;
                        bottom: 8px;
                        right: 12px;
                        font-size: 12px;
                        color: #E9EEFF;
                        pointer-events: none;
                    }

            .pl-contact-section .checkbox-group {
                        display: flex;
                        align-items: flex-start;
                        gap: 8px;
                        margin-bottom: 24px;
                        text-wrap: auto;
                        flex-wrap: wrap;
                        flex-direction: column;
                    }

            .pl-contact-section .checkbox-input {
                        width: 16px;
                        height: 16px;
                        margin-top: 2px;
                        accent-color: var(--Blue-100, #98E4F1);;
                    }

            .pl-contact-section .checkbox-label {
                        font-size: 14px;
                        color: #E9EEFF;
                        line-height:  19px; 
                        cursor: pointer;
                    }

            .pl-contact-section .checkbox-label a {
                        color: #9EA9CD;
                        text-decoration: none;
                    }

            .pl-contact-section .checkbox-label a:hover {
                        text-decoration: underline;
                    }

            .pl-contact-section .submit-btn {
                        /* background: #D7E1FF; */
                        /* color: #1C2234; */
                        /* border: none; */
                        /* border-radius: 4px; */
                        padding: 12px 16px;
                        min-width: 150px;
                        font-size: 16px;
                        font-weight: 600;
                        cursor: pointer;
                        transition: all 0.3s ease;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        gap: 8px;

                        border-radius: 4px;
                        border: 1px solid var(--Netral-000, #FFF);
                        background: rgba(255, 255, 255, 0.50);
                        color: var(--Blue-600, #041930);
                    }

            .pl-contact-section .submit-btn:hover {
                        /* background: #9EA9CD;
                        transform: translateY(-1px); */
                        border: 1px solid var(--Blue-100, #98E4F1);
                        background: rgba(4, 25, 48, 0.84); 
                        color: var(--Blue-100, #98E4F1);
                    }

            .pl-contact-section .submit-btn:active {
                        background: var(--Blue-100, #98E4F1);
                        color: white;
                        transform: translateY(0);
                    }

            .pl-contact-section .submit-btn:disabled {
                        background: #6B769A;
                        color: #9EA9CD;
                        cursor: not-allowed;
                        transform: none;
                    }

            

            .pl-contact-section  .form-textarea::-webkit-scrollbar {
                        width: 6px;
                    }

            .pl-contact-section .form-textarea::-webkit-scrollbar-track {
                        background: rgba(107, 118, 154, 0.2);
                        border-radius: 3px;
                    }

            .pl-contact-section .form-textarea::-webkit-scrollbar-thumb {
                        background: #6B769A;
                        border-radius: 3px;
                    }

            .pl-contact-section .form-textarea::-webkit-scrollbar-thumb:hover {
                        background: #9EA9CD;
                    }

            /* Animation for form validation */
            .form-input.error,
            .form-textarea.error,
            .form-select.error,
            .checkbox-input.error {
                border-color: #C53737 !important;
                animation: shake 0.3s ease-in-out;
            }

            .form-input.error::placeholder,
                    .form-textarea.error::placeholder {
                        color: #DA7676;
                    }
            .error-message{
                color: #C53737;
                display: none;
            }

            @keyframes shake {
                0%, 100% { transform: translateX(0); }
                25% { transform: translateX(-4px); }
                75% { transform: translateX(4px); }
            }

            .success-message {
                display: flex;
                flex-direction: column;
                gap: 10px;
                background: linear-gradient(135deg, #05080C, #041930);
                border: 1px solid #05080C;
                color: #1a5336;
                padding: 20px 25px;
                border-radius: 12px;
                font-family: "Inter", sans-serif;
                font-size: 15px;
                line-height: 1.6;
                box-shadow: 0 4px 12px rgba(66, 185, 131, 0.2);
                max-width: 500px;
                margin: 100px auto;
                text-align: center;
                animation: fadeIn 0.6s ease-in-out;
            }

            .success-message h3 {
            margin-top: 0;
            font-size: 20px;
            font-weight: 600;
            color: #E90 !important;
            text-align: center;
            }

            .pl-contact-section .success-message{
                margin: 0px auto !important;
                width: 100%;
            }
            /* Loading state for submit button */
            .submit-btn.loading {
                opacity: 0.7;
                cursor: wait;
            }

            .submit-btn.loading::after {
                content: '';
                width: 16px;
                height: 16px;
                border: 2px solid #1C2234;
                border-top: 2px solid transparent;
                border-radius: 50%;
                animation: spin 1s linear infinite;
                margin-left: 8px;
            }

            @keyframes spin {
                to { transform: rotate(360deg); }
            }
            .api-response-form1 {
                color: #862800;
                font-size: 14px;
                background-color: #fff3cd;
                border: 1px solid #ffeeba;
                padding: 8px 12px;
                border-radius: 4px;
            }
            .api-response-form2 {
                position: fixed;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                
                color: #862800;
                font-size: 14px;
                background-color: #fff3cd;
                border: 1px solid #ffeeba;
                padding: 12px 20px;
                border-radius: 6px;
                text-align: center;
                box-shadow: 0 4px 10px rgba(0,0,0,0.1);
                z-index: 9999; /* ensures it's above other elements */
            }
            .api-response-form {
                position: fixed;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                color: #862800;
                font-size: 14px;
                background-color: #fff3cd;
                border: 1px solid #ffeeba;
                padding: 12px 20px;
                border-radius: 6px;
                text-align: center;
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
                z-index: 9999;
                opacity: 0;
                animation: fadeInOut 4s ease-in-out forwards;

                /* 👇 These ensure long text wraps neatly */
                max-width: 80%;       /* Prevents it from stretching too wide */
                word-wrap: break-word; /* Breaks long words if needed */
                white-space: normal;   /* Allows normal wrapping */
                line-height: 1.4;
            }

            .api-response-form.success {
                background-color: #d4edda;
                border-color: #c3e6cb;
                color: #155724;
            }

            .api-response-form.error {
                background-color: #fff3cd;
                border-color: #ffeeba;
                color: #862800;
            }

            @keyframes fadeInOut {
            0% { opacity: 0; transform: translate(-50%, -45%); }
            10%, 90% { opacity: 1; transform: translate(-50%, -50%); }
            100% { opacity: 0; transform: translate(-50%, -55%); }
            }

            /* =========contact form:end=============== */

             /* =========Application form:start============= */
             .pl-section{
                display: flex;
                /* width: 1440px; */
                /*height: 100vh; */ /* 600px to fill the screen we need to give 100vh*/
                /*padding: 80px 16px;*/
                justify-content: center;
                align-items: center;
            }
            .pl-application-section {
                /*width: 100%;
                height: 1800px;
                padding: 80px 80px;*/
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 40px;
                /* background: url('images/plwebsite/bg-05.jpg') lightgray 0px -1601.397px / 100% 256.913% no-repeat; */
                position: relative;
            }
            .pl-application-section1 {
                width: 100%;
                height: 1800px;
                padding: 80px 80px;
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 40px;
                background: url('images/plwebsite/bg-05.jpg') lightgray 0px -1601.397px / 100% 256.913% no-repeat;
                position: relative;
            }
            .pl-application-section .overlay
            {
            /* background: rgba(9, 15, 33, 0.8); */
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 0;
            }
            .pl-application-section.wrapper
            {
            position: relative;
            z-index: 99;
            }
            .pl-application-section .contact-header {
                    
                    }

            .pl-application-section .contact-title {
                        font-size: 31px;
                        font-weight: 700;
                        color: var(--neutral-600);
                        margin-bottom: 24px;
                    }

            .pl-application-section .contact-content {
                        display: flex;
                        gap: 172px;
                        width: 100%;
                        max-width: 1200px;
                        align-items: flex-start;
                    }

            .pl-application-section .contact-info {
                        flex: 0 0 auto;
                        min-width: 280px;
                    }

            .pl-contact-section .company-name {
                        font-size: 18px;
                        font-weight: 600;
                        color: #E3EAFF;
                        margin-bottom: 8px;
                    }

            .pl-application-section .address-label {
                        font-size: 16px;
                        font-weight: 500;
                        color: #E3EAFF;
                        margin-bottom: 4px;
                    }

            .pl-application-section .address-text {
                        font-size: 14px;
                        color: #E3EAFF;
                        line-height: 1.5;
                        margin-bottom: 16px;
                    }

            .pl-application-section .email-label {
                        font-size: 16px;
                        font-weight: 500;
                        color: #E3EAFF;
                        margin-bottom: 4px;
                    }

            .pl-application-section .email-link {
                        font-size: 14px;
                        color: #E3EAFF;
                        text-decoration: none;
                    }

            .pl-application-section .email-link:hover {
                        text-decoration: underline;
                    }

            .pl-application-section .contact-form-container {
                        flex: 1;
                        max-width: 633px;
                    }

            .pl-application-section .form-group {
                        margin-bottom: 24px;
                    }

            .pl-application-section .form-label {
                        display: block;
                        font-size: 14px;
                        font-style: normal;
                        font-weight: 500;
                        color: #E9EEFF;
                        margin-bottom: 8px;
                        line-height: 21px;
                    }
            .pl-application-section .required {
                        color: #FF1A12;
                    }
            .pl-application-section .form-input,
                    .form-textarea {
                        width: 100%;
                        height: 40px;
                        /* background: transparent; */
                        /* border: 1px solid #6B769A; */
                        border-radius: 4px;
                        border: 1px solid var(--Netral-200, #E4E4E4);
                        background: rgba(4, 25, 48, 0.30);
                        padding: 4px 8px 4px 12px;
                        font-size: 14px;
                        color: #E3EAFF;
                        /* color: rgba(228, 228, 228, 0.30); */
                        font-style: normal;
                        font-weight: 400;
                        line-height: 19px; /* 135.714% */
                        transition: all 0.3s ease;
                    }

            .pl-application-section .form-input:focus,
                    .form-textarea:focus {
                        outline: none;
                        border-color: #9EA9CD;
                        box-shadow: 0 0 0 2px rgba(158, 169, 205, 0.2);
                    }

            .pl-contact-section .form-input::placeholder,
                    .form-textarea::placeholder {
                        color: rgba(228, 228, 228, 0.30);
                    }

            .pl-application-section .form-textarea {
                        height: 128px;
                        resize: vertical;
                        min-height: 50px;
                        max-height: 80px;
                        /* padding-top: 12px; */
                        padding: 8px 16px 8px 12px;
                        align-items: flex-start;
                        gap: 4px;
                        flex: 1 0 0;
                    }

            .pl-application-section .textarea-container {
                        position: relative;
                    }

            .pl-application-section .char-counter {
                        position: absolute;
                        bottom: 8px;
                        right: 12px;
                        font-size: 12px;
                        color: #E9EEFF;
                        pointer-events: none;
                    }

            .pl-application-section .checkbox-group {
                        display: flex;
                        align-items: flex-start;
                        gap: 8px;
                        margin-bottom: 24px;
                        text-wrap: auto;
                        flex-wrap: wrap;
                    }

            .pl-application-section .checkbox-input {
                        width: 16px;
                        height: 16px;
                        margin-top: 2px;
                        accent-color: var(--Blue-100, #98E4F1);;
                    }

            .pl-application-section .checkbox-label {
                        font-size: 14px;
                        color: #E9EEFF;
                        line-height:  19px; 
                        cursor: pointer;
                    }

            .pl-application-section .checkbox-label a {
                        color: #9EA9CD;
                        text-decoration: none;
                    }

            .pl-application-section .checkbox-label a:hover {
                        text-decoration: underline;
                    }

            .pl-application-section select.form-select {
                width: 100%;
                height: 40px;
                border-radius: 4px;
                border: 1px solid var(--Netral-200, #E4E4E4);
                background: rgba(4, 25, 48, 0.30);
                padding: 4px 8px 4px 12px;
                font-size: 14px;
                color: #E3EAFF;
                font-weight: 400;
                line-height: 19px;
                appearance: none; /* removes native arrow */
                -webkit-appearance: none;
                -moz-appearance: none;
                background-image: url("data:image/svg+xml;utf8,<svg fill='%23E3EAFF' height='18' viewBox='0 0 24 24' width='18' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
                background-repeat: no-repeat;
                background-position: right 10px center;
                background-size: 14px;
                transition: all 0.3s ease;
                cursor: pointer;
            }

            /* Hover and Focus States */
            .pl-application-section select.form-select:hover {
                border-color: #9EA9CD;
            }

            .pl-application-section select.form-select:focus {
                outline: none;
                border-color: #9EA9CD;
                box-shadow: 0 0 0 2px rgba(158, 169, 205, 0.2);
            }

            /* Optional: style for the dropdown options */
            .pl-application-section select.form-select option {
                background: #041930;
                color: #E3EAFF;
                font-size: 14px;
            }

            /* For disabled select */
            .pl-application-section select.form-select:disabled {
                opacity: 0.6;
                cursor: not-allowed;
            }

            .pl-application-section select.form-select option:hover,
            .pl-application-section select.form-select option:focus,
            .pl-application-section select.form-select option:checked {
                background-color: #0a1d3a !important; /* your desired hover background */
                color: #E3EAFF !important;
            }

            .pl-application-section select.form-select option:hover {
            background-color: #0a1d3a !important;
            color: #E3EAFF !important;
            }

            .pl-application-section .submit-btn {
                        /* background: #D7E1FF; */
                        /* color: #1C2234; */
                        /* border: none; */
                        /* border-radius: 4px; */
                        padding: 12px 16px;
                        /* min-width: 150px; */
                        width: 100%;
                        font-size: 16px;
                        font-weight: 600;
                        cursor: pointer;
                        transition: all 0.3s ease;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        gap: 8px;

                        border-radius: 4px;
                        border: 1px solid var(--Netral-000, #FFF);
                        background: rgba(255, 255, 255, 0.50);
                        color: var(--Blue-600, #041930);
                    }

            .pl-application-section .submit-btn:hover {
                        /* background: #9EA9CD;
                        transform: translateY(-1px); */
                        border: 1px solid var(--Blue-100, #98E4F1);
                background: rgba(4, 25, 48, 0.84); 
                color: var(--Blue-100, #98E4F1);
                    }

            .pl-application-section .submit-btn:active {
                        background: var(--Blue-100, #98E4F1);
                        color: white;
                        transform: translateY(0);
                    }

            .pl-application-section .submit-btn:disabled {
                        background: #6B769A;
                        color: #9EA9CD;
                        cursor: not-allowed;
                        transform: none;
                    }

            

            .pl-application-section  .form-textarea::-webkit-scrollbar {
                        width: 6px;
                    }

            .pl-application-section .form-textarea::-webkit-scrollbar-track {
                        background: rgba(107, 118, 154, 0.2);
                        border-radius: 3px;
                    }

            .pl-application-section .form-textarea::-webkit-scrollbar-thumb {
                        background: #6B769A;
                        border-radius: 3px;
                    }

            .pl-application-section .form-textarea::-webkit-scrollbar-thumb:hover {
                        background: #9EA9CD;
                    }
            .pl-application-section h3{
                color: var(--Netral-200, #E4E4E4);
                font-size: 31px;
                font-style: normal;
                font-weight: 700;
                line-height: 120%; /* 37.2px */
                text-transform: none;
            }
        
            .pl-application-section h3  span{
                color: var(--Blue-100, #98E4F1);
                font-size: 31px;
                font-style: normal;
                font-weight: 700;
                line-height: 120%;
                text-transform: none;
            }
            
            /* =========Application form:end=============== */

            /* =========Login form:Begin=============== */
            .user-icon-container {
                position: relative;
                display: inline-block;
                z-index: 10;
            }
            .user-icon-container .icon-btn {
                padding: 8px;
                border-radius: 4px;
                display: flex;
                align-items: center;
                justify-content: center;
                cursor: pointer;
                position: relative;
                z-index: 100000;
                border: 1px solid #041930;
            }

            .user-icon-container .icon-btn:hover {
                background: transparent;
                border: 1px solid var(--Blue-300, #3D9CCF)
            }

            /* .user-icon-container:hover .pl-login-section {
                display: block;
            } */

            .pl-login-dummy {
                position: absolute;
                top: 100%;
                right: 0;
                width: 280px;
                background: #fff;
                border: 1px solid #ddd;
                box-shadow: 0 4px 10px rgba(0,0,0,0.1);
                border-radius: 8px;
                padding: 15px;
                display: none;
                z-index: 9999;
            }

            .pl-login-section {
                position: absolute;
                top: 0;
                right: 0;

                /* width: 100%; */
                /* height: 1024px; */
                /* padding: 80px 80px; */
                /* display: flex; */
                /* flex-direction: column; */
                /* align-items: center; */
                /* gap: 40px; */
                /* background: url('images/plwebsite/bg-05.jpg') lightgray 0px -1601.397px / 100% 256.913% no-repeat; */
                /* position: relative; */
                z-index: 9999;
                display: none;
            }
            .pl-login-section .overlay
            {
                /* background: rgba(9, 15, 33, 0.8); */
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                z-index: 0;
            }
            .pl-login-section .wrapper
            {
                position: relative;
                z-index: 99;
            }
            .pl-login-section .contact-header {
                    
                    }

            .pl-login-section .contact-title {
                        font-size: 31px;
                        font-weight: 700;
                        color: var(--neutral-600);
                        margin-bottom: 24px;
                    }

            .pl-login-section .contact-content {
                        display: flex;
                        gap: 172px;
                        width: 100%;
                        max-width: 1200px;
                        align-items: flex-start;
                    }

            .pl-login-section .contact-info {
                        flex: 0 0 auto;
                        min-width: 280px;
                    }

            .pl-login-section .company-name {
                        font-size: 18px;
                        font-weight: 600;
                        color: #E3EAFF;
                        margin-bottom: 8px;
                    }

            .pl-login-section .address-label {
                        font-size: 16px;
                        font-weight: 500;
                        color: #E3EAFF;
                        margin-bottom: 4px;
                    }

            .pl-login-section .address-text {
                        font-size: 14px;
                        color: #E3EAFF;
                        line-height: 1.5;
                        margin-bottom: 16px;
                    }

            .pl-login-section .email-label {
                        font-size: 16px;
                        font-weight: 500;
                        color: #E3EAFF;
                        margin-bottom: 4px;
                    }

            .pl-login-section .email-link {
                        font-size: 14px;
                        color: #E3EAFF;
                        text-decoration: none;
                    }

            .pl-login-section .email-link:hover {
                        text-decoration: underline;
                    }

            .pl-login-section .contact-form-container {
                        flex: 1;
                        max-width: 633px;
                    }

            .pl-login-section .form-group {
                        margin-bottom: 24px;
                    }

            .pl-login-section .form-label {
                        display: block;
                        font-size: 14px;
                        font-style: normal;
                        font-weight: 500;
                        color: #E9EEFF;
                        margin-bottom: 8px;
                        line-height: 21px;
                    }
            .pl-login-section .required {
                        color: #FF1A12;
                    }
            .pl-login-section .form-input,
                    .form-textarea {
                        width: 100%;
                        height: 40px;
                        /* background: transparent; */
                        /* border: 1px solid #6B769A; */
                        border-radius: 4px;
                        border: 1px solid var(--Netral-200, #E4E4E4);
                        background: rgba(4, 25, 48, 0.30);
                        padding: 4px 8px 4px 12px;
                        font-size: 14px;
                        color: #E3EAFF;
                        /* color: rgba(228, 228, 228, 0.30); */
                        font-style: normal;
                        font-weight: 400;
                        line-height: 19px; /* 135.714% */
                        transition: all 0.3s ease;
                    }

            .pl-login-section .form-input:focus,
                    .form-textarea:focus {
                        outline: none;
                        border-color: #9EA9CD;
                        box-shadow: 0 0 0 2px rgba(158, 169, 205, 0.2);
                    }

            .pl-login-section .form-input::placeholder,
                    .form-textarea::placeholder {
                        color: rgba(228, 228, 228, 0.30);
                    }

            .pl-login-section .form-textarea {
                        height: 128px;
                        resize: vertical;
                        min-height: 80px;
                        max-height: 200px;
                        /* padding-top: 12px; */
                        padding: 8px 16px 8px 12px;
                        align-items: flex-start;
                        gap: 4px;
                        flex: 1 0 0;
                    }

            .pl-login-section .textarea-container {
                        position: relative;
                    }

            .pl-login-section .char-counter {
                        position: absolute;
                        bottom: 8px;
                        right: 12px;
                        font-size: 12px;
                        color: #E9EEFF;
                        pointer-events: none;
                    }

            .pl-login-section .checkbox-group {
                        display: flex;
                        align-items: flex-start;
                        gap: 8px;
                        margin-bottom: 24px;
                    }

            .pl-login-section .checkbox-input {
                        width: 16px;
                        height: 16px;
                        margin-top: 2px;
                        accent-color: var(--Blue-100, #98E4F1);;
                    }

            .pl-login-section .checkbox-label {
                        font-size: 14px;
                        color: #E9EEFF;
                        line-height:  19px; 
                        cursor: pointer;
                    }

            .pl-login-section .checkbox-label a {
                        color: #9EA9CD;
                        text-decoration: none;
                    }

            .pl-login-section .checkbox-label a:hover {
                        text-decoration: underline;
                    }

            .pl-login-section .submit-btn {
                        /* background: #D7E1FF; */
                        /* color: #1C2234; */
                        /* border: none; */
                        /* border-radius: 4px; */
                        width: 100%;
                        padding: 12px 16px;
                        /* min-width: 150px; */
                        font-size: 16px;
                        font-weight: 600;
                        cursor: pointer;
                        transition: all 0.3s ease;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        gap: 8px;

                        border-radius: 8px;
                        background: var(--yellow-500, #E90);
                        border: 1px solid var(--Netral-000, #E90);
                        /* border-radius: 4px;
                        border: 1px solid var(--Netral-000, #FFF);
                        background: rgba(255, 255, 255, 0.50); */
                        color: var(--Blue-600, #041930);
                    }

            .pl-login-section .submit-btn:hover {
                        /* background: #9EA9CD;
                        transform: translateY(-1px); */
                        border: 1px solid var(--Blue-100, #98E4F1);
                background: rgba(4, 25, 48, 0.84); 
                color: var(--Blue-100, #98E4F1);
                    }

            .pl-login-section .submit-btn:active {
                        background: var(--Blue-100, #98E4F1);
                        color: white;
                        transform: translateY(0);
                    }

            .pl-login-section .submit-btn:disabled {
                        background: #6B769A;
                        color: #9EA9CD;
                        cursor: not-allowed;
                        transform: none;
                    }

            

            .pl-login-section  .form-textarea::-webkit-scrollbar {
                        width: 6px;
                    }

            .pl-login-section .form-textarea::-webkit-scrollbar-track {
                        background: rgba(107, 118, 154, 0.2);
                        border-radius: 3px;
                    }

            .pl-login-section .form-textarea::-webkit-scrollbar-thumb {
                        background: #6B769A;
                        border-radius: 3px;
                    }

            .pl-login-section .form-textarea::-webkit-scrollbar-thumb:hover {
                        background: #9EA9CD;
                    }
            
            .pl-login-menu{
                padding-top: 50px; /*60px;*/
                display: flex;
                flex-direction: column;
                align-items: flex-end;
            }

            .pl-login-section-top{
                display: flex;
                height: 60px;
                justify-content: center;
                align-items: flex-start;
                gap: 16px;
                align-self: stretch;
                border-radius: 8px 8px 0 0;
                background: var(--Gradient-Gradient, linear-gradient(0deg, #05080C 0%, #041930 100%));
            }
            .pl-login-section-title{
                display: flex;
                height: 60px;
                padding: 8px 0;
                justify-content: center;
                align-items: center;
                gap: 12px;
                flex: 1 0 0;
                border-radius: 8px;
            }

            .pl-login-section-body{
            display: flex;
            padding: 24px 0 24px 0;
            flex-direction: column;
            align-items: flex-start;
            gap: 12px;
            align-self: stretch;
            background: url('/images/plwebsite/bg-05.jpg') lightgray 0px -300.397px / 100% 200.913% no-repeat;;
            }
            .pl-login-input{
                display: flex;
                width: 350px;
                padding: 0 24px;
                flex-direction: column;
                /* align-items: flex-start; */
                gap: 8px;
            }

            .pl-login-links{
                display: flex;justify-content: space-between;align-items: center;align-self: stretch;
                /* padding: 0 24px 24px 24px;
                align-items: flex-start;
                gap: 8px;
                align-self: stretch; */
                margin-bottom: 24px;
            }
            .pl-login-link{
                color: var(--Color-Neutral-400, #A8A8A8);
                text-align: center;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                text-decoration-line: none;
                text-decoration-style: solid;
                text-decoration-skip-ink: none;
                text-decoration-thickness: auto;
                text-underline-offset: auto;
                text-underline-position: from-font;
            }
            .pl-login-link:hover{
                color: var(--Color-Neutral-400, #E90);
            }
            .pl-login-link-blue{
                color: var(--Blue-100, #98E4F1);
            }
            .pl-login-link-blue:hover{
                color: var(--Blue-100, #12caea);
            }
           .error-message-box {
                display: flex;
                background: #ffe5e5;
                border: 1px solid #ff6b6b;
                color: #b30000;
                padding: 8px 10px;
                border-radius: 6px;
                font-weight: 500;
                justify-content: center;
                align-items: center;
                align-self: stretch;
                margin: 0px 24px;
            }
            .success-message-box {
                display: flex;
                background: #d4edda;
                border: 1px solid #c3e6cb;
                color: #155724;
                padding: 8px 10px;
                border-radius: 6px;
                font-weight: 500;
                justify-content: center;
                align-items: center;
                align-self: stretch;
                margin: 0px 24px;
            }
             /* =========Login form:End=============== */

            input:-webkit-autofill,
            input:-webkit-autofill:hover, 
            input:-webkit-autofill:focus, 
            input:-webkit-autofill:active {
            -webkit-box-shadow: 0 0 0 1000px #0A1C2E inset !important; /* your background color */
            -webkit-text-fill-color: #FFFFFF !important; /* your text color */
            transition: background-color 5000s ease-in-out 0s; /* prevent flash */
            }

            select:-webkit-autofill,
            select:-webkit-autofill:hover, 
            select:-webkit-autofill:focus, 
            select:-webkit-autofill:active {
            -webkit-box-shadow: 0 0 0 1000px #0A1C2E inset !important; /* your background color */
            -webkit-text-fill-color: #FFFFFF !important; /* your text color */
            transition: background-color 5000s ease-in-out 0s !important; /* prevent flash */
            }

            textarea:-webkit-autofill,
            textarea:-webkit-autofill:hover, 
            textarea:-webkit-autofill:focus, 
            textarea:-webkit-autofill:active {
            -webkit-box-shadow: 0 0 0 1000px #0A1C2E inset !important; /* your background color */
            -webkit-text-fill-color: #FFFFFF !important; /* your text color */
            transition: background-color 5000s ease-in-out 0s; /* prevent flash */
            }

            .plhero-v-container {
                display: flex;
                align-items: center;
                width: 100%;
                max-width: 1200px;
                gap: 48px;
            }

            .pl-footer-container-card-hh-2-3-join{
                display: flex;
                gap: 48px; 
            }

            @media (max-width: 991px) {
                .pl-section {
                    padding: 60px 24px;
                }
                .pl-container {
                    flex-direction: column;
                    text-align: left;
                }
                .pl-container-right,
                .pl-container-left {
                    align-items: center;
                    width: 100%;
                }
                .pl-container-right {
                    order: -1; /* show image first */
                }
                h5 {
                    font-size: 26px;
                }
                h3 {
                    font-size: 32px;
                }
                h3 span{
                    font-size: 32px;
                }
                .pl-txt-large {
                    font-size: 18px;
                }
                .pl-txt-medium {
                    font-size: 15px;
                }
                .pl-btn-primary, 
                .pl-btn-secondary{
                    min-width: 180px;
                }
                .pl-btn-video {
                    padding: 10px 18px;
                    font-size: 14px;
                }
                .pl-video-controls {
                    bottom: 24px;
                    gap: 12px;
                }

                /*#############:Temp Begin*/
                 .dashobject {
                    position: relative !important;
                    /* max-width: 95% !important; */
                    /* width: 95% !important; */
                    /*max-height: 150px !important;*/ /* Reduce height for smaller screens */
                    /*left: 10px !important;*/ /* Adjust the left position for smaller screens */
                    top: 10px !important;
                    /* margin-bottom: 10px; */
                    height: auto !important;
                    max-height: none !important;
                }
                #sortable-tabs { width: 95%; }
                .title-chart { font-size: 16px;}
                .pl-flip-card-navgiation{
                    padding-bottom: 0 !important
                }
                .pl-flip-card-nav-links{
                    width: auto !important;
                }
                .pl-h-container{
                    /* padding: 80px 16px !important; */
                    padding: 0px 0px;
                    gap: 48px;
                    align-items: stretch; /* fills full width */
                }
                .pl-hh-container{
                    flex-direction: column;
                    width: auto !important;
                    gap: 48px;
                }
                .pl-hh-sub-container{
                    flex: 1;
                    gap: 24px;
                }

                .pl-btn-container{
                    flex-direction: column !important;
                    align-items: normal !important;
                }
                .pl-v-container{
                    flex-direction: column !important;
                }
                .pl-vv-container{
                    flex-direction: column !important;
                }


                .pl-footer-container-block{
                    flex-direction: column;
                    padding: 60px 24px;
                    flex: 1;
                    align-self: flex-start;
                    width: 100% !important;
                    justify-content: flex-start !important;
                    align-items: flex-start !important;
                }
                .pl-footer-container-card{
                    width: auto !important;
                    height: auto !important;
                    align-items: flex-start;
                    flex: 1;
                }
                .pl-footer-container-card-hh{
                    flex-direction: column;
                    flex: 1;
                    justify-content: flex-start !important;
                    align-items: flex-start !important;
                    width: 100%;
                }
                .pl-footer-container-card-hh-1{
                    flex: 1;
                    order: 1;
                }
                .pl-footer-container-card-hh-4{
                    /* flex: 1; */
                    width: 100%;
                    flex-basis: 100%;
                    order: 2;
                    padding-bottom: 24px;
                    border-bottom: 1px solid var(--Neutral-colors-400, #E1E4ED);
                }
                .pl-footer-container-card-hh-2-3-join{
                    order: 3;
                    display: flex;
                    gap: 48px;
                    
                }
                .pl-footer-container-card-copy-write{
                    /* width: auto !important; */
                    align-items: flex-start;
                    justify-content: flex-start;
                    flex: 1;
                    flex-wrap: wrap;
                }
                .pl-contact-section{
                    align-items: flex-start;
                    height: 100vh;
                }
                .pl-contact-section .contact-content{
                    flex-direction: column;
                    flex: 1;
                }
                .pl-contact-section .contact-info{
                    display: none;
                }
                /*#############:Temp End*/
            }

            @media (max-width: 480px) {
                .pl-section {
                    padding: 40px 16px;
                }
                .pl-container {
                    gap: 24px;
                }
                h5 {
                    font-size: 24px;
                }
                .pl-txt-large {
                    font-size: 16px;
                }
                .pl-txt-medium {
                    font-size: 14px;
                }
                .pl-btn-video {
                    padding: 10px 18px;
                    font-size: 14px;
                }
                .pl-video-controls {
                    bottom: 24px;
                    gap: 12px;
                }
                .pl-flip-card-navgiation{
                    padding-bottom: 0 !important
                }
                .pl-flip-card-nav-links{
                    width: auto !important;
                }
                .pl-h-container{
                    padding: 0px 0px !important;
                    gap: 48px;
                }
                .pl-hh-container{
                    flex-direction: column;
                    width: auto !important;
                    gap: 48px;
                }
                .pl-hh-sub-container{
                    width: 353px;
                    flex: 1;
                    gap: 24px;
                }
                .pl-txt-large-light-gray{
                    text-wrap: auto;
                }
                .pl-contact-section{
                    align-items: flex-start;
                    height: 100vh;
                }
                .pl-contact-section .contact-content{
                    flex-direction: column;
                    flex: 1;
                }
                .pl-contact-section .contact-info{
                    display: none;
                }
            }
            .api-form-container{
                width: 100%;
            }

            .api-form-title{
                display: none;
            }
            /*pl video intro:Begin*/
            .pl-video-container {
                /* position: relative; */
                width: 100%;
                height: 100vh;
                overflow: hidden;
            }

            video, img.end-frame {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

            img.end-frame {
                display: none;
                opacity: 0;
                transition: opacity 0.8s ease;
            }

            img.end-frame.show {
                display: block;
                opacity: 1;
            }

            /* Optional: simple replay + volume control */
            .pl-video-controls {
                position: absolute;
                bottom: 40px;
                left: 50%;
                transform: translateX(-50%);
                display: flex;
                gap: 16px;
                z-index: 10;
            }

            .pl-btn-video {
                padding: 12px 24px;
                font-size: 16px;
                font-weight: 600;
                color: #E4E4E4;
                background: transparent;
                border: 1px solid #E4E4E4;
                border-radius: 4px;
                cursor: pointer;
                transition: all 0.3s ease;
            }

            .pl-btn-video:hover {
                border: 1px solid var(--Blue-100, #98E4F1);
                color: var(--Blue-100, #98E4F1);
            }

            .pl-btn-video.hidden {
                display: none;
            }
            /*pl video intro:End*/