.form-group label.styled-checkbox {
    font-size: inherit !important;
}

.policy_section {
    margin-bottom: 2.5rem;
}

.my-11 {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}

div.row-item.disabled {
    color: #b5b3b3 !important;
    cursor: default;
    opacity: .5;
    pointer-events: none;
}

.error {
    color: red;
    font-size: 1.5rem;
    display: none;
}

.error-row {
    border: none !important;
}

.error-row .error,
.error-row1 .error {
    display: block !important;
    padding-top: 10px;
}

.error-row .error.flex {
    display: flex !important;
}

.single-apply-question-row {
    border: 0px solid;
}

span.arrow {
    display: none;
}

.below-box {
    padding-top: 10px;
}

.below-box p {
    color: red;
    font-size: 1.5rem;
}

.below-box textarea {
    width: 100%;
    text-align: left;
}

.accordion-section-title {
    border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
    border-radius: 35px;
    border: 1px solid;
}

.accordion-section-title .title.h5 {
    background: #fff;
    padding: 1.5rem;
    border-radius: 9999px;
}

.warning,
.alert-warning {
    color: red;
}

.alert-success {
    color: green;
}

.warning-b {
    border: 1px solid red !important;
}

#callback-spinner {
    margin: 0 auto;
}

.Card {
    border-color: rgb(40 167 223/var(--tw-border-opacity, 1));
}

.BACS {
    border-color: rgb(232 43 123/var(--tw-border-opacity, 1));
}

.Card-BG {
    background-color: rgb(40 167 223/var(--tw-border-opacity, 1));
}

.BACS-BG {
    background-color: rgb(232 43 123/var(--tw-border-opacity, 1));
}

#application-form-submit .title.h2 {
    padding-bottom: 5rem;
}

/*Calendar*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: none;
    background: #FFF;
    font-weight: normal;
    color: #454545;
}

.disabled {
    cursor: default;
    opacity: .7;
    pointer-events: none;
}

.premium-error-msg {
    display: none !important;
}

/*
.other_declaration_section{left:2500px;}
.quoteClass.next{left:2500px !important; position: absolute; transition: 1s;}
.quoteClass.previous{left:-2500px !important; position: absolute; transition: 1s;}
.quoteClass{left:2500px !important; position: absolute; transition: 1s;}
.quotedisplay{left:0 !important; transition: 1s;}
.re{position: relative;}
.re.quoteClass.next,.re.quoteClass.previous{position: absolute;}
*/

.quoteClass {
    display: none !important
}

.quotedisplay {
    display: grid !important
}

.error-row-office {
    border: 1px solid red
}

.disabledform {
    cursor: default;
    opacity: .5;
    pointer-events: none;
}

#preloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(/public/img/loader.gif) 50% 50% no-repeat rgb(249 249 249 / 0.60);
}

#login-row-passw {
    display: none;
}

.premium-error-msg {
    display: none;
}

.displayBadge {
    margin-top: 5%;
    display: none;
    text-align: center;
    border-radius: 20px;

}

.pink_round {
    border-radius: 50%;
    background: #8FC3EA none repeat scroll 0% 0%;
    padding: 2px 8px;
    color: #FFF !important;
}

.icon {
    align-items: center;
    border-radius: 9999px;
    display: flex;
    height: 5rem;
    justify-content: center;
    position: relative;
    width: 5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(213 220 37 / var(--tw-bg-opacity, 1));
}

.imp .icon {
    height: 2.5rem;
    width: 2.5rem;
}

.h-form-item.normal {
    font-family: unset !important;
}

.align-b {
    align-self: baseline;
}

span.gapOpen {
    align-self: center;
    cursor: pointer;
    display: block;
    line-height: 1.2;
    padding-left: 40px;
    padding-top: 2px;
    position: relative;
}

.hrmc_show_hide_reason {
    display: none;
}

/** Custom fix for OC   **/
.form-radio-button-custom span {
    border-radius: 9999px 0 0 9999px;
    display: grid;
    gap: 1rem;
    grid-template-columns: max-content minmax(0, 1fr);
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    font-family: Geist-Medium, sans-serif;
    padding: 1.75rem 0px 1.75rem 17px;
    --tw-text-opacity: 1;
    color: rgb(14 12 38 / var(--tw-text-opacity, 1));
}

.form-radio-button-custom span:before {
    align-self: center;
    border-radius: 9999px;
    border-width: 2px;
    content: "";
    height: 12px;
    position: relative;
    width: 12px;
    --tw-border-opacity: 1;
    border-color: rgb(40 167 223 / var(--tw-border-opacity, 1));
}

.form-radio-button-custom span:after {
    content: "";
    height: 12px;
    left: 17px;
    position: absolute;
    top: 50%;
    width: 12px;
    --tw-translate-y: -50%;
    border-radius: 9999px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: rgb(40 167 223 / var(--tw-bg-opacity, 1));
    opacity: 0;
    transition: all .5s;
}

.form-radio-button-custom input[type="radio"]:checked+span:after {
    opacity: 1 !important;
}

.form-radio-button-custom input[type="radio"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    opacity: 0;
    pointer-events: none;
    position: absolute;
}

.form-radio-button-custom input {
    border-radius: 0 9999px 9999px 0;
}

.OCG {
    cursor: pointer;
}

/** Custom fix for OC   **/
.error-row-border {
    border: 1px solid red !important;
}

.items-row {
    border-top: 1px solid #dddddd;
}

.lg\:max-w-\[175px\] {
    max-width: 175px;
}

div.accordion-section-content>div:first-child {
    border-top: 0px solid !important;
}

#row-question-1420 .styled-checkbox input+span {
    padding: 1.25rem 17px;
    border-radius: 9999px;
    background-color: #fff;
}

.form-box.custom-row-item {
    box-shadow: 0 .5rem 1.6rem rgba(0, 0, 0, .1);
}

.form-box {
    position: sticky;
    top: 7rem;
}

body.quote,
section.quote {
    overflow: visible;
}

.custom-row-item .row-item {
    grid-template-columns: minmax(0, 1fr) 75% !important;
    font-family: inherit;
}

.custom-row-item-3 .row-item {
    grid-template-columns: auto auto auto;
    font-family: inherit;
}

.pl-6 {
    padding-left: 6rem;
}

.pt-14,
.tabs-body .tab.pt-14 {
    padding-top: 3.5rem;
}

.pb-0 {
    padding-bottom: 0px !important;
}

.pb-5 {
    padding-bottom: 1.25rem !important;
}

.my-5 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.lg\:max-w-\[100rem\] {
    max-width: 100rem;
}

.form-radio-button.premium_box_option span.premium {
    background-color: unset;
    font-size: 100%;
    font-family: inherit;
    padding: 0rem 17px;
}

.form-radio-button.premium_box_option span.premium:hover,
.form-radio-button.premium_box_option span.premium:active,
.form-radio-button.premium_box_option span.premium:focus,
.form-radio-button.premium_box_option span.premium:focus-visible {
    background-color: #72246C;
    color: #FFF;
}

.premium_box_option input[type=radio]:checked+span {
    background: #e81d83 !important;
    color: #fff !important;
}

.tab .error {
    padding-left: 1.5rem;
    padding-bottom: 10px;
}

.tab .tab-content span.premium .btn {
    margin-top: 1.20rem;
}

.tab .tab-content span.premium:active {
    background-color: #72246C;
    color: #FFF;
}

.tab .tab-content span.premium .btn::before {
    z-index: -1;
}

.form-radio-button span.premium span {

    border-radius: 9999px;
    display: grid;
    gap: 0rem;
    grid-template-columns: max-content minmax(0, 1fr);
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    font-family: Geist-Medium, sans-serif;
    padding: 0 !important;
    --tw-text-opacity: 1;
    color: rgb(14 12 38 / var(--tw-text-opacity, 1));
}

.rounded-t-\[25px\] {
    border-top-left-radius: 25px !important;
    border-top-right-radius: 25px !important;
    box-shadow: none !important;
}

.rounded-b-\[25px\] {
    border-bottom-left-radius: 25px !important;
    border-bottom-right-radius: 25px !important;
    box-shadow: none !important;
}

select optgroup {
    color: rgb(40 167 223/var(--tw-bg-opacity, 1));
}

.accordion-section-content {
    display: none;
}

.accordion-section-content.open {
    display: block;
}

.brands-carousel .brand-card img {
    height: 100% !important;
    border-radius: 5%;
}

.brands-carousel .brand-card {
    background-color: transparent !important;
}

.brands-carousel .brand-card:hover img {
    filter: unset;
}

.brand-card.ifa {
    height: 17rem;
    margin-top: -50px;
}

.brand-card.ibms {
    height: 12rem;
    margin-top: -20px;
}

.brand-card.cfc,
.brand-card.ID,
.brand-card.osr,
.brand-card.mgam {
    height: 14rem;
    margin-top: -20px;
}

.brand-card.aia,
.brand-card.IOSH {
    height: 17rem;
    margin-top: -40px;
}

.brand-card.ph {
    height: 15rem;
    margin-top: -32px;
}

.brand-card.cfc {
    padding: 0px;
    margin-left: -50px;
    margin-right: -50px;
}


.product-card .top {
    gap: 2rem !important;
}

@media (min-width: 1025px) {
    .product-card {
        padding-left: 3.2rem !important;
        padding-right: 3.2rem !important;
    }
}

.p-\[5\%\] {
    padding: 5%
}

.p-\[15\%\] {
    padding: 15%
}

.ins_verification img {
    padding: 8%;
    margin-left: 13px;
}

.ins_premium img {
    padding: 8%;
    margin-left: 2px;
}

.ins_assurance img {
    padding: 8%;
    margin-left: 10px;
    margin-top: 8px;
}

.ins_policy img {
    margin-left: 5px;
}

.content-icon.ins_verification:after {
    left: 1px;
    top: 1px;
}

.content-icon.content-icon-90 img {
    width: 90% !important;
}

.claim-processing img {
    margin: 5px 0px 0px 15px;
}

.underwriting img {
    margin-left: 5px;
}

.products-carousel .swiper-nav.arrows-absolute>div.prev,
.team-carousel .swiper-nav.arrows-absolute>div.prev {
    left: 0;
    top: 50%;
}

.products-carousel .swiper-nav.arrows-absolute>div.next,
.team-carousel .swiper-nav.arrows-absolute>div.next {
    right: 0;
    top: 50%;
}

@media (min-width: 1280px) {

    .products-carousel .swiper-nav.arrows-absolute>div.prev,
    .team-carousel .swiper-nav.arrows-absolute>div.prev {
        left: -80px;
        top: 50%;
    }

    .products-carousel .swiper-nav.arrows-absolute>div.next,
    .team-carousel .swiper-nav.arrows-absolute>div.next {
        right: -90px;
        top: 50%;
    }
}

.products-carousel .swiper-slide,
.team-carousel .swiper-slide {
    margin-top: 10px;
    left: -6px;
}

/*.products-carousel .swiper-slide, .team-carousel .swiper-slide.ml-\[11px\]{margin-left: 11px;} */
.team-carousel .swiper-wrapper {
    padding: 5% 0%;
}

.lg\:\!w-\[100px\] {
    width: 100px !important;
    max-height: 100px;
}

.lg\:\!w-\[80px\] {
    width: 80px !important;
    max-height: 80px;
}

.p-custom {
    padding: 7% 15% 13% 14%;
}

.c-custom {
    padding: 14% 20% 20% 20%;
}

.c-custom.prl {
    padding: 10% 15% 15% 10%;
}

.lg\:\!right-\[-7\%\] {
    right: -7% !important;
}

.oc-overview img {
    margin: 0px 0px 0px 10px;
}

.xl\:-left-12 {
    left: -3rem;
}

.lg\:\!right-\[-6\%\] {
    right: -6% !important;
}

.\!bottom-\[50\%\] {
    bottom: 50% !important;
}

.\!bottom-\[10\%\] {
    bottom: 10% !important;
}

.\!bottom-\[0\%\] {
    bottom: 0% !important;
}

.team-carousel .swiper-slide.swiper-slide-active {
    left: 6px !important;
}

.team-carousel .swiper-slide.swiper-slide-next {
    left: 3px !important;
}

.h-\[250px\] {
    height: 250px;
}

.text-status-green {
    color: #009900 !important;
}

.text-status-yellow {
    color: #CC6600 !important;
}

.text-status-red {
    color: #990000 !important;
}

.text-status-purple {
    color: #7D477E !important;
}

.over-view-class {
    text-align: justify !important;
}

.displayInline {
    display: inline;
}

.displayNone {
    display: none !important;
}

.disabledBlock {
    display: block !important;
}

.displayBlock {
    display: block !important;
}

#error-msg-show {
    color: red;
}

.accordion .accordion-section.accordion-itemBLOCK {
    margin-bottom: 15px;
}

.ml-\[\11px\] {
    margin-left: 11px;
}

.displayblocktable {
    display: inline-table !important;
}

.displayblocktable1 {
    display: inline !important;
}

.displaynone1 {
    display: none;
    padding-left: 0px;
    float: left;
    clear: both;
}

.displaynone2 {
    margin: 0px;
    display: none;
}

.displaynone3 {
    margin: 0 !important;
}

.displaynone4 {
    color: red !important
}

.displaynone5 {
    width: 100%;
    padding-bottom: 11px;
}

.displayposition {
    position: relative !important;
}

.errorStyle {
    border: 2px solid red !important;
}

.errorStyleRemove {
    border: none !important;
}

.resendotp1 {
    font-size: 14px;
    float: right;
    padding-left: 5px;
}

.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.5;
}

.show_msg {
    position: fixed;
}

.counterTimer {
    float: left
}

.resend {
    float: right
}

.displayblock1 {
    display: block;
    padding-left: 0px;
    float: left;
    clear: both;
}

.displaynone1 {
    display: none;
    padding-left: 0px;
    float: left;
    clear: both;
}

.find_add_loading {
    display: none;
    position: absolute;
    z-index: 99999;
    right: 75px;
    top: 10px;
}

.warning-a {
    border: 2px solid #666 !important
}

.warning-c {
    border: 2px solid red !important
}

.warning-d {
    box-shadow: 0px 2px 8px rgb(255, 0, 0);
     !important;
    margin: 0px;
}

.warning-e {
    box-shadow: 0px 2px 8px rgb(255, 0, 0);
     !important;
    margin: 0px;
    padding: 2px 4px;
}

.warning-f {
    border: none;
    padding: 2px 4px;
}

.warning-g {
    border: 2px solid red !important;
    border-radius: 3px;
    width: 100%
}

.warning-h {
    border: 1px solid #666 !important;
    border-radius: 3px;
    width: 100%
}

.productmsg {
    padding: 0rem 5rem 1.5rem 2rem;
}

.ibmsCss {
    border: 1px solid #FF0000 !important;
}

.ibmsCssNone {
    border: none !important;
}

.ibmsImgUpload {
    font-size: 14px;
    color: black;
    font-weight: 600;
}

.ibmsImgUploadCss {
    border: 1px solid #8ec4f5 !important
}

.classGreen {
    color: green !important
}

#show_msg {
    width: 100%;
    margin-top: 10px;
}

.resendotp1 {
    font-weight: 600
}

#sagepayiframe {
    width: 100%;
    height: 650px;
}

.marginleft {
    margin-left: 11px !important;
}

.OTPcss {
    color: #448aff
}

.whatsapp p.wp {
    text-align: center;
    padding: 15px 0px;
    background: #00c44b;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    width: 90%;
    margin: 0 auto;
}

.captchacss {
    color: black;
    padding: 13px;
}

.alert-danger-error {

    padding: 10px;
    background: #ff180026;
    color: red;
    margin-top: 17px;
}

.alert-success-error {

    padding: 10px;
    background: #00800070;
    color: #000000;
    margin-top: 17px;
}

.qrcodeClass {
    width: 100px;
    height: auto;
}

.captcha-box {
    display: flex;
    color: #fff;
}

.captcha-box img {
    border-radius: 50px;
}

textarea.form-control {
    resize: none;

}

.contact-details .item-with-icon .icon img {
    max-width: 28px;
}

.contact-details div:nth-of-type(1) .item-with-icon .icon img {
    width: 22px;
}

.contact-details div:nth-of-type(2) .item-with-icon .icon img {
    width: 22px;
}

.contact-details div:nth-of-type(3) .item-with-icon .icon img {
    width: 26px;
}

.contact-details div:nth-of-type(4) .item-with-icon .icon img {
    width: 22px;
}

.w-\[90\%\] {
    width: 90%;
}

.form-radio-button.cursor-pointer input:checked~span {
    border: 2px solid #28a7df !important;
}

.my12 {
    font-size: 14px;
    text-align: justify;
    padding-bottom: 12px;
}

.help_icon {
    width: 19px;
    float: right;
    margin-right: 76%;
    cursor: pointer;
}

.info.subtext {font-family: Geist-Light, sans-serif;font-size: 14px;color: #000000;}
.info.subtext.wht {color: #FFF;}
.disabled .info {
    opacity: 1 !important;
}

.info.box {
    font-size: 14px;
    position: absolute;
    bottom: 0;
    padding: 20px 0px;
}

@media (min-width: 1400px) {
    .lg\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}


.sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.dashboard-navs.dashboard-navs-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    padding-right: 2.5rem;
}

.text-right {
    text-align: right;
    flex-direction: row-reverse;
}

.mr-25 {
    margin-right: 5.5rem;
}

.h-10 {
    height: 10rem;
}

.h-75 {
    height: 7.5rem;
}

.w-10 {
    width: 10rem;
}

.h-75 {
    height: 7.5rem;
}

.secondary {
    color: #1DC9B7;
}

.info {
    color: #36A3F7;
}

.danger {
    color: #F4516C
}

.mt-0 {
    margin-top: 0px;
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.text-2xl {
    font-size: 1.5rem !important;
    line-height: 1.75rem;
    font-family: Geist-Medium, sans-serif;
}

.font-light {
    font-family: Geist-light, sans-serif
}

figure.dell img {
    object-fit: contain;
}

.brand-card img {
    max-height: 70px;
    width: auto;
    object-fit: contain;
    margin: 0 auto;
    display: block;
}

.w\[60\] {
    width: 60%;
}

.mr-50 {
    margin-left: 50px;
}

.totum.card-with-image .top {
    height: 15rem !important;
}

.totum .bg {
    background: #FFF;
}

/* Signature container */
.sig-div {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 2px dashed #ccc;
    padding: 15px;
    border-radius: 8px;
    background-color: #fafafa;
    max-width: 420px;
    margin: auto;
}

/* Canvas for signature */
.canvas-sig {
    border: 1px solid #999;
    border-radius: 4px;
    background-color: #fff;
    cursor: crosshair;
    touch-action: none;
}

.dashboard-template .styled-checkbox input+span:before {
    background-color: #FFF;
    border-color: #bdbdbd;
}

.assoc .card .caption .number.title {
    color: rgb(40 167 223 / var(--tw-text-opacity, 1)) !important;
}

.assoc .card .caption .body {
    font-family: 'Geist-Light' !important;
}

.selfStart {
    align-self: flex-start;
}

.h-form-item.font-geist-light {
    font-family: Geist-Light, sans-serif !important;
}

.font-geist-light .form-control {
    font-family: Geist-Light, sans-serif !important;
}

.form-group.no-margin {
    margin-bottom: 0px;
}

.bb-box {
    border: 1px solid;
    border-radius: 25px;
    background: rgb(164 227 255);
    z-index: 1;
}

.pt-70 {
    padding-top: 70px;
}
.pt-50 {
    padding-top: 50px;

}
.form-radio-button span.pcyber {
    border-radius: 25px;
    grid-template-columns: none !important;
    border: 2px solid #FFF;
}

.f-85 {
    font-size: 100%;
    gap: .5rem;
    grid-template-columns: minmax(0, 1fr) 10% !important;
    margin-top: 15px;
    width: 70%;
    margin: 0 auto;
}

.f-85-b {
    width: 85%;
}

div.pcyber {
    background-color: #FFF;
    border-radius: 25px;
    padding: 25px;
}

.pcc-buy {
    margin: 0 auto;
    margin-top: 15px;
}

.styled-checkbox.pcc input+span:before {
    border: 1px solid;
}

#quote-declaration-650-error {
    font-family: 'Geist-Medium';
}
#quote-declaration-686-error {
    font-family: 'Geist-Medium';
}
#quote-declaration-685-error {
    font-family: 'Geist-Medium';
}

/* Personal Cyber */
.personal-cyber-hero {
    background-color: #28a7df;
}

.personal-cyber-hero p {
    color: #fff !important;
}

.personal-cyber-hero a {
    color: #fff !important;
}

.personal-cyber-hero a::before {
    background-color: #e82b7b !important;
}

.personal-cyber-hero .small-box-inner {
    scale: 1.5;
    left: 40px;
    bottom: 70px;
}

.personal-cyber-hero .login-line {
    top: 20%;
    z-index: 9;
}

@media (min-width: 768px) {
    .personal-cyber-hero .small-box-inner {
        scale: 2.5;
    }
}

@media (min-width: 992px) {
    .personal-cyber-hero .small-box-inner {
        scale: 2.5;
    }
}

@media (min-width: 1200px) {
    .personal-cyber-hero .small-box-inner {
        scale: 1;
    }

    .personal-cyber-hero .login-line {
        top: 40%;
    }
}

@media (min-width: 1600px) {
    .personal-cyber-hero .login-line {
        top: 25%;
        width: 50% !important;
    }
}

@media (min-width: 1920px) {
    .personal-cyber-hero .login-line {
        top: 30%;
    }
}

/* Personal Cyber — help strip + on-page FAQs */
.pcc-help-faq-section {
    background: linear-gradient(180deg, #f4f8fb 0%, #eef5f9 100%);
}

.pcc-help-faq-section .pcc-help-intro h2 {
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 700;
    color: #0a3d5c;
    margin: 0 0 1rem;
}

.pcc-help-faq-section .pcc-help-intro h3 {
    font-size: clamp(1.15rem, 2vw, 1.35rem);
    font-weight: 700;
    color: #28a7df;
    margin: 1.75rem 0 0.75rem;
}

.pcc-help-faq-section .pcc-help-intro .content p {
    font-size: 0.9375rem;
    line-height: 1.75;
    color: #333;
    margin-bottom: 1rem;
}

.pcc-help-card {
    border-radius: 1.25rem;
    border: 1px solid rgba(40, 167, 223, 0.2);
    box-shadow: 0 12px 40px rgba(10, 61, 92, 0.08);
}

.pcc-help-card h3 {
    font-size: 1.5rem;
    font-weight: 700;
    color: #0a3d5c;
    margin: 0 0 0.35rem;
}

.pcc-help-card .pcc-help-lead {
    font-size: 0.95rem;
    color: #555;
    margin: 0 0 1.25rem;
    line-height: 1.5;
}

.pcc-help-row {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.65rem 0.85rem;
    align-items: start;
    padding: 0.85rem 0;
    border-bottom: 1px solid #e8eef2;
}

.pcc-help-row:last-of-type {
    border-bottom: none;
}

.pcc-help-row-label {
    grid-column: 1 / -1;
    font-weight: 700;
    font-size: 0.9rem;
    color: #0a3d5c;
    margin-bottom: 0.15rem;
}

.pcc-help-icon {
    width: 22px;
    height: 22px;
    margin-top: 2px;
    flex-shrink: 0;
    opacity: 0.85;
}

.pcc-help-row a {
    color: #28a7df;
    font-weight: 600;
    word-break: break-word;
}

.pcc-help-faq-section .pcc-page-faq-title {
    font-size: 1.1rem;
    font-weight: 700;
    color: #0a3d5c;
    margin: 1.75rem 0 0.75rem;
    padding-top: 0.5rem;
    border-top: 2px solid #d5dc25;
}

.pcc-help-faq-section .accordion-items .accordion-item {
    border-bottom: 1px solid #e8eef2;
}

.pcc-help-faq-section .accordion-items .accordion-item:last-child {
    border-bottom: none;
}

.pcc-help-faq-section .accordion-head::after {
    background: 50% / 1.5em auto no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23e82b7b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19.5 9 12 16.5 4.5 9'/%3E%3C/svg%3E");
    border-radius: 50%;
    content: "";
    display: block;
    height: 30px;
    width: 30px;
    flex-shrink: 0;
    transition: transform 0.35s ease;
}

.pcc-help-faq-section .accordion-item.active .accordion-head::after {
    transform: rotate(180deg);
}

.pcc-help-faq-section .accordion-head .title.h5 p {
    font-size: 0.9rem !important;
    color: #222 !important;
    margin: 0 !important;
    font-weight: 600;
    line-height: 1.45;
}

.pcc-help-faq-section .accordion-item.active .accordion-head .title.h5 p {
    color: #28a7df !important;
}

.pcc-help-faq-section .accordion-body {
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}

.pcc-help-faq-section .accordion-body .inner p,
.pcc-help-faq-section .accordion-body .inner li {
    font-size: 0.875rem !important;
    line-height: 1.65;
    color: #444 !important;
}

.incidents-covered .anime-img1 {
    /* transform: scaleY(-1) rotate(90deg); */
    /* scale: 1.3; */
    /* left: -20%; */

}

.LdQpKnaj_0 {
    stroke-dasharray: 1501 1503;
    stroke-dashoffset: 0;
    /* start from visible */
    animation: LdQpKnaj_draw_0 11200ms ease-in-out infinite,
        LdQpKnaj_fade 11200ms linear infinite;
}



.LdQpKnaj_0 {
    stroke-dasharray: 1501 1503;
    stroke-dashoffset: 1502;
    animation: LdQpKnaj_draw_0 11200ms ease-in-out 0ms infinite, LdQpKnaj_fade 11200ms linear 0ms infinite;
}

@keyframes LdQpKnaj_draw {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes LdQpKnaj_fade {
    0% {
        stroke-opacity: 1;
    }

    96.42857142857143% {
        stroke-opacity: 1;
    }

    100% {
        stroke-opacity: 0;
    }
}

@keyframes LdQpKnaj_draw_0 {
    7.142857142857142% {
        stroke-dashoffset: 1502;
    }

    36.9047619047619% {
        stroke-dashoffset: 0;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

/* .incidents-covered  .anime-img {
    width: 75%;
    transform: scaleY(-1) rotate(0deg);
    scale: 2;
    left: 15%;
    position: absolute;
    bottom: 200px;
    height: 120%;
}
@media (min-width: 1200px) {
    .incidents-covered  .anime-img {
    left: 20%;
    bottom: 185px;
    height: 120%;
}
}
@media (min-width: 1680px) {
    .incidents-covered  .anime-img {
    bottom: 17  0px;
    }
} */

/* .personal-cyber-hero .svg-circle .small-box,
.personal-cyber-hero .svg-circle .small-box .small-box-inner {
    width: 200px !important;
    top: -5%;
}

.personal-cyber-hero .svg-circle .small-box {
    bottom: 45% ;
} */
/* .small-box-inner {
    animation: floatMove 1.2s ease-in-out infinite alternate, rotateCircle 20s linear infinite;
    will-change: transform;
} */

/* @keyframes floatMove {
    0% {
        transform: translateY(50px);
    }
    100% {
        transform: translateY(-50px);
    }
}

@keyframes rotateCircle {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
} */

/* Personal Cyber Apply */

.personal-cyber-apply .bb-box {
    background-color: #fff !important;
    transition: transform 0.35s ease, box-shadow 0.35s ease, background-color 0.35s ease;
    will-change: transform;
    position: relative;

}

.personal-cyber-apply .bb-box:hover {
    --tw-bg-opacity: 1;
    background-color: #FFF !important;
    box-shadow: 0 4px 25.2px 0 rgba(0, 0, 0, .051) !important;
    transform: translate(5px, 5px);
}


.personal-cyber-apply .bb-box p {
    margin-bottom: 15px;
    font-size: 24px !important;
    color: #e82b7b;
}

.personal-cyber-apply .bb-box strong {
    display: inline-flex;
    width: auto;
    font-size: 36px;
    color: #e82b7b;

}

.personal-cyber-apply .bb-box strong small {
    display: inline-flex;
    width: 100%;
    font-size: 16px;
    font-weight: 300;
    color: #e82b7b;
    justify-content: center;
}

.personal-cyber-apply .bb-box a {
    color: #fff !important;
}

.personal-cyber-apply .bb-box a::before {
    background-color: #28a7df !important;
}

.commercial-cyber-apply .small-box-img.img-contain {
    display: none !important;
}
.commercial-cyber-apply .apply-cover-bb br {
    display: none;
}
@media (min-width: 992px) {
    .apply-cover-bb-wraper {
        display: flex;
        flex-direction: row;
    }
    
    .commercial-cyber-apply .apply-cover-bb br {
        display: block;
    }

    .apply-cover-bb-wraper .justify-end {
        justify-content: space-between;
    }

    .personal-cyber-apply .apply-cover-bb {
        width: calc(33.33% - 2rem);
    }
    .personal-cyber-apply .apply-cover-bb div strong {
        display: inline-flex;
        width: 100%;
        justify-content: center;
    }

}

@media (min-width: 1200px) {
    .personal-cyber-apply .apply-cover-bb {
        width: 33.333333%;
    }
    
    .apply-cover-bb-wraper .justify-end {
        justify-content: flex-end;
    }
    .personal-cyber-apply .small-box-img.img-contain {
        display: block !important;
    }

    .apply-form-personal-cyber {
        padding-top: 140px;
    }

    .personal-cyber-apply .apply-cover-bb-wraper .title {
        width: calc(66.6667% + 2.5rem);
        margin-left: auto;
    }

    .commercial-cyber-apply .apply-cover-bb {
        width: 25%;
    }
}



@media (min-width: 1200px) {
     .apply-for-personal-cyber-img {
        left: -15%;
        top: -35%;
        scale: 0.7;
    }
     .apply-for-commercial-cyber-img {
        scale: 0.5;
        left: -13%;
        top: -35%;
    }
}

@media (min-width: 1366px) {
    .apply-for-personal-cyber-img {
        scale: 1;
        left: -12%;
        top: -25%;
    }
    .apply-for-commercial-cyber-img {
        scale: .7;
        left: -11%;
        top: -25%;
    }
}

@media (min-width: 1680px) {
     .apply-for-commercial-cyber-img {
        scale: .9;
        left: -15%;
        top: -25%;
    }
}

.apply-for-personal-cyber-img [data-fade-right] {
    transform: translateX(-200px);
    /* start far left */
    opacity: 0;
    transition: all 1s ease;
}

.apply-for-personal-cyber-img [data-fade-right].is-visible {
    transform: translateX(0);
    /* move to original position */
    opacity: 1;
}

.hiw-personal-cyber {
    /* background-color: #e82b7b; */
}

.hiw-personal-cyber p {
    color: #fff !important;
}

.hiw-personal-cyber .card-center p {
    color: #000 !important;
}

.hiw-personal-cyber .card-center:hover p {
    color: #fff !important;
}

.hiw-personal-cyber ul li::before {
    background-color: #fff !important;
}

.hiw-personal-cyber ul li {
    color: #fff !important;
}





.apply-form-personal-cyber,
.apply-form-business-cyber {
    background-color: #28a7df;
}

/* PCC apply page: stack only the quote form above the fixed EMU launcher (see templates/personal-cyber/quote.tpl) */
.pcc-quote-form-stack {
    position: relative;
    z-index: 9500;
}

.apply-form-personal-cyber .label,
.apply-form-personal-cyber p,
.apply-form-business-cyber .label,
.apply-form-business-cyber p {
    color: #fff !important;
}

.apply-form-personal-cyber .error p,
.apply-form-business-cyber .error p {
    color: red !important;
}

@media (min-width: 1200px) {
    .our-policy .title.h2 p {
        font-size: 55px !important;
    }

    .our-policy .title {
        font-size: 36px !important;
    }

    .our-policy .title.body {
        font-size: 22px !important;
    }

}


.hiw-personal-cyber .hiw-motion-img {
    display: none;
}

.hiw-personal-cyber .titlebox {
    text-align: center;
}

@media (min-width: 1200px) {
    .hiw-personal-cyber .titlebox {
        text-align: left;
    }

    .hiw-personal-cyber .hiw-motion-img {
        display: block;
        left: auto;
        right: -25%;
        top: -25%;
        scale: 0.7;

    }

    .hiw-motion-img [data-fade-left] {
        transform: translateX(200px);
        /* start far right */
        opacity: 0;
        transition: all 1s ease;
    }

    .hiw-motion-img [data-fade-left].is-visible {
        transform: translateX(0);
        /* move to original position */
        opacity: 1;
    }
}

@media (min-width: 1400px) {
    .hiw-personal-cyber .hiw-motion-img {
        right: -12%;
        scale: 1;
        top: 0;

    }
}



.hiw-personal-cyber .card-center {
    padding: 2.5rem 2rem !important;
}

.hiw-personal-cyber .card-center .title {
    font-size: 19px;
    line-height: normal;
    font-weight: 400;

}

.hiw-personal-cyber .card-center .caption .title p {
    font-size: 100%;
    font-weight: 400;

}

.apply-cover {
    position: relative;
}

.apply-cover .title.h2 p {
    display: inline-flex;
    width: auto;
}

.apply-cover-img {
    display: none;
    left: auto;
    right: 20%;
    top: -150px;
    width: 180px;
}

@media (min-width: 1200px) {
    .apply-cover-img {
        display: block;
    }
}

.apply-cover-img [data-fade-left] {
    transform: translateX(200px);
    /* start far right */
    opacity: 0;
    transition: all 1s ease;
}

.apply-cover-img [data-fade-left].is-visible {
    transform: translateX(0);
    /* move to original position */
    opacity: 1;
}

/* =================================== */
.pcc header {
    background-color: #fff !important;
}



.occupation-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}

.occupation-label {
    font-size: 16px;
    font-weight: 500;
    color: #0f2b46;
}

.percent-field {
    position: relative;
    width: 110px;
}

.occupation-percent-input {
    width: 100%;
    height: 42px;
    border-radius: 25px;
    border: 1px solid #e5e5e5;
    background: #ffffff;
    text-align: center;
    font-size: 16px;
    padding-right: 30px;
    outline: none;
}

.percent-symbol {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: #444;
    pointer-events: none;
}

/* Other textarea */

.other-description-wrapper {
    grid-column: 1 / -1;
    margin-top: 10px;
    margin-bottom: 20px;
}

.scheme51a .other-description-wrapper,
.scheme51b .other-description-wrapper {
    border-bottom: 1px solid #dddddd !important;
    padding-bottom: 20px;
}

.other-label {
    display: block;
    font-size: 16px;
    margin-bottom: 6px;
    color: #333;
}

.other-textarea {
    width: 100%;
    border-radius: 8px;
    border: 1px solid #ddd;
    padding: 10px;
    resize: none;
    background: #fff;
}

/* Total section */

.total-wrapper {
    grid-column: 1 / -1;
    margin-top: 15px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}

.total-label {
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

.total-value {
    font-size: 20px;
    font-weight: 600;
    color: #E82B7B;
}

.occupation-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 10px;
    border-top: 1px solid #dddddd;
}

.scheme51a .occupation-box,
.scheme51b .occupation-box {
    padding-bottom: 10px !important;
    border-bottom: 1px solid #dddddd !important;
    border-top: none !important;
    padding-top: 0px;
    padding-bottom: 20px;
}

div.scheme51a>div:first-child,
div.scheme51b>div:first-child {
    border-top: 0px;
}

.occupation-text {
    display: flex;
    flex-direction: column;
}

.occupation-description {
    font-size: 13px;
    color: #6b7280;
    margin-top: 3px;
}


/* 17-03-2025  */

.percent-container {
    margin-top: 15px;
}

.percent-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.percent-row label {
    flex: 1;
    text-align: left;
}

.input-wrap {
    position: relative;
    width: 120px;
}

.input-wrap input {
    width: 100%;
    padding-right: 25px;
    text-align: right;
}

.percent-sign {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #555;
}

#ajaxModal.show {
    display: flex;
}

#ajaxModalBox {
    max-height: 80vh;
    overflow: auto;
}

#ajaxModalBox,
#ajaxModal {
    transition: all 0.3s ease;
}

#ajaxModal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}

#closeAjaxModal {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    background-color: #dc2626;
    color: white;
    border: none;
    padding: 0.5rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    border-radius: 0.25rem;
    cursor: pointer;
}

#ajaxModalBox {
    position: relative;
    background-color: #ffffff;
    width: 90%;
    max-height: 80vh;
    overflow: auto;
    padding: 1.5rem;
    border-radius: 0.5rem;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
    transform: scale(0.8);
    opacity: 0;
}

/* Quote / buy flow: back control uses left arrow; reverse hover slide (see .btn:hover svg in style.css) */
.btn.containerback:hover svg,
button.containerback:hover svg,
.btn.containerPrevious:hover svg,
button.containerPrevious:hover svg {
    --tw-translate-x: -0.5rem;
}

/* BACK is [svg][text]; NEXT is [text][svg]. Global .is-icon svg { margin-left: .5ch } indents BACK only — mirror gap with margin-right */
.btn.containerback.is-icon svg,
button.containerback.is-icon svg,
.btn.containerPrevious.is-icon svg,
button.containerPrevious.is-icon svg {
    margin-left: 0;
    margin-right: 0.5ch;
}

/* =====================================================
   Personal Cyber FAQ Pop-out Panel
   ===================================================== */

/* EMU FAQ styles moved to templates/personal-cyber/index.tpl */

.nextHolidayVideo {
    width: 100%;
    max-width: 75%;
    height: auto;
    border-radius: 25px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.utc-single-image {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

:root {
    --navy: #0f2540;
    --navy-mid: #0a192f;
    --navy-footer: #050d1a;
    --mint: #7ed9a8;
    --mint-2: #6ee7b7;
    --text-dark: #0f172a;
    --text-muted: #475569;
    --text-soft: #64748b;
    --border: #e2e8f0;
    --surface: #ffffff;
    --surface-2: #f8fafc;
    --surface-3: #eef6ff;
    --shadow-sm: 0 1px 2px rgba(15, 37, 64, 0.06);
    --shadow-md: 0 14px 40px rgba(15, 37, 64, 0.12);
    --radius: 16px;
    --radius-sm: 12px;
    --container: 1120px;
    --focus: 0 0 0 3px rgba(126, 217, 168, 0.45);
}

.lg\:\!grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important
}

.trust {
    background: #fff;
    padding: 28px 0;
    border-bottom: 1px solid var(--border);
}

.trust-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px 36px;
    max-width: 900px;
    margin: 0 auto;
}

.trust-item {
    display: inline-flex;
    align-items: flex-start;
    gap: 10px;
    color: var(--text-muted);
    font-weight: 500;
}

.trust-item::before {
    content: "";
    width: 8px;
    height: 8px;
    margin-top: 0.45em;
    border-radius: 50%;
    background: var(--mint);
    flex-shrink: 0;
}

.osr-buy {
    margin: 0 auto;
    margin-top: 15px;
}

.hero-badge {
    display: inline-block;
    padding: 8px 18px;
    border-radius: 999px;
    border: 1px solid #d5dc25;
    /* border: 1px solid var(--mint); */
    /* color: var(--mint); */

    font-weight: 600;
    letter-spacing: 0.02em;
    margin-bottom: 22px;
}

.hero-title-typed,
.hero-title-cursor {
    /* color: #e82b7b; */
    color: #d5dc25;

}

.hero-ctas {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    justify-content: center;
}

.btn-ghost-light {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 22px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.45);
    color: #fff;
    font-weight: 600;
    background: transparent;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.product-card::before {
    display: none;
}

.product-card {
    border: 1px solid #eee;
    border-radius: 25px;
    position: relative;
    overflow: hidden;
}

.product-card:after {
    content: "";
    width: 100%;
    height: 5px;
    position: absolute;
    top: 0;
    left: 0;
}

.commercial-cyber:after {
    background-color: #E82B7B;
}



.personal-cyber::after {
    background-color: #28a7df;
}

.pill-badge.personal {
    background: rgba(40, 167, 223, 0.1);
    color: #28a7df;
}

.pill-badge.biz {
    background: rgba(232, 43, 123, 0.1);
    color: #E82B7B;
}

.pill-badge {
    display: inline-flex;
    align-items: center;
    padding: 6px 30px;
    border-radius: 999px;
    font-weight: 600;
    margin-bottom: 14px;
    width: fit-content;
}

.commercial-cyber .product-card-body h3 {
    color: #E82B7B;
}


.personal-cyber .product-card-body h3 {
    color: #28a7df;
}

.check {
    width: 20px;
    height: 20px;
    border-radius: 6px;
    /* background: rgba(126, 217, 168, 0.2);
    color: #047857; */
    display: grid;
    place-items: center;
    font-weight: 800;
    flex-shrink: 0;
    margin-top: 2px;
}
.commercial-cyber .check {
    background: rgba(232, 43, 123, 0.1);
    color: #E82B7B;
}
.personal-cyber .check {
    background: rgba(40, 167, 223, 0.1);
    color: #28a7df;
}
.feature-rows li {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 14px 0;
    border-top: 1px solid var(--border);
    color: var(--text-muted);
}

.btn-card {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 14px 18px;
    border-radius: var(--radius-sm);
    border: 1px solid #cbd5e1;
    background: #fff;
    /* color: var(--navy); */
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease;
}
.commercial-cyber .btn-card  {
    background-color: #E82B7B;

}


.personal-cyber .btn-card {
    background-color: #28a7df;
}

.section-pale {
    background: var(--surface-3);
}

.overline {
    text-align: center;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    /* color: var(--mint-2); */
    color: #2d2d2d;
    margin-bottom: 12px;
}

/* —— Comparison table —— */
.table-shell {
    border-radius: var(--radius);
    border: 1px solid #cbd5e1;
    overflow: hidden;
    background: #fff;
    box-shadow: var(--shadow-sm);
}

table {
    width: 100%;
    border-collapse: collapse;
}

thead th {
    background: var(--navy);
    color: #fff;
    text-align: left;
    font-weight: 700;
    padding: 18px 20px;
    vertical-align: middle;
}

thead th:not(:first-child) {
    width: 32%;
}

.th-pill-wrap {
    display: flex;
    align-items: center;
}

.th-pill {
    display: inline-flex;
    padding: 8px 14px;
    border-radius: 999px;
    font-weight: 700;
}

.th-pill.commercial {
    background: #E82B7B;
    color: #fff;
    
}

.th-pill.personal {
    background: #28a7df;
    color: #fff;
}

tbody td {
    padding: 20px;
    color: var(--text-dark);
    border-top: 1px solid var(--border);
    vertical-align: top;
}

tbody tr:nth-child(even) td {
    background: #f8fafc;
}

tbody td:first-child {
    font-weight: 700;
    color: var(--navy);
}

.benefit-card {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding: 22px;
    border-radius: var(--radius);
    background: var(--surface-2);
    border: 1px solid var(--border);
    min-height: 135px;
}

.benefit-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    /* background: var(--navy); */
    background-color: #2d2d2d;
    /* border: 2px solid var(--mint); */
    border: 2px solid #d5dc25;
    
    display: grid;
    place-items: center;
    flex-shrink: 0;
    /* color: var(--mint); */
    color: #d5dc25;
}

.benefit-icon svg {
    width: 24px;
    height: 24px;
}

.benefit-card h3 {
    font-size: 2.0625rem;
    font-weight: 800;
    margin-bottom: 6px;
}

.benefit-card p {
    margin: 0;
    color: var(--text-muted);
}

/* Home hero — typewriter suffix (measure sets width; overlay absolute so typing does not resize box) */
#pcc-hero-banner .hero-typed-title {
    text-align: center;
}
#pcc-hero-banner .hero-typed-title .hero-typed-title-p,
#pcc-hero-banner .hero-typed-title .hero-typed-title-measure {
    font-size: clamp(1.1rem, 4vw, 4.75rem);
    line-height: 1.2;
    white-space: nowrap;
}

#pcc-hero-banner .hero-typed-anchor {
    display: grid;
    grid-template-columns: max-content;
    justify-content: center;
    width: 100%;
    position: relative;
}

#pcc-hero-banner .hero-typed-title-measure {
    grid-area: 1 / 1;
    margin: 0;
    visibility: hidden;
    pointer-events: none;
    user-select: none;
}

#pcc-hero-banner .hero-typed-title-visible {
    grid-area: 1 / 1;
    align-self: start;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    text-align: left;
    white-space: nowrap;
}

#pcc-hero-banner .hero-typed-title-p {
    margin: 0;
}

#pcc-hero-banner .hero-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

#pcc-hero-banner .hero-title-cursor {
    display: inline-block;
    width: 0.06em;
    min-width: 2px;
    height: 0.92em;
    margin-left: 0.06em;
    vertical-align: -0.12em;
    background: currentColor;
    animation: hero-title-cursor-blink 0.85s step-end infinite;
}

#pcc-hero-banner .hero-title-cursor--done {
    width: 0;
    min-width: 0;
    margin: 0;
    opacity: 0;
    animation: none;
}

@keyframes hero-title-cursor-blink {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}



/* FAQ */

/* ── EMU FAQ Launcher ─────────────────────────────────────────── */
.pcc-emu-launcher {
    position: fixed;
    right: env(safe-area-inset-right, 0px);
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    z-index: 9000;
    /* Larger Chromatix-style edge tab */
    width: clamp(132px, 12vw + 72px, 220px);
    height: clamp(300px, 58vmin, 460px);
    max-height: calc(100vh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 24px);
    overflow: visible;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    pointer-events: auto;
}

.pcc-emu-group {
    position: relative;
    width: clamp(92px, 6vw + 64px, 124px);
    height: clamp(268px, 52vmin, 400px);
    cursor: pointer;
    flex-shrink: 0;
    overflow: visible;
    pointer-events: auto;
}

.pcc-emu-panel {
    position: absolute;
    inset: 0;
    transform: translateX(100%);
    transition: transform 0.44s cubic-bezier(0.34, 1.1, 0.64, 1);
    z-index: 1;
}

.pcc-emu-group.is-peeking .pcc-emu-panel,
.pcc-emu-group.is-scroll-revealed .pcc-emu-panel {
    transform: translateX(0);
    transition-delay: 0s;
}

.pcc-emu-launcher:hover .pcc-emu-group.is-peeking .pcc-emu-panel,
.pcc-emu-launcher:hover .pcc-emu-group.is-scroll-revealed .pcc-emu-panel {
    transform: translateX(-4px);
    transition: transform 0.22s ease-out;
    transition-delay: 0s;
}

.pcc-emu-label-track {
    position: absolute;
    inset: 0;
    transform: translateX(100%);
    transition: transform 0.42s cubic-bezier(0.34, 1.1, 0.64, 1);
    transition-delay: 0s;
    z-index: 3;
    pointer-events: none;
}

.pcc-emu-group.is-peeking .pcc-emu-label-track,
.pcc-emu-group.is-scroll-revealed .pcc-emu-label-track {
    transform: translateX(0);
    transition-delay: 0s;
}

.pcc-emu-launcher:hover .pcc-emu-group.is-peeking .pcc-emu-label-track,
.pcc-emu-launcher:hover .pcc-emu-group.is-scroll-revealed .pcc-emu-label-track {
    transform: translateX(-4px);
    transition: transform 0.22s ease-out;
    transition-delay: 0s;
}

.pcc-emu-bg {
    position: absolute;
    inset: 0;
    background: #28a7df;
    border-radius: 12px 0 0 12px;
    z-index: 1;
    transition: background 0.2s;
}
.pcc.business-cyber .pcc-emu-bg {
    background: #d5dc25;
}
.pcc.business-cyber .pcc-emu-label {
    color: #1a1a1a;
}

.pcc-emu-group:hover .pcc-emu-bg {
    background: #1d9fcc;
}

/* Lime while overlapping Apply for cover section */
.pcc-emu-group.pcc-emu-over-apply .pcc-emu-bg {
    background: #d5dc25;
}

.pcc-emu-group.pcc-emu-over-apply:hover .pcc-emu-bg {
    background: #c5cc21;
}

.pcc-emu-group.pcc-emu-over-apply .pcc-emu-label {
    color: #1a1a1a;
}

/* EMU anchored to viewport right (sibling of group inside launcher) */
.pcc-emu-mascot {
    position: absolute;
    right: clamp(-58px, -3.5vw - 30px, -26px);
    bottom: clamp(-56px, -4.5vh - 26px, -30px);
    height: clamp(220px, 54vmin, 480px);
    max-height: calc(100vh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 32px);
    width: auto;
    max-width: min(58vw, 420px);
    object-fit: contain;
    object-position: 100% 100%;
    display: block;
    margin: 0;
    z-index: 6;
    pointer-events: none;
    transform: translate3d(calc(100% + clamp(18px, 3.5vw, 32px)), clamp(8px, 2vh, 14px), 0) scale(1);
    transform-origin: bottom right;
    transition: transform 0.52s cubic-bezier(0.34, 1.1, 0.64, 1);
    transition-delay: 0s;
    filter: drop-shadow(-4px 6px 14px rgba(0, 0, 0, 0.22));
}

.pcc-emu-group.is-peeking~.pcc-emu-mascot,
.pcc-emu-group.is-scroll-revealed~.pcc-emu-mascot {
    transform: translate3d(clamp(4px, 2.4vw, 12px), clamp(8px, 2vh, 14px), 0) scale(1);
    transition-delay: 0s;
}

.pcc-emu-launcher:hover .pcc-emu-group.is-peeking~.pcc-emu-mascot,
.pcc-emu-launcher:hover .pcc-emu-group.is-scroll-revealed~.pcc-emu-mascot {
    transform: translate3d(clamp(2px, 1.6vw, 8px), clamp(8px, 2vh, 14px), 0) scale(1.08);
    transition: transform 0.28s cubic-bezier(0.34, 1.15, 0.64, 1);
    transition-delay: 0;
}

.pcc-emu-label {
    position: absolute;
    top: clamp(14px, 2.6vmin, 20px);
    left: clamp(8px, 1.6vw, 12px);
    right: clamp(4px, 1vw, 8px);
    color: #fff;
    font-size: clamp(13px, 1.15vw + 10px, 20px);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.2px;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.06em;
}

.pcc-emu-label-line {
    display: block;
}

/* Cover only the launcher strip — a negative left used to extend the hit box
		   across the page and overlapped the apply form (clicks opened FAQ). */
.pcc-emu-launcher .pcc-faq-toggle {
    position: absolute;
    inset: 0;
    background: transparent;
    border: none;
    cursor: pointer;
    z-index: 10;
    padding: 0;
    pointer-events: auto;
    touch-action: manipulation;
}

button.pcc-faq-toggle:hover {
    background: transparent;
}

button.pcc-faq-toggle:before {
    background-color: transparent !important;
}

button.pcc-faq-toggle:after {
    border: 0 !important;
}

.pcc-emu-launcher.panel-open {
    opacity: 0;
    pointer-events: none !important;
    transition: opacity 0.2s;
}

.pcc-faq-panel {
    position: fixed;
    top: 0;
    right: 0;
    width: min(1320px, calc(100vw - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px) - 12px));
    max-width: 100vw;
    height: 100%;
    z-index: 10050;
    transform: translateX(100%);
    transition: transform 0.48s cubic-bezier(0.33, 1, 0.68, 1);
    pointer-events: none;
}

.pcc-faq-panel.is-open {
    transform: translateX(0);
    pointer-events: all;
}

.pcc-faq-panel-inner {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: hidden;
    z-index: 2;
    display: flex;
    flex-direction: column;
    min-height: 0;
    box-shadow: -6px 0 30px rgba(0, 0, 0, 0.18);
}

.pcc-faq-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.45);
    z-index: 1;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s;
}

.pcc-faq-panel.is-open .pcc-faq-overlay {
    opacity: 1;
    pointer-events: all;
}

.pcc-faq-close {
    position: absolute;
    top: clamp(10px, 2vh, 16px);
    right: clamp(10px, 2vw, 18px);
    z-index: 10;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid rgba(40, 167, 223, 0.45);
    color: #0a3d5c;
    font-size: 1.35rem;
    line-height: 1;
    cursor: pointer;
    padding: 0;
    border-radius: 9999px;
    box-shadow: 0 2px 10px rgba(10, 61, 92, 0.12);
    transition: background 0.2s, border-color 0.2s, color 0.2s;
}

.pcc-faq-close::before,
.pcc-faq-close::after {
    display: none !important;
}

.pcc-faq-close:hover {
    background: #e8f6fc;
    border-color: #28a7df;
    color: #28a7df;
}

.pcc-faq-panel-split {
    display: flex;
    flex: 1;
    min-height: 0;
    flex-direction: row;
    align-items: stretch;
    /*padding-top: clamp(2.75rem, 6vh, 3.5rem);*/
    box-sizing: border-box;
}

.pcc-faq-contact-block {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.pcc-faq-panel-aside,
.pcc-faq-panel-faqs {
    overflow-y: auto;
    height: 100%;
    overscroll-behavior: contain;
}

.pcc-faq-panel-aside {
    flex: 0 0 50%;
    width: 50%;
    max-width: none;
    min-width: 0;
    box-sizing: border-box;
    background: #000;
    color: #FFF;
    border-right: 1px solid #e0e8ee;
    overflow-y: auto;
    overflow-x: hidden;
    padding: clamp(20px, 3.5vw, 32px) clamp(18px, 3.5vw, 18px) clamp(28px, 5vh, 44px);
}

.pcc-faq-panel-aside h4.pcc-faq-aside-kicker {
    margin: 0 0 0.35rem;
    /* font-size: clamp(1.65rem, 3vw, 2.5rem); */
    font-weight: 800;
    line-height: 1.2;
    font-size: 48px;
}

.pcc-faq-panel-aside .pcc-faq-aside-lead {
    margin: 0 0 1.35rem;
    font-size: clamp(1.12rem, 2vw, 1.5rem);
    line-height: 1.6;
    font-weight: 600;
}

.pcc-faq-aside-block {
    /* margin-bottom: 1.25rem; */
    /* padding-bottom: 1.1rem; */
    /* border-bottom: 1px solid #eef2f5; */
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;

}

.pcc-faq-aside-block:nth-of-type(1) {
    width: calc(50% - 5px);
}

.pcc-faq-aside-block:nth-of-type(2) {
    width: calc(40% - 5px);
}

@media (min-width: 1366px) {
    .pcc-faq-aside-block:nth-of-type(1) {
        width: calc(55% - 5px);
    }

    .pcc-faq-aside-block:nth-of-type(2) {
        width: calc(40% - 5px);
    }
}

.pcc-faq-aside-block:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.5);
    top: auto;
    right: -10px;
    bottom: 0;
    margin: auto;
}

.pcc-faq-aside-block:last-of-type::after {
    display: none;
}

.pcc-faq-aside-block strong {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.pcc-faq-aside-line {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem 0.65rem;
    font-size: clamp(1.45rem, 2.8vw, 1.95rem);
    color: #333;
    line-height: 1.5;
    /* margin-bottom: 0.45rem; */
}

.pcc-faq-aside-line:last-child {
    margin-bottom: 0;
}

.pcc-faq-aside-line .pcc-faq-aside-ico-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: clamp(3.1rem, 6.5vw, 3.85rem);
    height: clamp(3.1rem, 6.5vw, 3.85rem);
    flex-shrink: 0;
    border-radius: 9999px;
    background: #28a7df;
    border: 3px solid #fff;
    box-shadow: 0 2px 8px rgba(10, 61, 92, 0.2);
}

.pcc-faq-aside-line .pcc-faq-aside-ico-wrap svg {
    width: clamp(1.35rem, 2.8vw, 1.65rem);
    height: clamp(1.35rem, 2.8vw, 1.65rem);
    display: block;
}

.pcc-faq-aside-line .pcc-faq-aside-ico-wrap svg path {
    fill: none;
    stroke: #fff;
    stroke-width: 1.85;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.pcc-faq-aside-line a {
    color: #28a7df;
    font-weight: 700;
    font-size: clamp(1.5rem, 3vw, 2rem);
    line-height: 1.35;
    word-break: break-word;
}

.pcc-faq-panel-aside h3.pcc-faq-aside-h3 {
    margin: 1.5rem 0 0.85rem;
    font-size: clamp(1.3rem, 2.4vw, 1.75rem);
    font-weight: 700;
    color: #28a7df;
    line-height: 1.28;
}

.pcc-faq-panel-aside h4.pcc-faq-aside-sub {
    margin: 1.35rem 0 0.6rem;
    font-size: clamp(1.12rem, 1.8vw, 1.75rem);
    font-weight: 700;
}

.pcc-faq-panel-aside .pcc-faq-aside-copy p {
    margin: 0 0 0.85rem;
    font-size: clamp(1.05rem, 1.65vw, 1.5rem);
    line-height: 1.72;
}

.pcc-faq-panel-aside .pcc-faq-aside-copy p:last-child {
    margin-bottom: 0;
}

.pcc-faq-aside-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(14px, 2.5vw, 30px) clamp(8px, 2vw, 0px);
    /* margin-top: clamp(1.1rem, 2.5vw, 1.65rem);
		    padding-top: clamp(1.1rem, 2.5vw, 1.65rem); */
    padding-top: 40px;
    margin-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.pcc-faq-aside-stat {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 20px;
    text-align: center;
}

.pcc-faq-aside-stat-icon {
    display: inline-flex;
    width: 84px;
    height: 84px;
    max-width: 100%;
    flex-shrink: 0;
    box-sizing: border-box;
    border-radius: 10px;
    margin: auto;
}

.pcc-faq-aside-stat-kicker {
    font-size: 62px;
    font-family: Geist-SemiBold, sans-serif !important;
    font-weight: 900 !important;
    line-height: 52px;
    color: #fff;
}

.pcc-faq-aside-stat-text {
    margin: 0;
    font-size: clamp(0.95rem, 1.75vw, 1.5rem);
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.88);
    font-weight: 400;
}

.pcc-faq-panel-faqs h3.pcc-faq-aside-h3 {
    font-size: 28px !important;
    margin-bottom: 35px !important;
    /* margin: 0 0 0.85rem; */
    font-size: clamp(1.3rem, 2.4vw, 1.75rem);
    font-weight: 700;
    color: #28a7df;
    line-height: 1.28;
}

.pcc-faq-panel-faqs h4.pcc-faq-aside-sub {
    margin: 1.35rem 0 0.6rem;
    font-size: clamp(1.12rem, 1.8vw, 1.75rem);
    font-weight: 700;
    color: #0a3d5c;
}

.pcc-faq-panel-faqs .pcc-faq-aside-copy p {
    margin: 0 0 0.85rem;
    font-size: clamp(1.05rem, 1.65vw, 1.5rem);
    line-height: 1.72;
    color: #333;
}

.pcc-faq-panel-faqs .pcc-faq-aside-copy p:last-child {
    margin-bottom: 0;
}

.pcc-faq-panel-faqs .pcc-faq-faqs-preamble {
    margin-bottom: clamp(1rem, 2.5vw, 1.5rem);
}

.pcc-faq-panel-faqs {
    flex: 0 0 50%;
    width: 50%;
    min-width: 0;
    box-sizing: border-box;
    background: #f4f8fb;
    overflow-y: auto;
    overflow-x: hidden;
    padding: clamp(16px, 3vw, 22px) clamp(16px, 3.2vw, 26px) clamp(28px, 5vh, 40px);
}

.pcc-faq-panel-faqs .pcc-faq-faqs-title {
    margin: 0 0 14px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #0a3d5c;
}

.pcc-faq-panel .accordion-items {
    margin: 0;
}

.pcc-faq-panel .accordion-item {
    border-bottom: 1px solid #eee;
}

.pcc-faq-panel .accordion-item:last-child {
    border-bottom: none;
}

.pcc-faq-panel .accordion-head {
    padding: 14px 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) min-content;
    align-items: center;
    gap: 10px;
}

.pcc-faq-panel .accordion-head::after {
    background: 50% / 1.5em auto no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23e82b7b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19.5 9 12 16.5 4.5 9'/%3E%3C/svg%3E");
    border-radius: 50%;
    content: "";
    display: block;
    height: 30px;
    width: 30px;
    flex-shrink: 0;
    transition: transform 0.4s;
}

.pcc-faq-panel .accordion-item.active .accordion-head::after {
    transform: rotate(180deg);
}

.pcc-faq-panel .accordion-head .title.h5 p {
    font-size: clamp(14px, 1.1vw, 16px) !important;
    color: #222 !important;
    margin: 0 !important;
    font-weight: 600;
    line-height: 1.4;
}

.pcc-faq-panel .accordion-item.active .accordion-head .title.h5 p {
    color: #28a7df !important;
}

.pcc-faq-panel .accordion-body {
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}

.pcc-faq-panel .accordion-body .inner p {
    font-size: 13px !important;
    color: #555 !important;
    line-height: 1.7;
    padding-bottom: 14px;
    margin: 0 !important;
}

.pcc-faq-panel .accordion-body .inner ul {
    font-size: 13px;
    color: #555;
    line-height: 1.7;
    padding-left: 18px;
    padding-bottom: 14px;
    margin: 0;
}

.pcc-faq-panel .accordion-body .inner ul li {
    margin-bottom: 4px;
}

.pcc-faq-badge {
    display: inline-block;
    background: #d5dc25;
    color: #333;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 4px;
    margin-bottom: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;

}

@media (max-width: 1199px) {
    .pcc-faq-panel-split {
        flex-direction: column;
    }

    .pcc-faq-panel-aside {
        flex: 0 0 auto;
        width: 100%;
        max-width: none;
        min-width: 0;
        border-right: none;
        border-bottom: 1px solid #e0e8ee;
        max-height: 45vh;
    }

    .pcc-faq-panel-faqs {
        flex: 1 1 auto;
        width: 100%;
        min-height: min(50vh, 320px);
    }

}

@media (max-width: 767px) {

    .pcc-faq-aside-stat-icon {
        width: 72px;
        height: 72px;
    }

    .pcc-faq-aside-stat-kicker {
        font-size: 36px;
    }
}

@media (max-width: 480px) {
    .pcc-faq-panel {
        width: 100vw;
    }

    .pcc-emu-launcher {
        width: clamp(108px, 30vw, 148px);
        height: clamp(252px, 50vmin, 340px);
    }

    .pcc-emu-group {
        width: clamp(70px, 20vw, 94px);
        height: clamp(228px, 46vmin, 312px);
    }
}

@media (max-height: 520px) and (orientation: landscape) {
    .pcc-emu-launcher {
        height: min(52vh, 300px);
    }

    .pcc-emu-group {
        height: min(48vh, 276px);
    }

    .pcc-emu-mascot {
        height: min(44vh, 240px);
    }
}


.bg-grey{background-color: #2d2d2d !important; color: #FFF;}
.cyber-table table thead th {
    background-color: #2d2d2d !important;

}

header .logo:before {
    display: none !important;
}
/* css button gradient  */
a.btn span,
a.btn svg,
button.btn span,
button.btn svg {
    color: #fff !important;
}
a.btn:before,
button.btn:before {
    background: #E82B7B;
    background: -webkit-linear-gradient(120deg, rgba(232, 43, 123, 1) 0%, rgba(40, 167, 223, 1) 100%);
    background: -moz-linear-gradient(120deg, rgba(232, 43, 123, 1) 0%, rgba(40, 167, 223, 1) 100%);
    background: linear-gradient(120deg, rgba(232, 43, 123, 1) 0%, rgba(40, 167, 223, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#E82B7B", endColorstr="#28A7DF", GradientType=1);
}
a.btn:hover:before,
button.btn:hover:before {
    background: #E82B7B;
    background: -webkit-linear-gradient(90deg, rgba(232, 43, 123, 1) 0%, rgba(213, 220, 37, 1) 100%);
    background: -moz-linear-gradient(90deg, rgba(232, 43, 123, 1) 0%, rgba(213, 220, 37, 1) 100%);
    background: linear-gradient(90deg, rgba(232, 43, 123, 1) 0%, rgba(213, 220, 37, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#E82B7B", endColorstr="#D5DC25", GradientType=1);
}


.btn-gradient2 {
    background: #E82B7B;
    background: -webkit-linear-gradient(120deg, rgba(232, 43, 123, 1) 0%, rgba(40, 167, 223, 1) 100%);
    background: -moz-linear-gradient(120deg, rgba(232, 43, 123, 1) 0%, rgba(40, 167, 223, 1) 100%);
    background: linear-gradient(120deg, rgba(232, 43, 123, 1) 0%, rgba(40, 167, 223, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#E82B7B", endColorstr="#28A7DF", GradientType=1);
    color: #fff;
}

.btn-gradient2:hover {
    background: #E82B7B;
    background: -webkit-linear-gradient(90deg, rgba(232, 43, 123, 1) 0%, rgba(213, 220, 37, 1) 100%);
    background: -moz-linear-gradient(90deg, rgba(232, 43, 123, 1) 0%, rgba(213, 220, 37, 1) 100%);
    background: linear-gradient(90deg, rgba(232, 43, 123, 1) 0%, rgba(213, 220, 37, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#E82B7B", endColorstr="#D5DC25", GradientType=1);
}

/* home */

.hero-wrap,
.cyber-cover-section{
    background: transparent !important;
}

.cyber Header {
    background-color: #f4f8fb;
}
.cyber Header .lg\:bg-white\/50 {
    background: transparent !important;
}
 
.cyber-hero-banner,
.cyber.home-hero {
    background-color: #2d2d2d;
}
@media (min-width: 1200px) {
    .cyber.home-hero {
        padding-bottom: 12rem;
    }
}
.cyber.home-hero .title.h1 p,
.cyber.home-hero .content p {
    color: #fff;
}
.cyber-overview-sec {
    padding-bottom: 140px;
}
  

.cyber-overview-sec .content-icon {
    background-color: transparent !important;
}
.cyber-overview-sec .content-icon:after {
    border-width: 2px !important;
}
#pcc-hero-banner figure img,
footer figure img {
    object-fit: fill !important;
}
.security-box {
    position: relative;
}

footer.bg-grey {
    background-color: transparent !important;
    padding-top: 8rem !important;
}
footer .container {
    position: relative;
    z-index: 1;
}


.home-hero-container {
    padding-top: 15rem;
}
.home-hero-container .svg-anim-img {
    top: 60px;
}
.home-hero-container .right-fly-img {
    right: -12% !important;
}

.trmn.bg-grey {
    background-color: transparent !important;
    padding-top: 15rem !important;
    padding-bottom: 12rem !important;

}
.cyber-about-banner {
    margin-bottom: -40px;
}
.cyber-about-banner-svg-anim-img {
    top: 150px;
}




body.personal-cyber footer,
body.business-cyber footer,
body.business-cyber .s-how-it-works {
    position: relative;
}
body.personal-cyber footer:after,
body.business-cyber footer:after,
body.business-cyber .s-how-it-works:after {
    content: "";
    background-color: #28a7df;
    width: 100%;
    height: 50%;
    position: absolute;
    z-index: -1;
    bottom: auto;
    top: -50px;
    left: 0;
    right: 0;
}

body.business-cyber .s-how-it-works:after {
    top: auto;
    bottom: -50px;
}


.apply-form-business-cyber .title.h2 p {
    display: inline-flex;
    border: 1px solid;
    padding: 8px 40px;
    border-radius: 50px;
    font-size: 48px;
    line-height: 46px;
    border-color: rgb(14 12 38/var(--tw-border-opacity,1));
    background: #E82B7B;
    background: -webkit-linear-gradient(90deg, rgba(232, 43, 123, 1) 0%, rgba(213, 220, 37, 1) 100%);
    background: -moz-linear-gradient(90deg, rgba(232, 43, 123, 1) 0%, rgba(213, 220, 37, 1) 100%);
    background: linear-gradient(90deg, rgba(232, 43, 123, 1) 0%, rgba(213, 220, 37, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#E82B7B", endColorstr="#D5DC25", GradientType=1);
}

.apply-form-business-cyber .label.title.h4 h4 {
      display: inline-flex;
    border: 1px solid;
    padding: 8px 40px;
    border-radius: 50px;
    border-color: rgb(14 12 38/var(--tw-border-opacity,1));
    background: #E82B7B;
    background: -webkit-linear-gradient(90deg, rgba(232, 43, 123, 1) 0%, rgba(213, 220, 37, 1) 100%);
    background: -moz-linear-gradient(90deg, rgba(232, 43, 123, 1) 0%, rgba(213, 220, 37, 1) 100%);
    background: linear-gradient(90deg, rgba(232, 43, 123, 1) 0%, rgba(213, 220, 37, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#E82B7B", endColorstr="#D5DC25", GradientType=1);

}
.hrclass{color: #00000038 !important;}
.brand-card span{font-weight: bold; font-size: 25px;}